Last modified: July 24, 2016

Formidable Pro and Gravity Forms are among the best WordPress form builder out there that offers easy to use and a versatile drag and drop builder canvas. We can create highly advanced forms with them in a matter of minutes. Adding created form with these plugin to different pages and in widgets is a kid game across the WordPress. Formidable Pro adds a button above text editor with the help of which we can add not only forms, but also form views and graphs. We can also add custom options for a single form in different pages.

Formidable Pro provides a unique link for every form and if we open that link in browser, it loads form without any header or footer or any other extra component. This way you can add any created form to an external website. It means you can add generated form in an external website embedding it as an iframe. Forms are responsive and they adjust their size on resizing the iframe.

But there is an issue

A couple of years back this trick was working fine. But now, due to some security reasons, Formidable Pro doesn’t allow embedding of a form in an external website as an iframe.

How to overcome this issue and make the embedding to external website working

There is only and effective method to embed Formidable Pro form or form created with any other plugin (like Gravity Forms), you need to have a blank page template in your WordPress theme. Create a page with blank page template and add the form shortcode to that page.

What is a blank page template in WordPress

A blank page template doesn’t contain header,footer or sidebar and it consists of post area only. If you assign a blank page template for a page, it will come without header, footer, sidebar or any theme styling. This page displays what you add to your post area, either a shortcode, images or text.

Step by step tutorial how to add Formidable (or Gravity Forms) form to any html webpage outside WordPress

Adding Formidable Pro form to any external webpage

  • Also add the form shortcode to that page and publish the page

When you will open this page in browser, it will show only form covering the entire page

  • Now add this page link to iframe as shown in the code below;
<iframe width=”100%” height=”100%” src=http://yourwordpresswebsite/pagethatcontainsform></iframe>
  • Replace the red text with the exact url of the page with blank template and form.
  • Add this iframe code to any external webpage and it will work perfectly

About Shams

Shams, a professional blogger, has expertise in WordPress and Web Hosting. He is used to playing around with WordPress plugins, themes, web hosting services and some other innovative stuff regarding web design. He sifts out good stuff for web designers and reviews it to help them choose what they really need.

Being an energetic tech enthusiast, he regularly pens down breaking news and tutorials related to technology particularly Smartphones and other gadgets. Sometimes writes tech tips too. It was the dawn of Internet age when he started dabbling in it and has since been delving into the realm of the internet. He occupies a permanent burrow in virtual world.

He can be reached at.- here

Related Post

Increase more than 700% of Email Subscribers!
Dolor aliquet augue augue sit magnis, magna aenean aenean et! Et tempor, facilisis cursus turpis tempor odio. Diam lorem auctor sit, a a? Lundium placerat mus massa nunc habitasse, arcu, etiam pulvinar.
  We hate spam and never share your details.
Blogging and Web Design
GET IT NOW
500% MORE SUBSCRIBERS
EFFICIENCY
BOOST YOUR SALES
CREATIVITY
INSPIRE YOUR VISITORS
BE UNIQUE
CREATE UNIQUE POPUPS
Get amazing content to your mailbox
We never bother our subscribers and, we deliver what they want
Your Information will never be shared with any third party.
You are successfully subscribed to webcusp newsletter. Please check your mail and confirm your subscription.
Subscribe for Updates
We never bother our subscribers and, we deliver what they want
Your Information will never be shared with any third party.
You are successfully subscribed to webcusp newsletter. Please check your mail and confirm your subscription.
Follow us for exclusive content