# How to create a responsive flow on WhatsApp

A WhatsApp receptive flow is an essential automation to define how your customers will be welcomed when they contact your company through your number. At Hablla, this simple setting allows you to customize the initial experience, ensuring interactions with your audience start efficiently and professionally. To make it easier to understand, we divided this step-by-step into **three steps**, guiding you practically in creating your **first automation flow**:

* **First step - Creating the flow inside the Studio**
* **Second step - WhatsApp components**
* **Third step - Add the transfer and publish the flow**

### **What do you need before you start?** <a href="#h-o-que-voce-precisa-antes-de-comecar" id="h-o-que-voce-precisa-antes-de-comecar"></a>

Before configuring your automation flow, it's important to ensure some prerequisites are in order so the process is quick and trouble-free. Check our checklist:

* [**Create a Department in Hablla:**](https://hablla.com/como-criar-setores-dentro-do-hablla/) organize and categorize your company's interactions with customers to facilitate management.
* [**Have an active WhatsApp connection:**](https://hablla.com/como-configurar-o-whatsapp-no-hablla/) such as registering your WhatsApp number on the Hablla platform.
* [**Agent user configured**](https://hablla.com/como-adicionar-novos-usuarios-ao-time/)**:** register at least one user as an agent and send the invite to the workspace

### First step - Creating the flow inside the Studio <a href="#h-primeira-etapa-criacao-do-fluxo-dentro-do-studio" id="h-primeira-etapa-criacao-do-fluxo-dentro-do-studio"></a>

1. Once logged into your account, access the menu **Support**. At the top of the screen. Click it for the next step.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdLEX79tu0A4M8bWhAuYrSn7F8GUMe2XrW9EVh-UCbCEuwTmnLAcehnvHZrwZK2QI4S-J5qa6dl2lF_qFeQqwyWe8h7RMLxpZx7raq71uy79nf6rrO8-X4uUSQeYpyaS9xFTUiybEb08ZnHluLJzRgyfho?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

2. Inside **Support** find the menu **Lead Qualification Bot** and click it next.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeBuB8qSTrdkWwrS5cBSaptThEEh1kY_R5oGJi7Qq9A4kdDpKO0DYSdNv_l6rqaQ0x43IOi23H6sUAJcyhDJ6RmsGfboSgLj42VKT3piEBSzmu68QYizVdGhXtkIdYohSBGwf_r95e8bUZBaqJOGFTXeB0?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

3. In the upper right corner of the screen, you will find the button **+Add flow**, click it.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfQu_yOmm-Dis5yG0_14db0eVb20A-9trwNt6OrBx1k0GlhzkwnG-HUXzV5I9oi2eU8MHeQBDHUYHPar8KTUhrgM5nYbYj4s7sI-a2gzqcSkOiLe85r-bgoU-A0hxFGuzsHSGqoXKOxk9bDccRD9IyQsdM8?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

4. Give the flow a name and a brief description about it. Then click save.<br>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXd8AgwfuEv1rQJgXRkW5eyIUmm72mYD-mxQI4Zp9ayD2bLZGQdo71yU66LAEnGskI_LRgk3FKiXFWwP6UlJnTh-3fUPRygXHYXukdGIvMgGyRNSldR0oZUv5ZyzWKPAYFDLkpDwr7xvFUmMjaJ1vbBpdcDn?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

5. The first step is complete and your flow is created. Now, let's move on to the next step and make your automation even more complete!<br>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfu77U6d5ffmNbEgrmhWpj1PgOktxAtbQVZQoBtci5Ooe07fHoOs9ZQArffxxLTeAPB_RH_5IFTgDwVanL5ZhcaHmCNgc2lEkvQgpvv4ZLLD0VGcL9k2CiGk7vuYpKVmN4_l3VT04WLzgCuyOx6OY0Q9yDT?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

### Second step - WhatsApp components <a href="#h-segunda-etapa-componentes-de-whatsapp" id="h-segunda-etapa-componentes-de-whatsapp"></a>

1. When accessing the flow, you will see the initial screen. The icon **Start** allows configuring different automations; however, for this flow, we will begin with the **WhatsApp Receptive**, which will start your customer service.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdoxo8TBU7Nvl505gZE4DjUiA8trd1prN3MWpQGMt1zzTHnq4e_W2P8nTNYUifmF12qrhXOUWwlSeCs2zxcCKPBxFzBfiFFY_MnQfjmUwcANeU4S5dS-4r5o0HLRR6-igwWXoPjKWLv9N3SJBwyse_-aPY?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

2. In the bottom menu, locate and click the WhatsApp icon. By selecting the component, you will see the action options available for your flow. Look for the component **WhatsApp Receptive** to begin the configuration.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcCj_nU0KcSinNFIch49fiPZKUcAS1LlSTfcZePCQPLw4w1Q0F5u0hQQoWunXAWtHUBUOPzgY7Ldcf2xMiXj913STPvfpPB-9aryBU4B7hDc_zuYUbOr4IfcrGwoJIIT7VpRnKUOPeQ4uFaFW9EJyVLKs4t?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

3. Then, drag the option **WhatsApp Receptive** into your flow. This will allow you to start configuring customer service efficiently.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfyWo71S7d--Rd_4b0hrAA9iBnlm6dnDguNxGYmJgH3p1uAxWyaL7UPIkt8qv54qwj04SiBOmZuPLeKc9p6jnHT9p1wIiUcama7rNZT2fji0V85iDDz4vLgQ0kUNGQlPPeRKWkooQpxjEPLWxowVPyEVg54?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

4. When clicking this component, a pop-up will appear on the right side of your screen. Here, you will need to choose which channel the flow will operate on. These channels correspond to the active WhatsApp numbers you have in Hablla.&#x20;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcxbo_hk5as8zs6ExB4jxB2Ly6pPvZ1uha3TRIBcYqhzjcoW2LbsIqrHtmdS11tN6222kjOUFQ7xFRrzuGrnqz-5cJCy1HogxirSKnLlcUZwRXV0iZFxBE9LV3CJjVvKywQM_cHaUOHt0dPD55mJNJO072Y?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

5. This channel corresponds to the WhatsApp number registered in your Hablla account. Select the registered channel you will use for this flow.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfChZ5wtrhjS7j5wNGqfkYfmXz3aAWIh0EmwzgQNnHb2_yBGY49yuVF9GwPVRnLDC8c8Bj14YGLMFQkx6baV2KrfytxzCsdq-ws9pJU1kb0vCVHb-a62_db43d9VQzGnB4SFKlZzdbPgdjAKeqU5J0O1AY?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

6. With the **WhatsApp Receptive** component configured, you can already receive messages through Hablla. Now, we need to send an initial message to customers. For this, we will use the **WhatsApp Message.**

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeAQu6aFy3FdN0MBHvkQJhzfdJmZeBriLOqFh8HURSXkNw7WKLbqfsWk7YNovuiEK96KdhWdH9UL0zoMCXBBoe5_pEtDVV3q3BKwxK7jIKqh17lOOf36PmhCXRC4eMRqAsOXeYA2BdDWfW9OO28v1PX_5w?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

7. **Select and drag** the component **WhatsApp Message** into the flow. As soon as you do this, it will appear as follows:

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXePJ3REQ-uG-n53UlHMlyI05IfeJXlmLwHOeGIxEw2AUelC_nbTtoVMIpaIR0l_HJFB5EXcykG98npYjNfp5m1lAnonotNJat6oEKAEfyqQCvdO2LLwH1RVdQCAeuEB7lHtkqbdGtRykmyzw_IcftDwDNzj?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

8. When accessing this component, you will find two options: the message type and the message content itself. To start, select the message type as **Text** and then write the message you want to send to your customers.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXceaDjF2IpmihrRabr_i_F3CiRJhFRSP0kdVR_9NsYVhhnlPyT1A_cr7aJXdusYXJGhPaLqK7GMobbVZqvlJHoieyShYYIFFOj7XXwO-MsJCZT0ezAsw055zNBT3NhPJhw7tTGkomOBmcMt7lC7fZ1p8-2h?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

9. When saving, the message will be displayed inside the component, confirming that your configuration is complete.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXecYHuk6DB1YJZLrwEU8mRTr9ZhSssl-S0GO22BbdupkZ2nZS-XBbtUpafdQOR-Ibbz6kTzD5lWxYSiqiPbmpxs1gPOmOZ6JfAPPW01HCV0pezr8dfabcPLbxpOflKdxGO5SMTNg346YsKt_i_3rpnqKLOq?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

10. Now we can connect the previous component to the message. Click the circle next to the **WhatsApp Receptive**component, hold and drag to the circle of the **WhatsApp Message** component to establish the link between them.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc3aEGImNjwbEC0KkFc1UVSKDKikSXXnXCk-kklPOj9bkBm7uq_NigpnuxTKdZCR8mJ__mTosAPw_uAXo05mlHBCaxr71acSMVq71GxJlAuwrvYy0PNmHP-zm-AsrLIS8r0y0A3aJYSFAJduQ-e7AM34G2p?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

11. In our example we want to find out which department the customer wants to speak to. For this, we will use the **WhatsApp Question**.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeaOSMJ8nXufnTJESUE4ghCk10PeHooEpBRDur3i2WUYP4QAUgFdgOTpRP2o8qYwHFcSv9o4CS1OFaCYFiNRU2-M_GyorMkGDfIQSeJ33U-FELIE64_1fXQPrA4jzkTqwSdz1BZSYFvT0OI6vuP1a7ZCIw?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

12. Drag the **WhatsApp Question** component onto the screen, and it will appear the same way as the other components.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeysT7WHN_kem19tzMrGM4-EA94cDxHexT48j1jQg4gZqP0GzxNfxEisAfa7P3AOynWT_fAumT1CgPzvhqktLvzYBNNhGKITBE0eucUDgyjDKsme3D8cshfGNbLogJax8vSQRV1JkYbJ5rB3vnXM1kl7uU?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

13. Click the **WhatsApp Question** component to open the settings. In **Type** the system identifies the interaction you want to create with the lead. Select **Interactive** to enable the button option. Then write the introductory message that will accompany the buttons, guiding the customer in choosing the department.\
    \
    13.1.Select the **Response Type** as **Buttons** and add the departments of your company that you want to make available to customers. Remember that on WhatsApp the response type **Buttons** allows up to **three options**.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfKJF2OMM6rCJHilMq-AWgtTi32CU4fuyJef7bC75VKk_d0sQsYVdojHw9JGb9hVkxRwSZMFqbrmj7P_auCFL1C13535B81wVrxjR2X1SkNASzP8qcEyqBCjoi3Yh2Qv2MWvQ6nhKLyiRAw9bzddLu02jq-?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

14. &#x20;Connect the question component to the previous welcome message component. This will ensure the customer receives the question right after the initial message. As in the image below.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdMkqknWX5c9TD3KbZV--MBtZQ3Yb3aIX7jNWDNXFlsjF4pWyWdUM92WSG8WxJjPQE82NoNyFRPABUV-KcwLttKsQh9rVlLpiCjYAJ7VYbR6mbGfoCVgmKw2RSpzHjlum718486FerE6PcjEUR0fzsYerhN?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdJnda0yXoCBgCfy5gJr7VgsYGfp4882Y5csW682oEhkFI2XcuQ7gmvPzkeDu26ZEUd4RQLg-NDbdInIgB52waiHCTA30AniVt6xjkddCAmHOYwF-hCy8IhMJ67EQLYATLslfBmGR81djMwPbwGnNlbAumD?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

### Third step - Add the transfer and publish the flow <a href="#h-terceira-etapa-adicionar-a-transferencia-e-publicar-o-fluxo" id="h-terceira-etapa-adicionar-a-transferencia-e-publicar-o-fluxo"></a>

1. With the question configured, let's now allow transfer to the departments the customer chooses. For this, click again on the components menu at the bottom of the screen and select the **Transfer**component. Click the **Hablla** component to enter, as shown in the image.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfnGT8q3-7Y3iIme3N5x1ehsFGbml4otvWY1mgM0rdMH5V0NyQEq9v8baWd3oHoXEN4INPIfVjt-ZYmB0pwBq9BClZw4Kfwf5JhAgjr8WIHtqsH3cvm0keXVYoeuXnjhLEjPvWtHwenPzpp7cNtkRUjwpwv?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfr1NoFZjfZkz3l5Lvod_RYb3Dd-LGEZlQ5syBujikSe_HOTVzWRfefCm6nSZCIWnFAwS3yrKiX1YS1WtBN_boTXC89dMwWrt2XRHHcxjwLRIuC2pPl9FGOPLFkG0BfGIW5a58WG9WbCrCBgJcxWFd_kW3P?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

2. Drag the **Transfer** into the flow and connect it to one of the response options of the **WhatsApp Question**.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcokg--e2lKC3BHXl6Rk1w1QwmHRXGqwNnHOg5vEmU7fcWlk8lms6hH9BBUw7j0TxsXheb2MZNE97BdG344RzIiW9mQ_m58NpT4hs2aHAQUqP_yHO24NvtxJSZA0MMadhHK1YFp9iyLjG_euttSoIEDzDA?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

3. Click the **Transfer** and select the department to which the service will be directed. If you wish, you can also choose a specific user who will receive these services.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcWDlaq0SDBY3Bv4Uztkz2huQSVoKpieQ6jvk4stLWkpP-qW2hRwlzqIhSe0nnVhqj36SOF4s9g-85WdbNOYWMjmFHTj5dv_5755mci9pG5BC5JksHoxHWGKonchMTZFKRe0ii4HQSIfdQjIPlGjKYDdKI?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

4. Example: select the **Support** department and click **Save** to complete the configuration.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeWRIvKxH6m95ghu9Q4FC_hN6KebDZ7WSVIY-D1K1uFKSY3B5BiDWQaU2oEr3pMtwGJ-LHq0EsyocBU6bca64WA_e5J3CRv9f5Wknr-RBrI-9CCQLPZEiloTRhcwE3bEXh_JSAsIELddmEibY875AKE0lBr?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

5. Repeat the process for the other departments, connecting each response option to the respective desired department.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcerW9obyTS8iTKrC78tTRhjoltsLG437hwDKKU0qmSW9e64IA7yaHqJsue-fbqd1Ousz3ja6l9haPcWIVMkc9H_SpdAKQMH--8cBTpgKWvHbih-beRXvomnpVrltCGzxIQaXBltR6abUYzMTPaKG91g6PJ?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

6. Done! Now we have a basic receptive flow configured. This is just an example. Feel free to add other messages and questions, adapting the flow to your company's specific needs. For it to start working, it needs to be activated. To do this, click the icon next to the **Inactive** option to make it **active**.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfEhEbqy36X3y-2RHcukWHYD5R0ik9GX4Od5PHbkl410fIOC2oObNTEstDv7jssB5XD3FN3-AEuPb_v-GnU9UurCi9aQCiF_ZU00Vk7wI5qdf7IWcypIaUgShtsv-yDmpkrSxJAm96w3CYNLOE74MDVbDqV?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

7. Now it's time to save all your changes! Click **Publish** to confirm your modifications. Remember: every time you make adjustments to the flow, it's essential to click this option to ensure everything is saved. Let's get everything ready to work! 🚀

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdn8sg7DK09BmsZVMyDqBjNLVnvq-9Pb8pSFzd_1VNBdrsjSmGn13suzi-8pKj16Y_ncGbPkcGLNqoRYovXRNf3u8RSusV9V3LLlXOwOaPEbEfkucH1BRJVf5dGHWMBs4T1wHNPhGf2SkQtQPMNxmTeepo?key=PCnE65VX2I1kr3MRK4kysg" alt=""><figcaption></figcaption></figure>

**And it's all set! Now, when you receive messages on your WhatsApp, customers will go through the flow you just created. 🎉 To test, send a "hi" to the registered number and see your flow in action! Ready to offer an amazing service experience!**