Do you want to make your forms feel more human and make it less overwhelming for users to complete them?
Many of our readers have asked us to write a tutorial on how to create a Typeform-like form in WordPress. Unlike a traditional contact form or survey form that lists all questions at once, conversational forms take a one-question-at-a-time approach similar to a face-to-face conversation.
In this article, we will show you how to create a conversational form in WordPress.
Conversational Form Plugin for WordPress (Typeform Alternative)
Previously it was hard to create conversational forms on a WordPress website because there wasn’t a good WordPress-focused solution.
Several SaaS applications offered this feature, with Typeform being the most popular one, but it had several downsides:
- Typeform is a SAAS (software as a service) tool that stores your form’s data on its servers. This means you’re trusting someone else for your data security.
- Typeform is expensive if you’re a small business. The premium plans start from $25/user/month, and if you want more features, then it costs $83/user/month.
While Typeform offered a free plan, it was too limited, which made it less attractive for WordPress users.
This is why we asked our team at WPForms to create a Typeform alternative for WordPress. Conversational Forms by WPForms lets you create interactive WordPress forms without the high costs of Typeform.
WPForms is the best WordPress form plugin that’s used by over 5 million websites. It is also the most user-friendly form builder on the market.
This new addon helps you transform any form into a conversational form in less than 90 seconds. Unlike Typeform, WPForms is an open-source WordPress plugin, which means all your form data is stored on your website, not some third-party app.
WPForms is more cost-effective than Typeform. You can buy the yearly plan for $199, which gives you unlimited forms, surveys, and tons of other powerful features, including Conversational Forms.
Let’s take a look at how to easily create a conversational form on your WordPress website.
Disclosure: WPForms is created by the same team behind WPBeginner. It is one of our premium WordPress plugins.
Video Tutorial
If you don’t like the video or need more instructions, then continue reading.
Creating Conversational Forms in WordPress
The first thing you need to do is install and activate the WPForms plugin. For detailed instructions, please see our step-by-step guide on how to install a WordPress plugin.
You will need at least the ‘Pro’ plan to access the ‘Conversational Forms Addon’. WPBeginner users can get 50% OFF on all WPForms licenses using our WPForms coupon.
Once the plugin is activated, you need to visit the WPForms » Settings page to verify your license key. You can find this information in your account area on the WPForms website.
Next, you need to go to the WPForms » Addons page and find the Conversational Forms addon.
Simply click the ‘Install Addon’ button.
The plugin will install and activate the Conversational Form addon within a few seconds.
When you see the addon status as ‘Active’, it means that you can start using it.
You can enable conversational forms for any new or existing forms created with WPForms.
Conversational forms are useful in reducing form abandonment. The interactivity and face-to-face conversation approach leads to a higher form completion rate.
This is highly effective in the following types of forms:
These forms are typically longer and include more fields. If you display all those questions at once, then users feel overwhelmed and abandon the form.
Conversational forms fix this by asking users to answer one question at a time. Instead of a tedious long form, it feels more interactive and keeps users engaged.
In this example, we will show you how to create a conversational survey form.
First, you need to create a regular survey form. You can do this by clicking on WPForms » Add New in your WordPress admin area. For more details, see our step by step guide on how to create a survey in WordPress.
Creating a form with WPForms is easy using its simple drag and drop interface. You can drag form fields on the left to the form editor on the right side.
For instance, here’s how a sample WPForms survey form editor looks like:
Once you have added your survey questions, go to Settings » Conversational Forms tab on the left panel.
You need to check the ‘Enable Conversational Form Mode’ box.
After that, you will see the conversational form settings and customization options.
These options allow you to design an attractive conversational form landing page with your logo, color scheme, and message.
You can preview your form anytime.
Simply click the ‘Preview Conversational Form’ button on the top right corner under Conversational Form settings.
At first, you will see the Conversational Form Title field.
You can enter a short descriptive title for your form there. For example: Please, Take Our Survey!
Next, you can scroll down to the Message field.
Here, you can add a short message to encourage your users to complete the form.
As you scroll down, you will see the Permalink option.
The permalink is a unique URL for your conversational form landing page. The plugin automatically creates it for each conversational form by using your form’s title. You can change that if needed.
While setting up a permalink, make sure that it is short and simple because you may want to use this URL in your email campaigns or social media posts.
Next thing you can do to customize your conversational form page is to add a header logo. Click on the ‘Upload Image’ button, then choose an image to upload.
Below that, you’ll see a checkbox option to hide WPForms branding. Go ahead and check the box next to ‘Hide WPForms Branding’ if you don’t want to display ‘powered by WPForms’ message on your form landing page.
You can preview how the branding appears by clicking the Preview Conversational Form button on the top right corner.
After that, there is a Color Scheme option to customize your form Submit button and page background.
You can use one of the pre-set colors or choose a new color by using the color picker.
Lastly, there is the Progress Bar option.
You can choose one from the 2 styles: Percentage and Proportion.
If you want to see how each progress bar style looks, you can select the styles one by one and preview the form.
Or you can see our screenshot:
Once you have configured all your conversational form settings, you can preview it to see how it looks on a live site.
Next, click on the ‘Save’ button on the top to store your settings.
That’s it!
Next, you can add your conversational form to any page or post. Go ahead and edit a page or add a new one.
Once you are in the content editor, simply add a WPForms block and then select your form from the dropdown menu.
Now you can open your conversational form link in your browser to see it in action.
Here’s how our conversational survey form page looked:
Now that your conversational form landing page is ready, you can add the link to your WordPress Navigation menu, use it in your email campaigns, social media updates, or blog posts.
We hope this article helped you learn how to easily create conversational forms in WordPress. You may also want to check out our guide on how to track form conversions in WordPress and ultimate guide to WordPress SEO.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Kathy Rowland says
Saving this helpful info for later! Great step-by-step tutorial.
WPBeginner Support says
Thank you, glad you found it helpful
Admin
Becky Antkowiak, beckyantkowiak.com says
I’m in the very beginning stages of forming a nonprofit; there’s not a free plugin that does this, is there?
Also, just as an FYI, in another article, I didn’t see a comment option, but it refers to CSS Hero plugin–I couldn’t find that plugin in WP. Not sure if I’m doing something wrong.
WPBeginner Support says
We do not have a recommended free alternative at the moment. CSS Hero is a paid plugin that we cover in our article here: https://www.wpbeginner.com/plugins/css-hero-review-wordpress-design-customization-made-easy/
Admin
Bram says
Looks amazing but does it have logic jumps like typeform?
WPBeginner Support says
If you mean conditional logic you can set that up with WPForms but for questions about what is offered by the plugin, you would want to reach out to the plugin’s support
Admin
Kleber says
I like WPForm, but it doesnt have “calculator” function, so I cant switch Typeform for it
WPBeginner Support says
Thanks for the feedback, that is something WPForms can look to add as a feature in the future.
Admin
New postal says
good
WPBeginner Support says
Thank you
Admin