HubSpot Squarespace Integration

What HubSpot-Squarespace Integration Actually Does

Before setting anything up, it helps to understand what the integration can and cannot do. HubSpot cannot directly read data from Squarespace's native forms or member areas, those stay separate. What it can do:

• Track every visitor who lands on your Squarespace site and record their pages, session time, and return visits in the HubSpot CRM
• Capture form submissions when you use HubSpot forms on Squarespace (replacing or supplementing native forms)
• Identify known contacts when someone who previously submitted a HubSpot form returns to your site
• Trigger workflows based on page visits, form completions, or contact properties

What it cannot do without third-party tools: sync Squarespace native form submissions to HubSpot automatically, or pull Squarespace e-commerce order data into the CRM without a connector like Zapier. For a broader look at what integrations Squarespace supports, our guide to integrating third-party tools and extensions covers the full range of options.

Which HubSpot Plan You Actually Need

The HubSpot free plan covers the core integration needs for most Squarespace businesses: the tracking code, unlimited contacts, forms, basic email marketing, and simple workflows. You do not need to pay for HubSpot to get meaningful value from connecting it to Squarespace.

Paid HubSpot plans add features like ad retargeting based on site visits, advanced workflow branching, A/B testing for emails, predictive lead scoring, and deeper reporting. For most small businesses using Squarespace, the free plan handles everything the basic integration requires. Start free and upgrade only if you hit a specific limitation.

Method 1: Install the HubSpot Tracking Code

The tracking code method is the fastest way to connect HubSpot and Squarespace. It takes about 5 minutes and works on any HubSpot plan including free.

Step 1: Find Your HubSpot Tracking Code

Log into your HubSpot account. Go to Settings (gear icon, top right) > Tracking & Analytics > Tracking Code. Copy the full JavaScript snippet. It starts with <script type="text/javascript" id="hs-script-loader" and ends with </script>.

Step 2: Add the Code to Squarespace

In your Squarespace editor, go to Settings > Advanced > Code Injection. Paste the HubSpot tracking code into the Header field. Click Save. This adds the tracking code to every page on your site. For Code Injection access, you need the Squarespace Business plan or higher. Our guide to Squarespace code injection covers how this field works.

Step 3: Confirm the Connection Is Working

After saving, visit your live Squarespace site in a browser. Wait 1 to 2 minutes, then check HubSpot under Reports > Analytics Tools > Traffic Analytics. Your visit should appear. If nothing shows up after 5 minutes, clear your browser cache and revisit, some browsers block tracking scripts in private/incognito mode.

Method 2: Add HubSpot Forms to Squarespace

HubSpot forms are separate from the tracking code. Adding a HubSpot form to Squarespace routes submissions directly into the HubSpot CRM and can trigger workflows, sequences, and lead scoring automatically.

When HubSpot Forms Beat Squarespace Native Forms

Use HubSpot forms when you need contacts automatically added to specific lists, workflows triggered on submission, or form data tied to contact records in the CRM. HubSpot forms also support progressive profiling, showing different fields based on what you already know about a returning visitor, which native Squarespace forms cannot do.

When to Keep Squarespace Native Forms

Stick with native Squarespace forms when the submission needs to trigger a Squarespace-native action: sending an automated order confirmation, adding someone to a Squarespace Members Area, or storing form data within Squarespace itself. Replacing these forms with HubSpot forms breaks the Squarespace-side functionality. Our guide to adding forms to Squarespace covers what native forms support.

How to Embed a HubSpot Form on Squarespace

In HubSpot, go to Marketing > Lead Capture > Forms. Create or open a form, click Actions, and choose Share. Copy the embed code. In Squarespace, add a Code Block to the page where you want the form. Paste the embed code into the Code Block. The form renders on your live site and all submissions feed directly into HubSpot. Our guide to Squarespace pop-ups covers another way to display forms without a dedicated form page.

Setting Up Workflows After You Connect

Automated Lead Follow-Up

Once HubSpot forms are live on Squarespace, create a simple enrollment trigger: when a contact submits your contact form, enroll them in a 3-email follow-up sequence. Set delays between emails (day 1, day 3, day 7) and write each email to address a different objection or piece of value. In HubSpot, this lives under Automation > Workflows. Our guide to email marketing covers what to include in follow-up sequences.

Contact Segmentation by Page Visited

Use HubSpot's list segmentation to group contacts by which Squarespace pages they visited. For example, anyone who visited your pricing page but did not submit a form is a warm lead who needs a direct follow-up. Build a HubSpot list filtered by page URL (containing "/pricing") and create a workflow that notifies your sales team or sends a targeted email to that segment.

HubSpot Analytics vs Squarespace Analytics

Running both tools at once means you have two sets of traffic data. They will not match perfectly, and that is normal. Use each for what it does best:

Squarespace Analytics is best for overall traffic trends, referrer sources, page-level engagement (unique visitors, time on page), and commerce metrics (sales, revenue, conversion rate). It covers your full site without any setup. Our guide to Squarespace analytics covers every report available.

HubSpot Analytics is best for contact-level data: who specifically visited, what pages they viewed across multiple sessions, what forms they submitted, and how they moved through your sales funnel. Where Squarespace shows aggregate behavior, HubSpot shows individual contact timelines.

Do not try to reconcile the two number-for-number. Use Squarespace for site-wide decisions and HubSpot for lead-level sales decisions.

Common Integration Problems and Fixes

Tracking Code Not Firing

If HubSpot shows no traffic after 24 hours, first check that the tracking code was pasted into the Squarespace Header (not Footer) in Code Injection. Then view your live site's page source and search for "hs-script-loader", if it does not appear, the code was not saved. Re-paste and save again. Also confirm Code Injection is not blocked by any browser extension or ad blocker you are using to test. Revisit in a standard browser without extensions to check.

Form Submissions Not Appearing in HubSpot

HubSpot embed code forms require an internet connection to submit, if you tested on a local version of the page, submissions will not register. Also check that the HubSpot form's submission notification is not filtered into spam. If the form submits but contacts do not appear in the CRM, check the form's settings under Submission Options to confirm data is being stored. For API-based integrations, also verify the API key is current and has not expired.

Conflicts with Other Squarespace Extensions

Third-party scripts added to Squarespace via Code Injection can sometimes conflict with the HubSpot tracking code, particularly analytics tools that also use the window.dataLayer or set their own global variables. If tracking stops working after adding another integration, disable extensions one at a time to find the conflict. Our guide on Squarespace integrations covers compatibility considerations when running multiple third-party tools.

Getting More from the Integration

Once tracking and forms are working, three quick wins expand what you get from the connection:

Connect your Squarespace store to HubSpot via Zapier. Squarespace does not natively sync order data to HubSpot. A Zapier automation can pass new order details (customer name, email, product, order value) into HubSpot as a deal or contact property. This lets you segment customers by purchase history and create post-purchase email sequences.

Set up HubSpot chat on Squarespace. The same Code Injection approach that adds the tracking code also works for HubSpot's live chat widget (part of the free plan). Add the HubSpot conversations embed code to show a chat widget on specific Squarespace pages without a separate integration.

Use HubSpot pop-ups instead of Squarespace pop-ups. HubSpot's free marketing tools include pop-up forms with targeting rules (trigger after 30 seconds, on exit intent, after 50% scroll). These sync submissions directly to the CRM and can be more targeted than Squarespace's built-in promotional pop-ups. For Squarespace support when configuring advanced features, the help center covers Code Injection in detail. For marketing tools, our guide to Squarespace marketing tools covers the native options available before adding third-party tools.

Connect and Configure

The HubSpot-Squarespace integration takes about 15 minutes to set up and delivers meaningful value immediately: every visitor tracked, every form submission in your CRM, and the ability to follow up with leads automatically. Install the tracking code first, confirm it's working, then add HubSpot forms where it makes sense for your site. The more of the integration you configure, the more of your Squarespace traffic turns into actionable contacts.