"This Post contains affiliate links; this means we earn commissions if you shop through the links on this page"
If your business requires more information from users to complete the contact/signup forms, the WPForms conversational form is what you need.
Unlike the basic lead generation form with two fields for users to enter (name and email address). The conversational forms make it possible to ask users many questions without feeling overwhelmed.
It brings the feeling of a face-to-face human conversation into the web form interaction. And makes it possible to ask one question at a time.
My first-time experience with conversational forms is on the ConvertKit website. At the time, a similar web form was used on the ConverKit affiliate questionnaire page.
Conversational forms make the content on the page more engaging, and easy to complete for users. By that, it boosts the form completion rate and subsequently, increases lead signup.
WPForms conversational forms are distraction-free landing pages form. But you can add it to your existing WordPress pages/post too.
Here is a conversational contact form demo on the WPForms website.
Since conversational forms are barely a new type of web form, you may be wondering what are the benefits to your business?
Do I need Conversational Web Forms?
Well, if your contact forms require users to enter dozens of fields, you take surveys, job application forms, accidental report form, event planning, etc…
You may definitely benefits from WPForms conversational forms.
Some of the uses or benefits to conversational forms are:
- It boosts the signup rate.
- Easy to setup.
- It brings forms abandonment to a bare minimum.
- Makes form completion easy for users.
- Answer one question at a time.
- Create distraction-free contact form landing pages.
Your contact forms users will find your web forms engaging and more interactive than the traditional basic form types. Besides, user can use their device keyboard just the way it’s used on chat messengers apps.
And absolutely, you required no coding knowledge to put up WPForms conversational forms. Its simple to put up on your blog.
With the WPForms drag and drop form builder, you can complete the process in less than 5 minutes.
How to Create Conversational Contact Forms in WPForms
The most important step here is to first, get WPForms Pro Plugin installed on your WordPress website.
If you don’t already have WPForms Pro installed, get it here.
After the installation and activation of WPForms Pro on your website, activate the conversational addon to make this work.
You’ll need the WPForms Conversational addon for this process to work.
WPForms addons are what bring more functionalities and personalization to your contact forms.
Now that WPForms Pro is installed on your blog, follow the steps below to have WPForms conversational forms active on your blog.
Note: I wrote a detailed review of WPForms Pro you can find on this page. If you keen on learning more about the features and benefits of using WPForms to grow your business.
Step 1. Create a “Simple Contact Form”
To do this, hover your mouse on WPForms in the WordPress admin sidebar. And click on “Add New” from the menus.
It will open up the WPForms templates set up page.
On this page, choose the simple contact form templates and give your form a name.
A simple contact form will now be auto-generated for you on the next page that comes up.
Now, we’re done with the first step. It’s time to move into the second phase to customize your conversational form.
Step 2. Customizing Your Conversational Form.
Your simple contact form comes default with 3 fields in this order:
Since this is a conversational form, you probably need many other field options. So from the left-side panel, simply drag any user filed you want unto the form.
Add as many as possible fields you want. In case you want to delete any field, this is also simple to do.
Hover your mouse at the corresponding field, and click on the delete icon on it.
Once you’re done with your selection, it’s time to configure your web form. Now, let’s get into that in…
Step 3. Conversational Form Configuration
You need to configure your form so it reflects your brand identity, comply with GDPR requirement, adds spam check, etc.
This is where you get all these done.
To start form configuration, go to “settings” from the left side menu, and click General.
On this page, you can configure the followings:
- Form Name – Here you can change the form name for identification purposes.
- Form Description – Also for identification purposes, you can write a description here.
- Form CSS Class – Enter CSS class name for form wrapper.
- Submit Button – Customize form CTR button to attract more clicks.
- Submit Button Process text – While the form is submitting, enter text to display.
- Ajax Form Filed – Enable Ajax for no page reload while form submit.
- Enable/Disable GDPR enhancement – Enable your form to comply With GDPR.
Once you’re done with the form configuration settings, remember to click on save. And move to the next step which is…
4. Conversational Form Enabled
Now, we need to turn your simple contact WPForm into conversational web forms.
This is where the WPForms conversational addon you installed earlier becomes useful. On the settings page, click on “Conversational Forms” from the left side panel.
Note: If you don’t have the conversational addon installed, this field will turn grey. In this case, activate the addon from the WPForms main menus.
After activation, refresh the setting page for this addon to work.
When you click on confirmation from the left-hand side, it will open a small dialog checkbox.
Check the “enable conversational Form mode” box to reveal the content editor.
Here you can:
- Customize the content of your conversational form page.
- Choose a custom header logo.
- Hide WPForms branding.
- Select a background and submit a button color.
- Chose between percentage or proportion for the form progress bar.
- Copy conversational form URL page.
- Preview conversational contact form landing page.
When you’re done selecting, click the save button at the top of the page.
Your WPForms conversational forms is ready to use on your website. The next step is…
5. Adding Your Conversational Form to Your Pages/Post
Now that your form is ready, the next thing you may want to do is adding it to your WordPress pages/post or widget.
With WPforms, you can add your contact forms to any location on the blog. Either it is the sidebar, inside content, footer area, etc.
To add your conversational form to your blog, create a new WordPress pages/post or edit an existing one.
Click on the + icon on your WordPress editor to reveal the block editor’s selection panel. Type “WPForms” in the search bar and click on it.
In the WPForms dialog box, select your conversational from the drop-down menu.
Your conversational form is now live on your blog. The next thing is to hit the publish button. And your form is ready for user interaction.
6. Setting up Form Submission Notification
As a business owner, you need to follow up on your contact form users. WPForms makes getting form notification easy and simple to set up.
When you receive an email entry from your conversational form, you probably want to get notified immediately. This helps you to know if it’s urgent or not so you can act accordingly.
How do you set up email notification with WPForms?
To set up an email notification alert, click on “Setting” in the WPForms admin panel. Then click on “Notification” on the left side of the panel.
On the right-hand side, edit what email and the message to sent to who and the reply-to field. There are other email features you might want to edit on this page:
- Send to email address.
- Email Subject.
- From Name.
- From Email
- Message filed.
You can edit any of these form fields to suit your brand message.
And if you use smart tags, users will also get email notification acknowledgment to confirm the success of their message.
You can also enable conditional logic for email notification.
This helps filter the sending of emails so you only get notifications for what’s most important to you.
7. Enabling Form Confirmation Message
When users submit a form through the conversational contact form on your website, you might want to display personalized messages to these users.
This allows users to know their message has gone through. It also gives you the chance to direct your contact form users to a web page of your choice.
In WPForms, there are 3 confirmation options to choose from.
- Message – By default, when users submit an email through the WPForms contact form, a simple message is displayed to let them know their message has gone through. You can customize the content of this message in the WPForms content editor.
- Show Page – This option lets you direct users to a specific page on your website after submitting a form through your conversational contact form.
- Go to URL (Redirect) – With this option, you can redirect your contact form users to external websites after form submission.
To set up your confirmation message, click on the setting in the WPForms editor. Next click on the confirmation.
Now, select your confirmation type.
Depends on your selected option, you can customize the content of the “message” confirmation. The two other options give you access to select your preferred website page URL.
Setting up conversational WordPress form is not difficult to do.
With the right tools, anyone with no coding skills can complete the entire process with the WPForms WordPress plugin.
Now that you’ve got the WPForms conversational form tutorial, it is time to grab the WPForms pro account to get started with your contact forms.