# HubSpot Storylane integrates seamlessly with HubSpot, enabling you to: * Sync demo data with existing leads. * Automatically create new leads if they don’t exist. * Create and update accounts with demo data. * Log demo session activity on the HubSpot timeline. * Capture leads directly via HubSpot forms. {% hint style="warning" %} You must have **admin** level permissions to connect any integrations within Storylane {% endhint %} {% hint style="info" %} You can also access the Storylane App directly from the HubSpot sidebar. [Read more.](https://docs.storylane.io/integrations/integrations/hubspot/storylane-app-for-hubspot) {% endhint %} Follow these step-by-step instructions below to set up the integration: *** ### **Step 1: Add the Storylane Code to Your Website (Optional)** This step enables lead attribution tracking. Add the following code snippet to the `` tag of your website: ```javascript (function(){"use strict";function e(t){const r=t.head;if(!r)return;const i=t.querySelector('script[src="https://js.storylane.io/js/v2/storylane.js"]'),n=t.querySelector('script[src="https://js.storylane.io/js/v1/storylane.js"]');if(i||n)return;const s=t.createElement("script");s.type="text/javascript",s.async=!0,s.src="https://js.storylane.io/js/v2/storylane.js",r.appendChild(s)}e(window.document)})(); ``` > 💡 [Learn more about lead attribution here](https://docs.storylane.io/analytics-and-performance/lead-attribution). *** ### **Step 2: Connect HubSpot with Storylane** 1. Access the **HubSpot Integration** section in your Storylane dashboard under **Settings > Integrations**. 2. Click the **Connect** button. 3. Next, setup sidebar groups, record heder cards, and create a custom view. Give it a spin below! ↓ {% @storylane/embed subdomain="app" linkValue="94ugt7nyyhes" url="" %} *** ### **Step 3: Integration Settings** Once your integration is connected, you can configure what information is sent from Storylane to HubSpot. You have two options: * Contact-level data * Company-level data When processing records, the following logic applies: **Contacts** * Contacts are searched and matched by email address. * If the email already exists, the existing contact record is updated. * If the email does not exist, a new contact record is created. * If a contact is already marked as a non-marketing contact in your CRM, this field will not be updated. * The system will only assign the marketing contact status to contacts that it creates. **Companies** * Companies are searched and matched by domain. * If the domain already exists, the existing company record is updated. * If the domain does not exist, a new company record is created. To adjust these settings, locate the Edit Integration icon next to the *Connected* status.
*** ### 💡 **What Data Does Storylane Sync to HubSpot?** #### **Custom Properties** Storylane populates custom fields in HubSpot contacts under the "Storylane" property group. Here's a breakdown:
Property NameApplies ToDescriptionData Type
Storylane SessionsDemo + HubTotal number of sessions (applies to both single demos and Hubs)Integer
Storylane Demo NameDemoName of the most recently viewed demoString
Storylane Demo Viewed AtDemoTimestamp of the most recent demo viewDateTime
Storylane Demo Time (secs)DemoTime spent viewing the demo (seconds)Number
Storylane Demo Complete (%)DemoPercentage of demo steps completedNumber
Storylane Demo LinkDemoLink to the demoString
Storylane CTA ClickedDemo + HubCTA URL clickedString
Storylane Demo Session LinkDemoLink to the specific demo audience sessionString
Storylane Buying IntentDemo + HubEngagement-based intent level (Low / Medium / High)String
Storylane Lead SourceDemo + HubHow the viewer was sourced (e.g. Nurtured, Inbound, Sales)String
Storylane Hub NameHubName of the Hub that was viewedString
Storylane Hub LinkHubLink to the HubString
Storylane Hub Viewed AtHubTimestamp of the most recent Hub viewDateTime
Storylane Hub Viewed Content (%)HubPercentage of Hub content viewedNumber
Storylane Hub Time (secs)HubTotal time spent in the Hub (seconds)Number
***
#### **Custom Events** Each demo session creates a custom timeline activity in HubSpot, and a summary of aggregate metrics from the users' session. Here's a reference below for a demo & buyer hub session:
*** By following these steps, you can efficiently connect Storylane and HubSpot, ensuring seamless lead management and data insights for your demos.