How to add a Call-to-Action (CTA) to a non-HubSpot page

Last Updated: July 06, 2015

Instructions

Read the following steps to learn how to add a CTA to a non-HubSpot page.

1. Go to Content > Calls-to-Action

From the dashboard, navigate to Content > Calls-to-Action.

2. Get the external embed code of the CTA

On the CTA dashboard, click the gear icon next to the CTA you want to embed, then choose Embed.

2. Get the external embed code of the CTA

Note: you can also embed Smart CTAs on your external website.

3. Copy the embed code

Copy the code that appears in the pop-up window. Once you have copied it, click the X button.

3. Copy the embed code

4. Navigate to your non-HubSpot page

Go to the non-HubSpot page where you would like to insert your CTA. In this example, a CTA is inserted into the HTML of an external webpage.

4. Navigate to your non-HubSpot page

5. Insert the embed code on your non-HubSpot page

Now you can paste the external embed code of your CTA into the HTML of your non-HubSpot page. Paste the code into the HTML where you want the CTA to be located.

5. Insert the embed code on your non-HubSpot page

6. Review your CTA

Preview your CTA on the webpage to see what it looks like live. If the CTA does not display correctly, make sure that your external CMS has not altered the code that you copied.

6. Review your CTA

7. Publish your webpage

The final step is to publish your webpage with your CTA for all the world to see.

7. Publish your webpage

Next Article: How to analyze your Call-to-Action (CTA) results

LOG IN TO YOUR  HUBSPOT CTA TOOL

Table of Contents

    Get feedback from marketing peers and experts on inbound.org
    Check out Premier Services