# Checklists

## **What are checklists ?**

Checklists help guide users through essential tasks with an on-screen list that tracks progress. Configure task actions, completion conditions, and a final step to enhance user engagement.

### **Accessing the Builder**

Navigate to the Builder from the dashboard to start crafting your checklist.

<figure><img src="/files/0unSdvf6dE2fCexrKD6U" alt=""><figcaption><p>Checklists dashboard</p></figcaption></figure>

<figure><img src="/files/GC09LEBnLeWiBiNV6int" alt=""><figcaption><p>Empty state first checklist</p></figcaption></figure>

### **Main Features**

<figure><img src="/files/LYbSkoMcgTMrFqxjLs8G" alt=""><figcaption><p>Checklist builder</p></figcaption></figure>

* **A (Navigator - Checklist Elements):** This section displays the checklist elements (Header, Task List, Dismiss) within the expanded checklist. You can access their specific parameters and the general checklist options here.
* **B (Trigger):** This area represents the display settings for the collapsed version of the checklist. It controls how and when the checklist is displayed on-screen.
* **C (Tab Selector):** Use this to switch between different tabs. By default, it’s on the **Navigator** tab, but you can also access:
  * [**Element Tab**](/docs/experiences/checklists/components.md)**:** Manage the addition or removal of checklist elements.
  * [**Theme Tab**](/docs/build/theme.md)**:** Apply and manage preset styles for consistent design.
  * [**Languages Tab**](/docs/build/multiple-languages.md)**:** Set up translations for multi-language support.
* **D (Top Bar - Step Switcher):** This bar allows you to switch between the checklist steps, like the **Task List** and **Completion Step**. Note that these are fixed steps, so you cannot add additional steps here.
* **E (Behavior Parameters):** These settings are available for the main checklist element and each task within it. Use this section to configure behavior options, such as task actions and completion conditions.
* **F (Style/Positioning Parameters):** This section lets you customize the appearance, including text, size, colors, and positioning on the screen.
* **G (Live Preview):** Here, you can see an interactive preview of the checklist, allowing you to access and adjust parameters directly by interacting with elements in the preview.
* **H (Action Buttons)**: Here, you'll find multiple actions:
  * The 'Save' button to secure your progress. This button allows you to force save but the builder [automatically saves your work regularly](#user-content-fn-1)[^1].&#x20;
  * The '[Preview](/docs/build/preview.md)' to see a full simulation of your checklist.
  * The '[Target & Publish](/docs/publish/target-and-publish.md)' sets the criteria for who will see the checklist and when.

***

<details>

<summary><mark style="color:blue;background-color:yellow;">Best Practices</mark></summary>

* **Consistent Design**: Use the themes panel to maintain a consistent look across your tour.

</details>

***

<table data-view="cards"><thead><tr><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td>Overview</td><td><a href="/pages/rTqvhSal4rq0yCMR78PT">/pages/rTqvhSal4rq0yCMR78PT</a></td></tr><tr><td>Components</td><td><a href="/pages/2QSMVsaNcfbVswKS3Z7N">/pages/2QSMVsaNcfbVswKS3Z7N</a></td></tr><tr><td>Behavior</td><td><a href="/pages/wCTgQg5nnM042RbJJhXa">/pages/wCTgQg5nnM042RbJJhXa</a></td></tr></tbody></table>

[^1]: <img src="/files/xfc0XXAh3gO7Jx08AauJ" alt="" data-size="original">


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.usejimo.com/docs/experiences/checklists.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.