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

Last updated: June 13, 2016

Available For:

Product: HubSpot Marketing
Subscription: Basic, Professional, & Enterprise


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.

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.

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.

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.

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.

7. Publish your webpage

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

Previous article:

Next article: