How To Add WPForms Form To An Elementor Page? (One Simple Way)

Disclosure: Some of the links in this post are affiliate links. This means, if you click on the link and purchase the product, I will receive a commission at no additional cost to you. Don’t worry, I only recommend products or services that I have personally used and believe will add value to my readers.

Adding WPForms to a page using Elementor is pretty straightforward. However, it can be confusing if you have just started using WPForms or Elementor.

Given below are the steps to add a form created using WPForms to a page with Elementor:

  1. Go to All Forms page of WPForms and copy the Shortcode of the form that you wish to place on the page using Elementor.
  2. Now edit the page with Elementor on which you want to place the WPForms form.
  3. Once Elementor is active on the page, drag-and-drop the Shortcode widget on the page.
  4. Then paste the Shortcode that you copied in step #1 in the Enter your shortcode field.
  5. The WPForms form should now appear on the page. Update the page to save your changes.
  6. Exit Elementor to view the form on the page.

That was simple, wasn’t it?

Let’s take a detailed look at each of these steps now.

How To Add WPForms Form On A Page Using Elementor’s Shortcode Widget

First, go to the WPForms > All Forms page in your WordPress Admin panel. Here, copy the Shortcode of the form that you want to place on a page using Elementor.

WPForms form Shortcode

Now, edit the page with Elementor on which you want to insert the WPForms form. Once Elementor is active, scroll down to the Shortcode widget in the left-side Elementor panel. Drag-and-drop this widget on the page.

Elementor Shortcode Widget

Paste the WPForms form Shortcode into the “Enter your shortcode” field. The WPForms form should now display on the page.

Insert WPForms shortcode in Elementor

Update the page to save your changes.

And that’s it!

That is how you add a form created with WPForms on a page using Elementor.

Okay! Now, what if you want to style the form?

Unfortunately, that is not possible using the Shortcode widget.

However, I have written a detailed guide on how to style WpForms.

It uses a different method to insert the WPForms form on the page and style it. So, do read this guide if you want to style WPForms without writing any code.

Alright! What next?

Recommended Further Reading:

Video Tutorial

Download Website Builders’ Toolbox


Next Steps…

There is a lot you can do with Elementor’s Shortcode widget.

You can insert Shortcodes from various plugins to display specific content on the page. So, play around with this widget.

And if you liked this small specific tutorial, then please share it with your friends. I will really appreciate it.

About The Author

Leave a Comment

Your email address will not be published. Required fields are marked *