Marketing News

Integrate Your HubSpot CTAs into WordPress with This Plugin

Kaitlyn Thul Posted by Kaitlyn Thul on February 13, 2017

Using HubSpot CTAs in Wordpress can be less than seamless. HubSpot provides an embed code to be used on external sites, but a user has to copy the CTA code and paste it in whenever they would like that CTA to display. So, we decided to build a custom plugin that made this integration a little smoother.

HubSpot CTAs in Wordpress Plugin

The Problem

At Captevrix, we have several WordPress hosted sites that use some of the features of HubSpot, like CTAs, emails, landing pages, and tracking. Our non-developer team members don’t want to deal with embed codes, understandably. Publishing new posts and pages with CTAs is a hassle when needing to pull in a developer (like me) to add in the embed code.

Enter: HubSpot CTAs in WordPress

HubSpot CTAs in WordPress plugin

To solve this problem, I created a plugin that requires entering the embed code only once in the admin area. Then, any added CTAs can be inserted via a visual interface within the native post or page’s editor. Feel free to download the plugin at the bottom of the post and try it out on your site.

HubSpot CTAs in WordPress menu location

After installing and activating the plugin, the admin options page can be found under Settings > HubSpot CTAs. Here, you can add, edit, or delete CTAs for your site. Simply give the CTA a name, paste in the embed code, and copy over the CTA image URL from HubSpot’s File Manager.

HubSpot CTAs in WordPress UI

How to Use

1. “Add CTA” Button

On every post and page now, you’ll see an “Add CTA” button in your tinyMCE editor’s toolbar. Click it to select a CTA to insert. Click Select, and a shortcode will automatically be inserted into the post at your pointer’s current location.

Add CTA Button

2. The Shortcode

You can also handwrite a shortcode using the following format

[wpcaptevrix_hubspotcta id=“0”]

Replace the ID value (0 at the moment) with the ID of the CTA you want to insert. You can find the ID in the admin options page. In a PHP file, you can use this shortcode using WordPress’ do_shortcode() function.

Want to try it out?

Below is the ZIP file for the plugin. Feel free to download it and use it on your site. However, we will not support it, and are not liable for any effects it may have on your site.  As always, with Wordpress, we recommend backing up prior to installing any plugins.

 Download the Plugin >>

If you found this plugin helpful, please comment on this post and let us know!

Topics: Website Design

Leave a Comment