> For the complete documentation index, see [llms.txt](https://docs.storylane.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.storylane.io/integrations/integrations-and-data-flow/hubspot/storylane-app-for-hubspot.md).

# Storylane App for HubSpot

### Prerequisites

1. **Install the App**\
   To get started, install [the **Storylane App for HubSpot** from the HubSpot App Marketplace](https://ecosystem.hubspot.com/marketplace/apps/storylane-385060).
2. **Integrate Storylane with HubSpot**\
   For the app to work seamlessly, you must [integrate Storylane with HubSpot](https://app.storylane.io/integrations) to enable API-level data sharing.

### **How it Works?** <a href="#how-it-works" id="how-it-works"></a>

Here is a quick interactive demo of how it works 👇

{% @storylane/embed subdomain="app" linkValue="4zf5t1dx4bjl" url="<https://app.storylane.io/share/4zf5t1dx4bjl>" %}

### Step 1: Add the Storylane Card to HubSpot's Contact Sidebar

1. Navigate to Contact Edit Layout in your HubSpot account.
2. Locate and add the Storylane card to the contact sidebar.
3. Click Save and Exit to apply your changes.

<div align="left"><figure><img src="/files/kml7uwZJUAFIZwnAm8NE" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/1puikQ4YuNIBMXI7T0t4" alt="" width="563"><figcaption></figcaption></figure></div>

### Step 2: Access the Storylane Extension

1. Open a contact record in HubSpot.
2. Click the Storylane Demo button located in the sidebar.
3. A modal iframe will open. Log in using your Storylane credentials.

<div align="left"><figure><img src="/files/Kq6dldYzP91FcOmswUAU" alt="" width="563"><figcaption></figcaption></figure></div>

### Step 3: Copy and Share Tokenized Demo Links

1. Once logged in, you’ll see a list of available demos.
2. Click Copy Link next to the desired demo to copy the tokenized URL to your clipboard.
   1. If the contact email exists, a tokenized URL will be copied.
   2. If the contact email is missing, the default demo URL will be copied instead.

<div align="left"><figure><img src="/files/V46f9jHIc2e8vf6UqR9v" alt="" width="563"><figcaption></figcaption></figure></div>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.storylane.io/integrations/integrations-and-data-flow/hubspot/storylane-app-for-hubspot.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.