Conversational Forms for Elementor Forms transforms your regular Elementor Form into a chat-style, step-by-step conversational experience.

Instead of showing all fields at once, each field appears as a “message” in a conversation — making your form more friendly, engaging, and easier to complete.

Table of contents:

1. How to Add a Conversational Form

Before beginning, make sure you have installed and activated the plugin. Then open the page using Elementor Editor.
In the left panel, scroll down until you find an Action After Submit section. Click plus icon to add a Conversational Form action.

This section lets you control how your form will look and behave when it’s displayed as a conversation.

2. General Settings

Title
This is the main heading displayed at the top of the conversational form.
Examples:
• “Feedback Form”
• “Start the Conversation”
• “We’d Love to Hear From You”

Message
A short description that appears under the title, explaining what the form is about.
Examples:
• “Please answer a few quick questions.”
• “This will only take a minute.”

Button Text
The label used for the button that begins the conversation.
Examples:
• “Start”
• “Begin”
• “Let’s Go”

3. Styling Settings

Background Color
Changes the background color of the entire conversational interface.

Text Color
Controls the main text color used throughout the form.

Footer Background:
This controls the color of the footer section, which includes:
• The progress bar area
• The status bar

Footer Color
The text color used inside the footer area.
This includes:
• Progress percentage text
• Footer labels (if any)

Button Background Color
Sets the background color for the Start button and other buttons displayed during the conversation.

Button Text Color
Defines the text color used inside all buttons.