Squarespace is an all-in-one website builder, ecommerce platform, and content management system (CMS). You can use Squarespace to create a website, online store, or blog. HubSpot is a sales and marketing software platform that helps companies attract visitors, convert leads, and close customers.
You can connect HubSpot and Squarespace to share data and work together more efficiently. For example, you can use HubSpot’s tracking code to track visitor activity on your Squarespace site. Or, you can use HubSpot’s forms and pop-ups to collect leads from your Squarespace site.
In this article, we’ll show you how to connect HubSpot and Squarespace. We’ll also provide some tips on how to use HubSpot’s tools with your Squarespace site.
Before you begin
Before you connect HubSpot and Squarespace, there are a few things you need to do:
Install the HubSpot tracking code on your Squarespace site.
Create a form or pop-up in HubSpot.
Get the embed code for your form or pop-up.
Instructions
1. Install the HubSpot tracking code on your Squarespace site
The first thing you need to do is install HubSpot’s tracking code on your Squarespace site. The tracking code allows HubSpot to collect data about visitors to your site, such as their location, the pages they visit, and the actions they take. To install the tracking code:
In your HubSpot account, click the settings icon settings in the main navigation bar.
In the left sidebar menu, navigate to Website Integration > Tracking Code.
Copy the provided JavaScript snippet. In your Squarespace account, click the Home Menu Home Menu icon in the top left corner of the editor.
Hover over Settings, then click Advanced > Code Injection. In the Header section, paste your tracking code snippet and click Save All Changes at the bottom of the page. For more information about installingHubSpot’s tracking code onSquarespace, check outthis help doc fromSquarespace.
2. Create a form or pop-up in HubSpot Next, you need to create a form or pop-up in HubSpot that you want to display on your Squarespace site. Forms and pop-ups allow you to collect leads from website visitors by asking them to fill out a form with their contact information. To create a form or pop-up: In your HubSpot account , click Marketing > Lead Capture > Forms or Marketing > Lead Capture > Popups .
Click Create new , then select either Form or Popup depending on which type of lead capture tool you want to create . Give your form orpop-up a name , then click Create . For more information about creating formsand popups inHubSopt , check outthis help doc .
3. Get the embed code for your form or pop-up Once you’ve created your form or pop-up, you need to get its embed code so you can add it to your Squarespace site . The embed code is a snippet of HTML that allows youto add forms andpopups created inHubSpottoother websites .
To getthe embed code foryour formor popup: InHubSpotalready haveyourformor popup open ,click Publish at the top right . Under Publish Options , select Embed Code . Copythe providedembedcodeforyourformor popupandclick Doneat Atthe bottomof themodal window
4. Addthe embed codetoSquarspaceto displayyourformor popup Now thatyou havetheembedcode foryourformor popup ,you needto add itto YourSquarspacesite sothatthesurveyorswillbeshownwhenvisiting specificpagesyoursquare spacesite InyourownSquareSpaceaccount Squarespacewhileinyoureditorfor specificpageyouwanttoshowtheformorpoup Clickintheareayouwanttoaddtheformorpoupandchoose Embedfromthesitetoolbar Anexternal/newwindowwillopenwithdifferentoptionstoembedcontentintoyoursquare spacechooseEmbedCodeattherightmostsideofthewindow PasteintheCopiedEmbedCodeandClickApplyatYourdesiredlocation willhavetheformorpoup
5 Conclusion NowthatyouhavelearnedhowtoinstallHubspotstrackingcodeonyourSquarespace AndhowtocreateaformorpoupinHubspotgetitsEmbedCodeandfinallyadditto YourdesiredlocationwithinyourSquareSpacesitevisitorswillnowbesurveyedwhen theyvisityourwebsite