Want an easy way to link a button to a form in WordPress? This guide will show you how to link a button to a form in WordPress today!
Approximate read time: 4.5 minutes
You don’t have to know how to code to do incredible things in WordPress.
You’d be surprised how you can customize your site with a few simple plugins. And that includes having a button that links to a form.
And that’s exactly what this post will show you today. We’ll show you how to link a button to a form in WordPress step-by-step with the Formidable Forms WordPress plugin.
So, let’s get into it.
Can you link to a form in WordPress?
Yes, and it’s actually straightforward!
Visitors can easily find your form if you create a page for your form and show a link or button to it.
But some plugins make it much easier for you. And Formidable Forms is one of those.
So, let’s show you how easy it is to link your form in WordPress using Formidable.
? Want to learn how to redirect after form submit?: How to Redirect After Form Submit in WordPress [3 Steps!]
How to link a form to a button in WordPress
The first thing you need to do is download Formidable Forms.
We know what you’re thinking, “Great. Now I have to pay.”
But you can leave your cash in your pocket.
In today's guide, you can use our free plugin to do everything you want. But, Formidable does have some excellent features in its premium plans.
So, head to your WordPress dashboard and search for the Formidable plugin to install and activate it.
Once you have it set up, there are a few easy steps to follow:
Step 1: Create your form
To start creating your form, go to Formidable → Forms and click + Add New icon in the top bar.
Click Blank Form or choose one of our templates to get you started quickly.
After, you can give your form a name and click Create to start building your form.
Next, you’ll be in our beginner-friendly drag-and-drop form builder. We call it simple because if you can click and move a mouse, you can master this builder.
So, click a form field and drag it to the form to add it to your form.
You can add any fields to make your form unique. Customize the labels, add required fields, and customize it how you see fit.
Once you’re finished, click Update in the top right corner to save your changes.
Step 2: Create a form landing page and display your form
You have two options for your form landing page:
- Create your landing page yourself in WordPress
- Let Formidable create your landing page
If you let Formidable create your landing page, you’ll need its Plus plan. But you get a lot more than just landing pages for that price.
If you want to know how to do that, we’ve got an excellent landing page guide for you. But, for anybody wanting to keep things free, we’ll show you how by creating your own landing page.
So, go to your WordPress dashboard and click Pages, then select Add New.
If you use Elementor or another theme, the editor will be slightly different for you.
Give your page a title and customize it any way you want. This is the page your visitors will visit when they click your button.
Once you’ve customized it, add a new WordPress block on the page, and search Formidable.
Add the Formidable WordPress block, then select your form from the dropdown menu.
Last, update your page and copy the URL for the page. You’ll need it in the next step.
Step 3: Add your button
This step is easy because WordPress has a button built-in!
So, go to your page editor on the post/page where you want to show your button and add a new WordPress block. Search for the Button block and add the Buttons WordPress block.
You can customize the anchor links text on the button or keep a simple submit button.
Next, click the Link icon and add a link. You can paste the URL you copied in the previous step for the link to open. Also, select if you want it to open in a new tab or the same.
Once that’s finished, update the page, and your button will be linked to your form page!
Do you want to do something cool with your button and form? Check the next step.
Step 4: Display your form in a WordPress popup (optional)
Another fantastic feature of Formidable Forms is its Bootstrap Modal Form feature.
You can set your form to pop up at the click of a button, text, and more! That way, visitors don’t even have to leave your page to fill out your form.
Just click, and it appears.
All you have to do is install the Bootstrap Modal plugin, insert a shortcode, and you’re ready to go!
However, to get this feature, you’ll need our Plus plan.
But that means you get Landing Pages and a popup form (along with Formidable Views, form templates, and User Flow) for an incredible price!
Not bad to supercharge your WordPress pages, right?
Ready to create your forms in WordPress?
Linking a button to a form on your WordPress site is more straightforward than it seems.
And you learned how to do it today! This guide taught you how to create a WordPress form using Formidable and link it to a button. Then it’ll take your visitor to the post or page where you have your form.
But don’t stop here. We mentioned our Landing Pages feature, and we think you’ll love these landing page best practices!
Also, follow us on Facebook and Twitter to get all the best WordPress tips and tricks! Plus, we have excellent video tutorials on YouTube.
Leave a Reply