Last updated on

If you have been following along with our WPForms articles thus far, you have learned how BoldGrid uses WPForms to create dynamic contact forms.

If not, let us catch you up to speed real quick. WPForms is a great WordPress contact form plugin you can use on your website and it works great out of the box with our WordPress website builder product. Create a website in minutes with our professionally designed WordPress templates and pre-crafted content tailored to your industry. WPForms also includes templates to help you quickly create the most common forms, which makes it a great fit with BoldGrid Products.

We have also discussed how to create WordPress forms and delete forms with WPForms. If you have any additional tutorials you would like to see, please feel free to leave a comment below and we will do what we can.

Now that we have that out of the way, it is time to talk about embedding forms into your WordPress pages and posts. In this article, we will be learning about how to do so using a shortcode. This is a necessary step for showing a form on one of your website pages, so it can be viewed and interacted with by your page visitors.

Wait. What is a Shortcode?

A shortcode is a small text string that is surrounded by brackets. [shortcode] These are used in WordPress to run code directly on your pages and posts, without the user creating the content having to code. There are many plugins in the WordPress repository that utilize shortcodes to render on the front end of your WordPress website.

 

How to Embed WPForms

Follow along with the steps below to embed your WPForms. In this example, we are going to using a “Maintenance Request” form we created in an earlier article.

  1. While logged into the admin area, select WPForms
    Select WPForms
  2. Select the form you want to embed
    Select Form
  3. Click the EMBED button at the top right
    Click Embed
  4. Copy the embed shortcode
    Copy the code
  5. Close the WPForm editor by clicking the large X at the top right
    Close WPForms
  6. Open the page or post that will display this form
    Edit page or pst
  7. Paste the embed code into the main text area
    Paste embed code
  8. Save the post or page
    Save

If you now preview, publish, or update the post, you will see that your form is now active.

Now that you have learned how to insert your forms into pages or posts, you may want to learn more about our WordPress website builder. It is compatible with WPForms, and can make creating a website one of the easiest things your business has to do!

 

SIGNUP FOR

BOLDGRID CENTRAL  

   200+ Design Templates + 1 Kick-ass SuperTheme
   6 WordPress Plugins + 2 Essential Services

Everything you need to build and manage WordPress websites in one Central place.

7 thoughts on “How to Embed WPForms on Pages and Posts

  1. Can I embed a form as to use for other purposes. I am trying to parse WordPress post in my app to html and I am having trouble showing the forms in the mobile app?

Leave a Reply

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