how-to-add-a-contact-form-to-your-wordpress-footer

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.

Knowledge (and data) is power! Make sure to take a peek at our post of shocking digital marketing statistics that could help you grow your business and website.

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.

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

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

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).

Check out a look at our best free WordPress themes post for more great themes that support widgetized footers.

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.

Comments

  1. Thanks for reading this article – I hope you found it helpful.

    I wanted to let you know about our new WordPress survey plugin that allows you to build interactive polls and surveys within minutes. You also get best-in-class reporting, so you can make data-driven decisions.

    You can get it 100% free when you purchase WPForms Pro plan.

    Get Started with WPForms Today and see why over 2 million websites choose WPForms as their preferred online form builder.

    Syed Balkhi
    CEO of WPForms

  2. 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! 🙂

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.