Some WordPress themes invite more of a challenge to embed enrollment form iframes. We will present a few options to help you in embedding your enrollment form iframe into your WordPress web site.
Embedded On Your Site
Focus on your brand by adding this to a page on your site.
- Create a landing page in your current site (Wordpress, Joomla, etc).
- Add text to inform your end-users how to redeem and what to expect.
- Visit your code redemption page to get the customized code to embed the redemption iFrame on your website
<iframe id="enrollment-embed" src="https://yoursubdomain.monitoringclient.com/redeem?embed=" width="550" height="550" frameborder="0"></iframe>
To add this code to your WordPress site, click the Text tab when creating or editing a page. Then paste in your iframe code.
The result will be the embedded form on your page.
Use an iFrame plugin for WordPress
It may be easier to use an iframe plugin for WordPress that will handle the proper formatting of the iframe html code on your WordPress Page.
To add the iFrame plugin to your WordPress site, from your WordPress Admin sidebar, select Plugins > Add New.
In the upper right corner, search for webvitalii
Click the Install Now button.
Then click Activate to activate the iframe plugin.
Create a new page, or edit an existing page.
You will need to convert the provided iframe code from this:
<iframe id="enrollment-embed" src="https://yoursubdomain.monitoringclient.com/redeem?embed=" width="550" height="550" frameborder="0"></iframe>
to this:
[iframe id="enrollment-embed" src="https://yoursubdomain.monitoringclient.com/redeem?embed=" width="550" height="550" frameborder="0"]
Notice that <
>
are now [
]
and we've removed the </iframe>
at the end.
The iframe plugin will generate the proper html code to properly display your embeded enrollment form.
How can this article be improved?
Please sign in to leave a comment.