> For the complete documentation index, see [llms.txt](https://docs.omnichat.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.omnichat.ai/en/features/marketing/chatbot-2.0/whatsapp-flow-card-whatsapp-only/whatsapp-flow.md).
# WhatsApp Flow
{% hint style="info" %}
WhatsApp Flow is a form tool developed by Meta. Businesses can use Omnichat to integrate Flow into their marketing tools and send it to customers. Flow is a highly flexible interactive form that allows you to design multi-step processes and various fields (such as dropdown menus and text boxes) to enhance the user experience.
Additionally, Omnichat supports webhook integration, enabling real-time transmission of user-submitted data to the backend for processing. It also allows for data storage using custom attributes and can be combined with journey settings to automate subsequent workflows, achieving more comprehensive operational integration and personalized interactions.
{% endhint %}
## Key Features & Setup Steps
### Step 1: Go to the WhatsApp Flow builder to set up your Flow [Developer Platform](https://developers.facebook.com/documentation/business-messaging/whatsapp/flows/playground)
### Screens
* Users can view the title of each Flow Screen to understand the form’s purpose
* A Flow can have up to 8 screens
### Edit Content
* Each screen can contain up to 8 pieces of content
Add content
### Content type
{% hint style="info" %}
Text - Suitable for use as a title, form instructions, etc.
{% endhint %}
* **Large Heading**
* Maximum 80 characters
* **Small Heading**
* Maximum 80 characters
* **Body**
* Maximum 4096 characters
* **Caption**
* Maximum 4096 characters
***
#### Media
{% hint style="info" %}
Suitable for form icon descriptions and company logos.
{% endhint %}
* **Image**
* Maximum file size: 300 KB
* Acceptable file types: JPEG, PNG
#### Text Answer
{% hint style="info" %}
An important element in form design used to collect customer responses to questions.
{% endhint %}
* Short Answer
* You can control the type of content you want customers to enter. The options are as follows:
* Text
* Password
* Email
* Number
* Passcode
* Phone
* Label
* Maximum 20 characters
* Used as the field title; this field will be returned by Omnichat
* Instructions
* Optional
* Maximum 80 characters
* Required toggle
* Default as required
Short Answer
* Paragraph
* Label
* Maximum 20 characters
* Used as the field title; this field will be returned by Omnichat
* Instructions
* Optional
* Maximum 80 characters
* Required toggle
* Default: Required
* Customer can enter up to 600 characters
Paragraph
* Date Picker
* Label
* Maximum 20 characters
* Used as the field title; this field will be returned by Omnichat
* Instructions
* Optional
* Maximum 80 characters
* Required toggle
* Default: Required
* Cannot set a range
Date Picker
***
#### Selection
{% hint style="info" %}
An important element in form design used to collect customer responses to questions.
{% endhint %}
* Single Choice
* Label
* Maximum 30 characters
* Used as the field title; this field will be returned to Omnichat
* Options
* Maximum 30 characters per option.
* Maximum 10 options
* Items provided for customer selection (single selection)
* Required toggle
* Default as required
Single Choice
* Multiple Choice
* Label
* Maximum 30 characters
* Used as the field title; this field will be returned by Omnichat
* Options
* Maximum 30 characters per option.
* Maximum 10 options
* Items provided for customer selection (multiple selections allowed)
* Required toggle
* Set as required by default
* Dropdown
* Label
* Maximum 20 characters
* Used as the field title; this field will be returned by Omnichat
* Options
* Maximum 80 characters per option.
* Maximum 30 options
* Items provided for customer selection (multiple selections allowed)
* Required toggle
* Default as required
Dropdown
* Opt-In
* Label
* Maximum 300 characters
* Used as the field title; this field will be returned by Omnichat
* Read more link
* Used to manage the company's T\&Cs & Privacy
* Optional
* You can add the following formats:
* Large Heading
* Small Heading
* Body
* Caption
* Image
Opt-In
Read more
* Required toggle
* Default as required
***
#### Button
{% hint style="info" %}
Flow button Used to trigger an interactive flow, guiding users to fill out information or complete a specific action.
{% endhint %}
* Button
* Maximum 30 characters
### Step 2: Copy JSON to [WhatsApp Manager](https://business.facebook.com/wa/manage/)
### Settings path
* Meta Business Suite > Settings > WhatsApp Accounts > WhatsApp Manager
* WhatsApp Manager > Flows > Create Flow
* Enter the following flow details and add
* Name
* Categories
* The following category options are supported and will be synchronized to Omnichat for updates
* Without Endpoint
* By default, this option
* Simply set the category to "Default"
* Data for this category will not be synced to Omnichat
* With Endpoint
* This item is not supported
* Paste the Flow JSON
### Step 3: Format the JSON
* Copy the created Flow JSON
* First, format the copied JSON and paste it into the WhatsApp Manager Flow Builder. You can use AI [or online tools](https://jsonformatter.org/) to format the JSON; otherwise, it will be difficult to organize and read
* The component `name` must match the key in Footer > on-click-action > payload
* `The` component’s `data-source > id` must match the `title`
* Demo Setup
{% embed url="" %}
