How to Add a Contact Form Footer (With a WordPress Widget)

Looking for a widget to put your contact form at the bottom of your site? WPForms makes it super simple to embed a form so you can get more form submissions. In this guide, we’ll show you how to use a widget to put your contact form in your WordPress site’s footer.

How Do I Add a Contact Form to a WordPress Footer?

You can add a contact form to the footer of your WordPress site in seconds using WPForms. Let’s take a peek at exactly how it’s done.

Step 1: Create Your WordPress Form

The first thing you need to do is install and activate the WPForms plugin. For more details, see this step by step guide on how to install a plugin in WordPress.

Once you have installed the WPForms plugin, go to WPForms » Add New to create a new form. Then, in your form builder, click on the Simple Contact Form template to create one.

contact form plugins widget

WPForms is the best WordPress Form Builder plugin. Get it for free!

Now it’s time to build your form. You can easily customize the form fields with the drag and drop feature.

For more details, you can read our article on how to create a simple contact form.

Step 2: Add Your WPForms Widget to Footer

Now you’ll need to add the WPForms widget to your footer widget area by going to Appearance » Widgets.

add a contact form widget areas

Next, find the WPForms widget on the left, expand the dropdown, and select the Footer area. Then, hit Add Widget. (Don’t see it? Read this.)

footer widget wpforms

Now, adjust the widget settings as needed, and click on the Save button.

click on the save button

Your WordPress contact form will now appear in the footer on your website.

And, you can repeat these steps to insert a form into any of the available widget areas to make it as easy as possible for website visitors to give you their information so you can make more money online.

How Do I Add a Contact Form Widget to WordPress?

Don’t see any available widgets in your footer area?

You may be using a theme that doesn’t support widgetized footers. Try updating to a free, modern theme like Astra or OceanWP which both offer footer widgets (most newer themes do).

Want to know how to check if your current theme supports widgetized footers?

Click on Appearance in your WordPress dashboard.

If you don’t see the word Widgets here, it’s likely your theme doesn’t support theme.

add a contact form widget areas

You can double-check this on this same screen by clicking activate on your default theme then repeating the above step.

If the default theme shows the widgets under Appearance, you’ll know your current theme doesn’t support widgetized footers.

If for some reason you need to stick with your current theme, you have the option to edit your theme’s PHP which can be pretty tricky. Check out the guide about how to add header and footer code in WordPress on our sister site for more details.

Why Add a Contact Form to a WordPress Footer?

It’s a great idea to have a contact form in your footer.

That’s because it’s not uncommon for a website visitor to scroll to the bottom of a website looking for contact information. If someone wants to get a hold of you and give you their info, you should make it as easy as possible for them to do.

Instead of making site visitors go to a separate contact page, you can simplify the process by adding a form to your footer.

Check out this post about the top places to put contact forms on your website to learn more.

In Conclusion

That’s it! You’ve now successfully added a contact form footer with a widget in WordPress.

You might also want to read how to create a file upload form in WordPress.

What are you waiting for? Get started with the most powerful WordPress forms plugin today.

If you like this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.

Using WordPress and want to get WPForms for free?

Enter the URL to your WordPress website to install.


  1. Hello,
    We’re using the contact form as a footer widget, thanks to your step-by-step guide.
    But the width of the textbox for accepting email address doesn’t occupy full width of the widget, and the Submit button isn’t having the same width as the textbox above it (it’s smaller)

    How do we change their properties accordingly?

    1. Hi Abhinaya,

      Sure, so to make the email field (or any other input field) full-width, you can open the form builder and click on that field to open its Field Options. Then open the Advanced Options section, and you’ll see a dropdown named Field Size (shown in this screenshot).

      Then, to also make the submit button full width you can use this CSS:

      div.wpforms-container-full .wpforms-form input[type=submit], 
      div.wpforms-container-full .wpforms-form button[type=submit] {
          width: 100%; /* Make the button full-width */

      In case it helps, you can find details on how to add CSS like this in WPBeginner’s tutorial. And we have a whole doc on customizing the submit button further, as well.

      I hope this helps! 🙂

    1. Hi Brian, thanks for the question!
      The HubSpot form can be added onto a WordPress site with the embedding code. You can try to use the default HTML widget in WordPress and put the embedding code there.
      However, for further help, it’s better to contact the HubSpot support team.

      I hope this helps 🙂

  2. hi guys how can I get widget footer to add social media follow, contact form, feedback and disclaimer on the bottom of my website page, I use theme song by education soul Wen themes and I can’t seem to remove the footer name to input mine, on the team editor they didn’t allow me define changes to it.

    1. Hi Shittu,
      thanks for your question!
      However, this is out of our support scope and is more related to your theme/WordPress functionality. The best is to contact your theme support team regarding these questions.
      As an alternative option, you can try to use some of the page builder plugins that can modify the theme header and footer.
      I hope this helps.
      Have a good one 🙂

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.