---
title: WhatsApp Flow
slug: whatsapp-flow
createdAt: 2025-02-27T12:06:17.598Z
---

We recognize that entering information via WhatsApp chats may be challenging and time-consuming for users, potentially leading to a drop in engagement. 

To make things smoother, you can use WhatsApp Flows to schedule appointments, and reservations, book a service, or schedule a consultation within WhatsApp or any other form-based use case where structured interactions are more relevant for your business.



![](https://api.archbee.com/api/optimize/OU5UdaMPxQUGPsWA2FL92/ADIaHzEltbN0IOeYUH2YT_image.png)

##

Ensure that your bot is deployed on WhatsApp using 360dialog as the provider by following these steps: Navigate to Configure > Deployment > WhatsApp > Provider, and select 360Dialog.

To locate the node, go to **Bot Builder > Add Node > Data Input Nodes > WhatsApp Flows**

![](https://api.archbee.com/api/optimize/FEqjvWZnyymr_PEhXLLlG/BMKNVlOaZVACcTLbVrfgV_screenshot-2024-02-06-at-120608-pm.png)

##

To display your flows on the 'WhatsApp Flows' node, it is essential to initially create these flows on [Facebook Business Manager (FBM)](https://business.facebook.com/wa/manage/).

##

1. Select WhatsApp manager from FBM & select the business account that we need to manage & select the flows option

![](https://api.archbee.com/api/optimize/OU5UdaMPxQUGPsWA2FL92/VSIAb1hNBYBjqRr2SG4mS_image.png)

2\. Select the flows option & this will display a list of the flows

![](https://api.archbee.com/api/optimize/OU5UdaMPxQUGPsWA2FL92/q5X1SqP_5hwmumUz8NlxX_image.png)

3\. Click on Create New Flow. Fill in the flow name & categories for which flow is being used

![](https://api.archbee.com/api/optimize/OU5UdaMPxQUGPsWA2FL92/zkgMZdcNgtpb8tmWQbPlh_image.png)

![](https://api.archbee.com/api/optimize/OU5UdaMPxQUGPsWA2FL92/GZMEGPg4fEB2fVTSla5v0_image.png)

4\. Once the new flow is created, it is created with the default script. We can update the script accordingly to create different flows with multiple screens.

![](https://api.archbee.com/api/optimize/OU5UdaMPxQUGPsWA2FL92/oJ5g1Tk85Y0H1yv-e8-0i_image.png)

5\. Once the flow is created, publish the flow.

![](https://api.archbee.com/api/optimize/OU5UdaMPxQUGPsWA2FL92/phqcMRkYJ3bhFu3Kz5ibD_image.png)

6\. You can also refer to the Meta’s official documentation on WhatsApp Flows - [https://developers.facebook.com/docs/whatsapp/flows/gettingstarted/creatingaflow](https://developers.facebook.com/docs/whatsapp/flows/gettingstarted/creatingaflow)

##

![](https://api.archbee.com/api/optimize/OU5UdaMPxQUGPsWA2FL92/snSTkNOPFqPg6daObZH3E_image.png)



1. **ect an existing flow - **Choose the appropriate flow from the dropdown menu set up in your Facebook Business Manager (FBM).
2. **Message - **Compose an initial message that introduces and outlines the purpose of your flow.
3. **Button Label - **Specify a name for your action button that will activate your flow.
4. **Choose the path -** Choose the appropriate path from your current bot using the dropdown menu. This path will be activated after interacting with the mentioned button.
5. **Attribute Values for Dynamic Fields - **Specify attributes for this field to retrieve a dynamic value according to your specific use case.

##

### 1.Multiple Screens (Login)

:::BlockQuote
\{
  "version": "3.0",
  "screens": \[
    \{
      "id": "LOGIN",
      "layout": \{
        "type": "SingleColumnLayout",
        "children": \[
          \{
            "type": "Form",
            "name": "flow\_path",
            "init-values": \{
              "path": "happy-find-ap"
            },
            "children": \[
              \{
                "type": "TextInput",
                "name": "name",
                "required": true,
                "input-type": "text",
                "label": "Name"
              },
              \{
                "type": "TextInput",
                "name": "email",
                "required": true,
                "input-type": "text",
                "label": "email"
              },
              \{
                "type": "Footer",
                "label": "Continue",
                "on-click-action": \{
                  "name": "navigate",
                  "next": \{
                    "type": "screen",
                    "name": "CONFIRMATION"
                  },
                  "payload": \{
                    "name": "${form.name}",
                    "email": "${form.email}"
                  }
                }
              }
            ]
          }
        ]
      },
      "title": "Login",
      "data": \{}
    },
    \{
      "terminal": true,
      "data": \{
        "name": \{
          "type": "string",
          "\_\_example\_\_": "John"
        },
        "second\_name": \{
          "type": "string",
          "\_\_example\_\_": "Kane"
        }
      },
      "id": "CONFIRMATION",
      "title": "Confirmation",
      "layout": \{
        "type": "SingleColumnLayout",
        "children": \[
          \{
            "type": "TextHeading",
            "text": "Confirm details"
          },
          \{
            "type": "TextSubheading",
            "text": "Name"
          },
          \{
            "type": "TextBody",
            "text": "${data.name}"
          },
          \{
            "type": "TextSubheading",
            "text": "email"
          },
          \{
            "type": "TextSubheading",
            "text": "${data.email}"
          },
          \{
            "type": "Footer",
            "label": "Continue",
            "on-click-action": \{
              "name": "complete",
              "payload": \{
                "name": "${data.name}",
                "second\_name": "${data.email}"
              }
            }
          }
        ]
      }
    }
  ]
}
:::

### 2. Ticket Booking

:::BlockQuote
\{
 "version": "3.1",
 "screens": \[
   \{
     "id": "SIGN\_UP",
     "title": "Finish Sign Up",
     "data": \{},
     "terminal": true,
     "success": true,
     "layout": \{
       "type": "SingleColumnLayout",
       "children": \[
         \{
           "type": "Form",
           "name": "form",
           "children": \[
             \{
               "type": "TextInput",
               "name": "firstName",
               "label": "First Name",
               "input-type": "text",
               "required": true
             },
             \{
               "type": "TextInput",
               "label": "Last Name",
               "name": "lastName",
               "input-type": "text",
               "required": true
             },
             \{
               "type": "TextInput",
               "label": "Email Address",
               "name": "email",
               "input-type": "email",
               "required": true
             },
             \{
               "type": "Footer",
               "label": "Done",
               "on-click-action": \{
                 "name": "complete",
                 "payload": \{
                   "firstName": "${form.firstName}",
                   "lastName": "${form.lastName}",
                   "email": "${form.email}"
                 }
               }
             }
           ]
         }
       ]
     }
   }
 ]
}
:::