---
title: "Use Icons to start a Walkthrough"
slug: "use-icons-to-start-a-walkthrough"
updated: 2026-08-06T15:35:43Z
published: 2026-08-06T15:35:43Z
canonical: "support.whatfix.com/use-icons-to-start-a-walkthrough"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Use Icons to start a Walkthrough, Walkthrough Menu, and Walkthrough Checklist

Configure an icon to appear on the app screen to enable your end users to start [Walkthrough](/mobile/docs/what-are-flows), [Walkthrough Menu](/mobile/docs/what-is-walkthrough-menu), and [Walkthrough Checklist](/mobile/docs/what-is-a-walkthrough-checklist) whenever they want.

Use the following steps to configure an icon:

1. While creating your Walkthrough, Walkthrough Menu, or Walkthrough Checklist, click **Design**. ![design_editor](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/design_editor.png?sv=2026-02-06&spr=https&st=2026-10-29T16%3A22%3A46Z&se=2026-10-29T17%3A22%3A46Z&sr=c&sp=r&sig=O7hK8GQP59DFNnWJUWlp%2BvVbV%2BQdCtdBGth%2BctXR1sw%3D)

          Info:

          

Add an icon on the **START** page of your Walkthrough.

![start_walkthrough](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/start_walkthrough.png?sv=2026-02-06&spr=https&st=2026-10-29T16%3A22%3A46Z&se=2026-10-29T17%3A22%3A46Z&sr=c&sp=r&sig=O7hK8GQP59DFNnWJUWlp%2BvVbV%2BQdCtdBGth%2BctXR1sw%3D)
2. Enable the **ICON** toggle. ![icon_walkthrough](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/icon_walkthrough.png?sv=2026-02-06&spr=https&st=2026-10-29T16%3A22%3A46Z&se=2026-10-29T17%3A22%3A46Z&sr=c&sp=r&sig=O7hK8GQP59DFNnWJUWlp%2BvVbV%2BQdCtdBGth%2BctXR1sw%3D)
3. To change the icon, click the **Edit** icon. ![2023-03-28_15-07-01](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2023-03-28_15-07-01.png?sv=2026-02-06&spr=https&st=2026-10-29T16%3A22%3A46Z&se=2026-10-29T17%3A22%3A46Z&sr=c&sp=r&sig=O7hK8GQP59DFNnWJUWlp%2BvVbV%2BQdCtdBGth%2BctXR1sw%3D)

          Info:

          

  - Choose from any of the available icons.

![2023-03-28_15-14-43](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2023-03-28_15-14-43.png?sv=2026-02-06&spr=https&st=2026-10-29T16%3A22%3A46Z&se=2026-10-29T17%3A22%3A46Z&sr=c&sp=r&sig=O7hK8GQP59DFNnWJUWlp%2BvVbV%2BQdCtdBGth%2BctXR1sw%3D)
  - Change the color of the icon by clicking the color box. ![color_box_icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/color_box_icon.png?sv=2026-02-06&spr=https&st=2026-10-29T16%3A22%3A46Z&se=2026-10-29T17%3A22%3A46Z&sr=c&sp=r&sig=O7hK8GQP59DFNnWJUWlp%2BvVbV%2BQdCtdBGth%2BctXR1sw%3D)
  - Use the **Alignment** icons to align the icon to the left or right of the app screen. ![alignment_icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/alignment_icon.png?sv=2026-02-06&spr=https&st=2026-10-29T16%3A22%3A46Z&se=2026-10-29T17%3A22%3A46Z&sr=c&sp=r&sig=O7hK8GQP59DFNnWJUWlp%2BvVbV%2BQdCtdBGth%2BctXR1sw%3D)
4. To enable your end users to dismiss the icon from the screen, click **Advanced**. ![advanced_icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/advanced_icon.png?sv=2026-02-06&spr=https&st=2026-10-29T16%3A22%3A46Z&se=2026-10-29T17%3A22%3A46Z&sr=c&sp=r&sig=O7hK8GQP59DFNnWJUWlp%2BvVbV%2BQdCtdBGth%2BctXR1sw%3D)
5. Enable the **DISMISSIBLE** toggle. ![dismissible_icon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/dismissible_icon.png?sv=2026-02-06&spr=https&st=2026-10-29T16%3A22%3A46Z&se=2026-10-29T17%3A22%3A46Z&sr=c&sp=r&sig=O7hK8GQP59DFNnWJUWlp%2BvVbV%2BQdCtdBGth%2BctXR1sw%3D)

          Note:

          

  - End users can dismiss the icon by clicking and dragging it to the **X** icon. You can choose to dismiss the project permanently by clicking **Yes** in the confirmation alert. Clicking **No** cancels the dismiss action and keeps the icon on the app screen. ![mobile_dismiss icon_confirmation alert.jpg](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/mobile_dismiss%20icon_confirmation%20alert.jpg?sv=2026-02-06&spr=https&st=2026-10-29T16%3A22%3A46Z&se=2026-10-29T17%3A22%3A46Z&sr=c&sp=r&sig=O7hK8GQP59DFNnWJUWlp%2BvVbV%2BQdCtdBGth%2BctXR1sw%3D)
  - Customize and [translate](/mobile/docs/add-translated-text-in-projects) the termination popup message in the **DISMISSIBLE PANEL POPUP** section. ![dismissible panel section.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/dismissible%20panel%20section.png?sv=2026-02-06&spr=https&st=2026-10-29T16%3A22%3A46Z&se=2026-10-29T17%3A22%3A46Z&sr=c&sp=r&sig=O7hK8GQP59DFNnWJUWlp%2BvVbV%2BQdCtdBGth%2BctXR1sw%3D)