Storylane Docs
PRODUCT RELEASESPLAYBOOKS
  • πŸ‘‹Welcome to Storylane
  • πŸ“šStorylane Playbooks
  • πŸš€Quick Start Guide
    • Planning your Demo
  • ⭐Demo Type Examples
  • πŸ“ΈRECORDING DEMOS
    • Recording - Overview
    • HTML Demo
    • Screenshot Demo
    • Mobile Demo
  • πŸ’»EDITING DEMOS
    • Guides & Chapters
      • Adding Guided Steps
        • Adding Video Clips
        • Editing Video Clips
      • Customizing Steps
      • AI Assist
      • Chapters & Product Tour
    • Editing Screens
      • Cover, Fit, and Fill
    • Personalization
      • Personalize from Lead Form
      • Personalize from URL params
    • Sandbox Demo
      • Presenter Notes
    • Videos & Voiceovers
    • Demo Settings
      • Convert CTA Button
  • 🎊SHARING DEMOS
    • Sharing - Overview
    • Embed
    • Share Link
    • Via Email Campaigns
      • Share via Gmail Plugin
    • Socials
    • Download
    • Link Security
    • Conference Mode
  • 🌟Lily AI
    • Overview: Meet Lily
    • Lily For Demo Creation πŸš€
      • Create & Improve with AI
      • AI Video Avatars
      • AI Voiceovers
      • AI HTML Editor
    • Coming Soon: Lily for Buyer Discovery πŸ”
  • 🌐DEMO HUB
    • Demo Hub Overview
    • Demo Hub Configuration
    • Demo Hub Analytics
  • πŸ“ˆTRACKING AND ANALYSING
    • Lead Capturing
    • Lead Attribution
    • UTM Tracking
    • Account-Level Insights
    • Viewer Data Enrichment
    • Usage Tracking
      • Analyzing Demo Performance
  • πŸ”—Integrations
    • Integrations
      • HubSpot
        • HubSpot Lead Forms
        • Hubspot Integration Features
        • Hubspot Website Embeds
        • Storylane App for HubSpot
        • Matching HubSpot Tokens to Storylane Tokens
      • Marketo
        • Marketo Lead Forms
      • Pardot
        • Custom Pardot Form
      • Salesforce
        • Storylane App for Salesforce
      • Slack
      • FreshSales
      • Dynamics 365
      • Zapier
      • Google Analytics
      • Gmail
      • Segment
      • Intercom
      • Clearbit
      • SourceForge
      • G2
      • Webhooks
      • Cross-Frame Events
      • External API
  • πŸ€“Account
    • Managing Demos
    • Managing Team
    • Branding
      • Custom Theme
      • Custom Domain
    • GDPR Compliance
    • SSO
    • FAQs
      • How and Why to use Cookie Tracking?
      • How to capture HTML screens from multiple tabs?
      • How to edit the background of a screen with a pop-up?
      • How to copy a chapter to a demo?
      • How to add pop-up message for non-clickable elements?
      • How to Add/Embed a Storylane Demo in a Zendesk Article
      • Customizing and Tracking Demo URL Links
      • How to combine Desktop and Mobile captures?
      • If I Cancel My Subscription, What Happens To My Demos?
      • What accessibility standards do you support?
      • How to add or subtract a Date & Time token?
      • Why is part of my screen cut off in a demo?
      • How to Install & Connect Storylane via HubSpot Marketplace?
      • How do I send data to 6Sense?
      • Lead Attribution Tracking?
      • How to record a video avatar?
      • How to rearrange folders?
      • Do I need to update my cookie policy if I use Storylane?
      • Is it possible to connect a LinkedIn tracking pixel to Storylane?
Powered by GitBook
On this page
  • Example: Storylane URL with HubSpot Tokens
  • Understanding Tokens
  • Step-by-Step Instructions
  • 1. Set Up Tokens in HubSpot
  • 2. Map Tokens in Storylane
  • 3. Test the URL
  • 4. Share the URL
  • Use Case
  1. Integrations
  2. Integrations
  3. HubSpot

Matching HubSpot Tokens to Storylane Tokens

Dynamically populate contact details like email, first name, or company name into a Storylane demo URL by integrating with HubSpot tokens. These values are seamlessly pulled from your HubSpot CRM.


Example: Storylane URL with HubSpot Tokens

Formatted URL:

?email={{contact.email}}&token[first_name]={{contact.firstname}}&token[company_name]={{contact.companyname}}

Populated URL:

?email=example@storylane.io&token[first_name]=Matt&token[company_name]=Storylane

Understanding Tokens

Example Breakdown:

  • Orange: HubSpot tokens (e.g., {{contact.email}})

  • Pink: Storylane tokens (e.g., token[first_name])

?email={{contact.email}}&token[first_name]={{contact.firstname}}&token[company_name]={{contact.companyname}}

  • The query string starts with ?email={{contact.email}}.

  • Each token is separated by &.

  • Use the word token in the parameter name to map Storylane tokens to Hubspot tokens.


Step-by-Step Instructions

1. Set Up Tokens in HubSpot

  1. Log in to your HubSpot account.

  2. Navigate to Settings > Properties.

  3. Tokens should be setup by default, however identify or create the tokens you need, such as:

    • {{contact.email}}

    • {{contact.firstname}}

    • {{contact.companyname}}

2. Map Tokens in Storylane

  1. Open your Storylane dashboard.

  2. Go to the demo you want to personalize.

  3. Add Storylane tokens where you see fit - example:

  1. In the URL builder, use the following format to map tokens:

?email={{contact.email}}&token[first_name]={{contact.firstname}}&token[company_name]={{contact.companyname}}

3. Test the URL

  1. Before sharing, test the URL by replacing the HubSpot tokens with sample values:

?email=test@example.com&token[first_name]=John&token[company_name]=ExampleCorp
  1. Paste the URL into a browser to ensure it populates correctly.

4. Share the URL

Once tested, you can use the URL in your HubSpot workflows, email templates, or sales outreach.

Use Case

The primary use case is for creating personalized sales leave-behinds. For example, you can generate a Storylane demo URL that dynamically fills in a contact’s details, making it more engaging and relevant.

By following these steps, you can effectively link HubSpot tokens to Storylane tokens and create personalized, impactful sales leave-behinds.

PreviousStorylane App for HubSpotNextMarketo

Last updated 4 months ago

πŸ”—