Tuesday’s Tip: Easily use Infusionsoft Web Forms with WordPress

WordPress is the most popular blogging platform in the world. It powers over 60 million websites. With that much of a reach, there is a good chance that at some point you’ll want to include an Infusionsoft® web form on a WordPress blog.

You may think you can just copy and paste the web form JavaScript code into your WordPress post or page, but this won’t work or may stop working unexpectedly. WordPress “sanitizes” your posts by removing or modifying potentially harmful code, like JavaScript.

To fix this, we’ve created the Infusionsoft Web Form JavaScript plugin for WordPress. When you install and activate this plugin, it will automatically convert web form JavaScript into a WordPress-friendly shortcode. You can even add CSS to your web form, making it easy to control where your web form appears on the page, whether it has a border, and other options.

Let’s take a look at an example. Our contact us page uses a web form to make it easy for our visitors to get their inquiries to the right person at Novak Solutions. The JavaScript snippet for this web form looks like this:

<script type="text/javascript" src="https://joey.infusionsoft.com/app/form/iframe/38b94063ae96e76dd0b7c1ff6328ad59"></script>

If you were to copy and paste that into a post (like this one!) without using the Infusionsoft Web Form JavaScript plugin, then that is exactly what your visitors would see: a line of code. Not exactly pleasing.

If you were using our plugin, however, that line of code would be automatically replaced with the following shortcode as soon as you saved or updated your post:

[[javascript src="https://joey.infusionsoft.com/app/form/iframe/38b94063ae96e76dd0b7c1ff6328ad59"]]

When the post or page is viewed, the plugin automatically takes that shortcode and converts it into the correct JavaScript snippet that Infusionsoft originally gave you, thus making your web form show up for the visitor.

Installing this plugin is very easy:

  1. Log in to your WordPress account and go to the Plugins page
  2. Click Add New at the top of the page
  3. Search for Infusionsoft Web Form JavaScript
  4. Click Install Now for the Infusionsoft Web Form JavaScript plugin
  5. Once installed, click Activate Plugin

Have a suggestion for an improvement to this plugin? Please let us know in the comments to this post!

1 Comment

  1. Pure Awesomeness.

    Reply

Trackbacks/Pingbacks

  1. Infusionsoft Forms on WordPress Pages - […] the good folks at Novak Solutions have found a workaround. They created a WordPress plugin called Infusionsoft Web Form JavaScript […]

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.