# Trigger a flow by clicking on the chat icon

Section: Flows

Description: Start a flow when a visitor clicks your chat icon and edit the closed-widget label.

Verified against Tidio panel 12.331.0

Last updated: 2026-11-10

Source: https://help.tidio.com/articles/trigger-flow-chat-icon/

See how to create a flow with the **Visitor clicks on chat icon** trigger. This trigger starts the flow when a visitor clicks on your chat icon. If you'd like to have a simple chat button on your website and send an automated message only when a visitor opens the chat - this guide is for you\!

 



 

**In this article, you'll learn:**

 

- [How initial Flow message works](<https://help.tidio.com/articles/trigger-flow-chat-icon/#your-initial-automated-message->)
- [How to show a message after clicking on the chat icon](<https://help.tidio.com/articles/trigger-flow-chat-icon/#show-a-message-after-clicking-the-chat-icon>)
- [How to use and edit the Button Label (when widget is closed)](<https://help.tidio.com/articles/trigger-flow-chat-icon/#the-button-label>)



[Video](<https://help.tidio.com/article-media/trigger-flow-chat-icon/walkthrough.mp4>)



Silent walkthrough. Replace the initial trigger with Visitor clicks on chat icon, activate the demonstration, and open the minimized widget button-label settings.

 



 



 ![The Visitor clicks on chat icon trigger and its icon.](<https://help.tidio.com/article-media/trigger-flow-chat-icon/9.1.png>) 



 

## Your initial automated message

 



 

Tidio automatically activates a flow on your website during the initial setup. The flow is created with the **First visit on site** trigger, which displays an automated message immediately when a new visitor arrives on your site ([here's a guide on modifying that message](<https://help.tidio.com/articles/edit-initial-message/>)).

 



 

![A website with an initial greeting message above the Tidio chat icon.](<https://help.tidio.com/article-media/trigger-flow-chat-icon/legacy-20094440832924.webp>)

 



 



 

## Show a message after clicking the chat icon

 



 

To make sure your flow sends a message only when a visitor opens the chat, you need to change your flow's trigger. Head to the **Flows** section and choose the flow you'd like to edit. Click on the **Edit** button to enter the flow editor.

 



 



 ![The flow editor with First visit on site connected to a Chat status condition and chat messages.](<https://help.tidio.com/article-media/trigger-flow-chat-icon/9.2.png>) 



 



 

Your flow might be using the **First visit on site** trigger. The trigger is the first blue node at the top; it tells your flow to start and send an automated message.

 



 

If you want this flow to send an automated message only if a visitor clicks on your chat's icon - change the trigger to **Visitor clicks on chat icon**. First, remove the current trigger; click on the trigger and then on the X in the upper-right corner.

 



 

Then, open the **Triggers** menu on the right, choose the **Visitor clicks on chat icon** trigger, drag it onto the workspace, and connect the trigger with the next action in your flow ('Chat status' in our example).

 



 



 ![The flow editor with Visitor clicks on chat icon replacing First visit on site and connected to Chat status.](<https://help.tidio.com/article-media/trigger-flow-chat-icon/9.3.png>) 



 



 

Save your changes with **Activate**. From now on, your message will appear in the chat's widget only when a visitor clicks on your chat's icon.

 



 

### Example

 

A great idea is to use the **Visitor clicks on chat icon** trigger inside a custom [FAQ flow](<https://help.tidio.com/articles/create-an-faq-flow/>). By using that trigger in such a flow, you can send your visitors a list with the most common inquiries, and the flow will provide the necessary answers.

 



 

**![The chat widget demonstrating an FAQ flow opened from the chat icon.](<https://help.tidio.com/article-media/trigger-flow-chat-icon/legacy-5473148379804.webp>)**

 



 



 

## The button label

 



 

If you've disabled your initial greeting flow (or modified it so that it doesn't pop up immediately for new visitors), you can still have a short message displayed next to the Tidio icon. It's called the **Button label**, and it's displayed when the chat widget is closed.

 



 

![A closed Tidio widget with a greeting label beside its chat icon.](<https://help.tidio.com/article-media/trigger-flow-chat-icon/legacy-20094440834588.webp>)

 



 



 

You can enable and modify it by accessing the **Content** section, found inside **Settings \> Live Chat \> Appearance**:

 



 



 ![The Appearance settings with the Content section visible.](<https://help.tidio.com/article-media/trigger-flow-chat-icon/9.4.png>) 



 



 

Once inside, open the **Minimalized** tab:

 



 



 ![The Appearance settings preview showing the minimized chat icon and its Chat with us label.](<https://help.tidio.com/article-media/trigger-flow-chat-icon/9.5.png>) 



 

The button label can be useful for increased visibility or as a simple greeting - if you're not using an automated flow message. Please note that the button label won't have any effect if you set your desktop button type to **Sidebar** (more on that[ in this general customization article](<https://help.tidio.com/articles/customize-widget/>) - where you can also find a useful feature called conversation starters\!).

 

## Further reading

 

- [Adding a new Flow](<https://help.tidio.com/articles/adding-a-new-flow/>)
- [Flow editor: Conditions](<https://help.tidio.com/articles/flow-editor-conditions/>)
