One of our most popular questions comes from humans trying to extend HubSpot's power beyond their main website. You've got your CTA dialed in, it's converting like crazy, and now you're thinking: "How do I get this on my Squarespace site? My WordPress blog? My other platforms?" We're here to tell you it's totally doable, and it's way easier than you might think.
Why You Want CTAs On External Websites
Your humans are everywhere. They're on your main site, sure, but they're also hanging out on your Squarespace portfolio, your medium articles, guest posts, and partner websites. If you're not capturing leads from those places, you're leaving money on the table. HubSpot CTAs aren't locked to your main domain, which means you can strategically place them anywhere your audience is.
The Simple Two-Step Process
Here's the beautiful part: integrating a HubSpot CTA with any external CMS comes down to two fundamental steps. We're going to walk you through them so you can do this in minutes, not hours.
Step 1: Copy Your CTA Code From HubSpot
- Head to your HubSpot account and navigate to Marketing > Lead Capture > CTAs
- Find the CTA you want to embed and click on it
- Click the Actions button in the top right corner
- Select Embed from the dropdown menu
- Copy the code snippet to your clipboard
That's it. You've got the foundation. This code snippet is your golden ticket. It contains everything needed to make your CTA work on external websites.
Step 2: Add The Code To Your External Website
- Log into your external CMS (Squarespace, WordPress, Webflow, etc.)
- Navigate to the page where you want the CTA to appear
- Look for an HTML or Custom Code module. Most platforms have one, though they might call it something different
- Paste your HubSpot CTA code into that module
- Save and publish your changes
Preview the page and you'll see your CTA live. Need to move it around? Most CMS platforms let you drag and position modules however you like.
Platform-Specific Tips
While the process is consistent, each platform has slight variations. If you're using Squarespace, look for the Code Block module. WordPress users should use the Custom HTML block in the Gutenberg editor. Webflow has a custom code element. The key is finding where your CMS lets you insert raw HTML code.
Make It Strategic
Don't just throw your CTA everywhere. Place it where it makes sense contextually. If you've got a guest post about industry trends, position your CTA at the end where it naturally fits. On your portfolio site, maybe it goes in the footer or after a project showcase. Strategic placement drives better conversion rates than random placement every single time.
Track Your Results
One of the best parts? HubSpot tracks all submissions from these embedded CTAs. You'll see them in your analytics dashboard no matter where they came from. This gives you real insight into which external platforms are actually driving conversions for your business.
You've now got no excuse not to be capturing leads everywhere your humans hang out. Get that code copied, find your HTML module, and start converting. Your future self will thank you for the leads.
