Embedding an enrollment iframe on a WordPress site

Last updated:

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.

Embed at html text on WordPress Page.

The result will be the embedded form on your page.

Host a standalone redemption 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.

Plugins > Add New

In the upper right corner, search for webvitalii

Search for webvitalii

Click the Install Now button.

Install the plugin

Then click Activate to activate the iframe plugin.

Activate the 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.

Embedded iFrame on a new WordPress page.

The iframe plugin will generate the proper html code to properly display your embeded enrollment form.


Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.