1. Single Form Layout: This layout offers a structured interface for users to start a WhatsApp chat with an agent. It includes input fields, an agent’s profile display, and customizable settings to enhance user experience.
2. WhatsApp Number: Specify the WhatsApp number to which messages will be sent.
3. TimeZone: Choose the appropriate timezone to ensure accurate scheduling and availability.
4. Availability: Set the available days and time slots when the agent will be online.
5. Agent Photo: Upload an image to personalize the chat experience.
6. Agent Name: Display the agent’s name for a personalized interaction.
7. Subtitle: Provide a short description (e.g., “Typically replies within a day”).
8. Bubble Header Content Position: Adjust the positioning of the chat header content.
9. Form Fields: Create unlimited fields for visitors to fill out. Detailed information about this option is available here.
10. Input Label: Choose to show or hide input labels on the frontend.
11. GDPR Compliance: Enable GDPR compliance settings if required.
12. Icon for Send Message Button: Select from a list of default icons, use a native icon, or upload a custom icon (PNG, JPG, SVG) for the send message button.
13. Send Message Button Label: Customize the text displayed on the send message button (e.g., “Send a message”).
14. Loading Text: Set a message to display while users are being redirected to WhatsApp with their pre-filled form data.
15. Message Template: Use dynamic placeholders to personalize messages before sending. Available placeholders include:

• {form_fields}: Automatically inserts all data entered in the form fields.
• Alternatively, insert specific form field data or use other dynamic variables as needed. All available placeholders and dynamic variables will be displayed for easy selection.

Form Fields #

1. Field Type: Choose the type of field you want to use, such as text, textarea, phone, select, and more.
2. Field Label: Provide a label to identify the field, which can also be displayed on the frontend.
3. Placeholder: Enter the placeholder text to be shown inside the input field.
4. Required: Select the options you want to mark as required.
5. Custom Validation Message: Specify a custom message to display for form validation errors.
6. Add New Button: Click to add more fields to the form.

Video Overview #