iFrame forms for Wordpress sites

One of the ways Beagle handles Forms is through some short code called iframes. They are a standard technology online, used by services such as Youtube, Vimeo, etc. But somehow Wordpress decided that out of the box you cannot use iFrames. Don't worry, the solution is extremely easy.

When you create a new article in Wordpress you might want to add a lead generation Beagle form. In most Content Management Systems it is usually very easy. You copy the iframe code for the specific form you want to embed and paste it in the text editor. You might need to go into the "code" or "source" mode of said editor, but the work is trivial.

If you try to do that in Wordpress you might find that it does not work out of the box. There are two things you can test:

1) Add http: or https in the url of the iframe code. Change this

<iframe src="//www.bgle.io/fh/if/xxxxxxxxex658.xxxxxxxx" class="tmb-form" width="100%" frameborder="0" scrolling="no" allowTransparency="true"></iframe>

To this:

<iframe src="https://www.bgle.io/fh/if/5447c6449ec658.44751425" class="tmb-form" width="100%" frameborder="0" scrolling="no" allowTransparency="true"></iframe>

2) If the iframe does not load or the code is displayed in your page you probably need to install the iframe plugin for wordpress. You can find it here: 

https://wordpress.org/plugins/iframe/

Or you can install it directly from your sites control panel. Log in as usual and in the left column you can press in "Plugins". Once in the plugin page, press "Add new plugin". There is a search box where you can search for the mentioned iframe plugin. Once you find it proceed to install it. 

After that you should be able to use the iframe forms from Beagle in any page of your wordpress website.