{"id":9168,"date":"2020-05-20T17:11:23","date_gmt":"2020-05-20T21:11:23","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=9168"},"modified":"2020-06-16T09:56:28","modified_gmt":"2020-06-16T13:56:28","slug":"how-to-embed-wpforms-on-pages-and-posts","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/boldgrid-wpforms-plugin-product-guide\/how-to-embed-wpforms-on-pages-and-posts\/","title":{"rendered":"How to Embed WPForms on Pages and Posts"},"content":{"rendered":"\n

If you have been following along with our WPForms articles thus far, you have learned how BoldGrid uses WPForms to create dynamic contact forms.<\/p>\n

If not, let us catch you up to speed real quick. WPForms is a great WordPress contact form plugin<\/a> you can use on your website and it works great out of the box with our WordPress website builder<\/a> product. Create a website<\/a> 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.<\/p>\n

We have also discussed how to create WordPress forms<\/a> and delete forms<\/a> with WPForms<\/a>. 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.<\/p>\n

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.<\/p>\n

Wait. What is a Shortcode?<\/h2>\n
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.<\/p>\n
<\/p>\n
How to Embed WPForms<\/h2>\n
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.<\/p>\n
<\/p>\n
\n
While logged into the admin area<\/a>, select WPForms<\/strong>
\n $\"Select$ <\/a><\/li>\n
Select the form you want to embed
\n $\"Select$ <\/a><\/li>\n
Click the EMBED<\/strong> button at the top right
\n $\"Click$ <\/a><\/li>\n
Copy the embed shortcode
\n $\"Copy$ <\/a><\/li>\n
Close the WPForm editor by clicking the large X<\/strong> at the top right
\n $\"Close$ <\/a><\/li>\n
Open the page or post that will display this form
\n $\"Edit$ <\/a><\/li>\n
Paste the embed code into the main text area
\n $\"Paste$ <\/a><\/li>\n
Save the post or page
\n $\"Save\"$ <\/a><\/li>\n<\/ol>\n
If you now preview, publish, or update the post, you will see that your form is now active.<\/p>\n
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<\/a>. It is compatible with WPForms, and can make creating a website<\/a> one of the easiest things your business has to do!<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"
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 […]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[328],"tags":[],"class_list":["post-9168","post","type-post","status-publish","format-standard","hentry","category-boldgrid-wpforms-plugin-product-guide"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/9168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=9168"}],"version-history":[{"count":12,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/9168\/revisions"}],"predecessor-version":[{"id":21849,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/9168\/revisions\/21849"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=9168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=9168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=9168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

How to Embed WPForms<\/h2>\nFollow 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.<\/p>\n<\/p>\n