> For the complete documentation index, see [llms.txt](https://help.usejimo.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.usejimo.com/docs/experiences/checklists.md).

# 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">