Contact form in the WordPress sidebar

How to Add a Contact Form in a WordPress Sidebar Widget (Easily)

Do you want to add a WordPress contact form widget in your sidebar? Adding a contact form to the sidebar of the page makes it really easy for your visitors to get in touch.

In this article, we’ll show you the easy way to add a contact form in a WordPress sidebar widget without writing any code.

Create Your WordPress Contact Form Now

How Do I Add a Sidebar Widget in WordPress?

To add a sidebar widget in WordPress, you’ll want to navigate to Appearance » Widgets in the WordPress sidebar.

Find WordPress contact widgets for the sidebar

On the list, you can see the available widgets on your WordPress site. You can go ahead and drag any widget onto the sidebar area on the right to use it.

Add WordPress widgets to the sidebar

Read this guide on how to add and use widgets for more help getting started with widgets.

Are you missing the Widget menu in WordPress? Themes like Hello Elementor don’t have a sidebar, so there’s no Widgets menu under Appearance. To get the menu to show up, read this guide on how to add a widget-ready sidebar in WordPress.

Now we know how to add widgets in WordPress, let’s make a contact form that we can easily add to the sidebar.

How to Add a Contact Form in a WordPress Sidebar Widget

Putting a contact form into your sidebar with a widget is super easy. We’ll walk through the process in 3 simple steps:

  1. Install the WPForms Plugin
  2. Create a Contact Form
  3. Add a Contact Form Sidebar Widget

Sidebar Contact Form – Video Tutorial

This video explains all of the steps you’ll need to follow to add a contact form sidebar widget.

If you prefer to follow written instructions, keep reading. We’re going to start by installing the WPForms plugin.

Step 1: Install the WPForms Plugin

Start by installing and activating the WPForms plugin. For more details, see this step by step guide on how to install a plugin in WordPress.

Next, go to WPForms » Add New to create a new form.

Add a new contact form for your sidebar widget in WordPress

You’ll see the WPForms window open up in your browser. Let’s add a contact form to your website next.

Step 2: Add a Contact Form

On the WPForms Setup screen, name your form at the top. Then click the Simple Contact Form template to open it.

Use a contact form template

The Simple Contact Form template already has 3 fields:

  • Name
  • Email
  • Message

Build contact form for WordPress sidebar widget

You can add additional fields by dragging them from the left hand panel to the right hand panel. Then, click on the field to make any changes.

By default, WPForms will show a confirmation message when your form is submitted. But because the sidebar is a small space, the confirmation might look a little cramped.

Instead, you might prefer to redirect the visitor to a thank you page. To set that up, check out this guide on how to redirect users after a WordPress form submission.

Once you’re done, make sure to save your changes before closing the form builder window.

Step 3: Add a Contact Form Sidebar Widget

Now that your form is created, you can add it to your site’s sidebar widget area.

To start, click on Appearance » Widgets.

Find WordPress contact widgets for the sidebar

On the Widgets page, scroll down until you find the WPForms widget. When you click it, you’ll see all of the available widget areas in your theme.

We selected Main Sidebar to add the contact form widget to our WordPress sidebar. Depending on the way your theme is set up, your sidebar might have a different name.

Add WordPress contact form widget to sidebar

Now go ahead and click Add Widget to add the contact form to your sidebar.

Let’s select the form we want to display. To do that, scroll up and look to the right hand side. You’ll see all of the widgets that you’re currently using.

Click on the WPForms widget to expand it. Here, you can select your contact form from the dropdown.

WordPress contact form sidebar widget

When you click Save, your contact form sidebar widget will be live on your website and ready for your visitors to fill out.

Here’s what our finished sidebar contact form looks like:

Contact form widgebar widget on published WordPress post

And that’s it! You successfully added a contact form to your WordPress sidebar.

Create Your WordPress Contact Form Now

Next Step: Make a File Upload Form

You’ve got your contact form in your sidebar widget. Next, would you like to make a file upload form for WordPress? Accepting file uploads is a great way to take orders let your clients upload documents.

To learn how to add a file upload field to your form, check out this guide to creating a file upload form in WordPress.

You can also check out these contact page examples to see more creative ways to use your forms.

Ready to build your form? Get started today with the easiest WordPress form builder plugin. WPForms Pro includes lots of free templates and offers a 14-day money-back guarantee.

If this article helped you out, please follow us on Facebook and Twitter for more free WordPress tutorials and guides.

Using WordPress and want to get WPForms for free?

Enter the URL to your WordPress website to install.

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.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.