Are you wanting to build a high-converting conversational contact form to use on your WordPress website?
Using conversational forms can help explode your conversion rate, get you more leads, and get you more customers online.
So in this guide, we’ve put together a step-by-step tutorial on how to create a conversational contact form (the easy way.)
Why Use a Conversational Contact Form?
If you’re wondering why you might want to use a conversational contact form, there are a lot of great reasons.
- A meaningful way for your leads and customers to connect with you
- They are modern and impressive, and show your customers you’re keeping up with the times
- Act as a face-to-face human interaction and boost form completion rates
- Requires absolutely zero coding to set up
- Looks fantastic on mobile and is easy for people to fill out on any device
Ok, so you know conversational contact forms are great. Now, let’s check out how to build one using WPForms, which is the best Typeform alternative.
How to Create a Conversational Contact Form
If you’re ready to set up a conversational contact form that your visitors will love, here are the steps.
Step 1: Generate a Simple Contact Form
Now, you’ll want to open a basic template to get your form started.
Go to WPForms » Add New to create a new form. On the setup screen, name your form and then click on the Simple Contact Form template.
WPForms will now automatically generate a simple contact form for you.
Pretty cool, right? Let’s go ahead and customize this form.
Step 2: Customize Your Form
WPForms makes customizing your conversational contact form easy to do.
This form comes with the following fields in this order:
- Name (First and Last)
- Paragraph Text (Labeled as Comment or Message)
You can add any field you’d like to your form by dragging the field from the left-hand panel onto the form on the right. For this example, we’ll add a Phone field so we can ask people for their number.
Once you’ve added any fields you like, you’re ready to move on to your form settings.
Step 3: Configure Your Form Settings
To start, go to Settings » General.
Here you can configure the following:
- Form Name — Change the name of your form here if you’d like.
- Form Description — Give your form a description.
- Submit Button Text — Customize the copy on the submit button.
- Spam Prevention — Stop contact form spam with the anti-spam feature, hCaptcha, or Google reCAPTCHA. The anti-spam checkbox is automatically checked on all new forms.
- AJAX Forms — Enable AJAX settings with no page reload.
- GDPR Enhancements — You can disable the storing of entry information and user details, such as IP addresses and user agents, in an effort to comply with GDPR requirements. Check out our step-by-step instructions on how to add a GDPR agreement field to your simple contact form.
When you’re done, click Save.
Step 4: Enable Conversational Forms
Now’s the fun part — turning your form into a conversational form!
From the same settings page, click on Conversational Forms in the left-hand panel.
It will be greyed out if you haven’t activated the Conversational Forms addon yet. If you haven’t, you’ll see the option to activate it once you click on it. Click on Yes, Activate.
Once the addon has been activated, click on Yes, Save and Refresh.
You’ve turned your simple contact form into a conversational contact form. But before you put it on your website, let’s finish setting it up so it works great.
Step 5: Configure Your Form Notifications
When you get an entry from your conversational contact form, you’ll probably want to know right away so you or your team can jump into action.
How can you do that? By setting up form notifications. They’re the perfect way to get an email whenever someone submits to your conversational contact form online.
To do this, click on Notifications in the left-hand panel so you can edit what emails are sent to who when a conversational contact form is submitted on your site.
If you use Smart Tags, you can also send a notification to the user when they fill this out, letting them know you received their submission and someone will follow up soon. This assures people their request has gone through.
For help with this step, check out our documentation on how to set up form notifications in WordPress.
And if you want to keep branding across your emails consistent, you can check out this guide on adding a custom header to your email template.
Note: Since file attachment can often hurt email deliverability, WPForms doesn’t attach files in emails. For example, if an email provider only allows a maximum of 10MB for the attachment but the user uploads a file size higher than 10MB, the email won’t be delivered. Instead, we send the file uploads via email as links.
And that’s how WPForms form notifications can be set up for your conversational contact form.
Step 5: Customize Your Form Confirmations
Form confirmations are messages that display to site visitors once they submit a conversational contact form on your website. They let people know that their request has gone through and offer you the chance to let them know what the next steps are.
WPForms has 3 confirmation types to choose from:
- Message — This is the default confirmation type in WPForms. When a site visitor submits a request, a simple message confirmation will appear letting them know their form was processed. Check out some great success messages to help boost user happiness.
- Show Page — This confirmation type will take site visitors to a specific web page on your site thanking them for submitting. For help doing this, check out our tutorial on redirecting customers to a thank you page. In addition, be sure to read our article on creating effective Thank You pages.
- Go to URL (Redirect) — This option is for when you want to send site visitors to a different website.
Let’s see how to set up a simple form confirmation in WPForms so you can customize the message site visitors will see when they fill out your form.
To start, click on the Confirmation tab in the Form Editor under Settings.
Next, select the type of confirmation you’d like to create. For this example, we’ll select Message.
Then, customize the confirmation message to your liking and click Save.
For help with other confirmation types, see our documentation on setting up form confirmations.
Step 6: Add Your Conversational Contact Form to Your Site
After you’ve created your form, you need to add it to your WordPress website. WPForms allows you to add your forms to many locations on your website, including your blog posts, pages, and even sidebar widgets.
Let’s take a look at the most common placement option: page/post embedding.
To begin, create a new page or post in WordPress, or go to the update settings on an existing one.
After that, click inside the first block (the blank area below your page title) and then type in WPForms in the search bar. You’ll see the WPForms icon almost immediately.
Now, click on the Add WPForms icon and click on the drop-down menu and select which form you just created. It’ll be automatically inserted on your page.
Don’t forget to hit Publish or Update on your page to make the form live.
Now you have your conversational form set up, look at more ways to continue talking with your visitors. For example, you can easily make a ManyChat WordPress integration that connects your forms to a Facebook Messenger bot.
If you’ve already read our Ninja Forms vs WPForms review, you’ll know that Ninja Forms doesn’t support conversational forms at all. But with WPForms, you can turn any form into a beautiful conversational form in seconds.
Did you enjoy this guide? You may also be interested in our post open source alternatives to reduce SaaS bills too.
So what are you waiting for? Get started with the most powerful WordPress forms plugin today. WPForms Pro includes unlimited free conversational contact forms and offers a 14-day money-back guarantee.