1. Home
  2. /
  3. Docs
  4. /
  5. WhatsApp Chat Help Pro
  6. /
  7. Floating Chat – Gen...
  8. /
  9. Single Form

Single Form

  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

How can we help?