You can embed CTAs and Smart CTAs on your external web pages using the embed code. 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 Actions > Embed code next to the CTA you want to embed.
3. Copy the embed code
Copy the code that appears in the pop-up window. Click Copy code to copy the embed code to your clipboard, then click Close or the X in the upper-right corner to close this window.
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. If you are using an image CTA, you may need to add additional styling to make sure the image CTA is responsive. Read more here.
7. Publish your webpage
The final step is to publish your webpage with your CTA for all the world to see.