# Storylane App for Salesforce

The Storylane App for Salesforce streamlines demo sharing by allowing users to log into Storylane, generate a demo URL, and automatically copy it to their clipboard, directly from Salesforce.&#x20;

There are two options/views to access Storylane in Salesforce and share demos:

* [**Button View**](#option-1-button-view): Add a "Storylane Demo" quick action button to the Opportunity record page.
* [**Tab View**](#option-2-tab-view): Add the Storylane Lightning Web Component (LWC) as a separate tab on the Opportunity record page.

### Prerequisites

1. **Install the App**\
   To get started, install [the **Storylane App for Salesforce** from the Salesforce AppExchange](https://appexchange.salesforce.com/appxListingDetail?listingId=afc912b9-7143-410d-a2f5-8ca49c9b9ceb)<br>
2. **Integrate Storylane with Salesforce**\
   For the app to work seamlessly, you must [integrate Storylane with Salesforce](https://app.storylane.io/integrations) to enable API-level data sharing.

### **How it Works?**

Here is a quick interactive demo of how it works 👇

{% @storylane/embed subdomain="renee" linkValue="2vzyiqakolbh" url="<https://renee.storylane.io/demo/2vzyiqakolbh>" %}

### **Option 1: Button View**

1. **Add the "Storylane Demo" Button**
   * A custom button ("Get a Demo") is added as a Quick Action on the Opportunity record page.
   * When clicked, the iframe loads the Storylane login page directly within Salesforce.

<div align="left"><figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2FSmor2dkPurUhNzPtZ8Qw%2FScreenshot%202024-12-27%20at%2016.56.26.png?alt=media&#x26;token=0b58bc59-256e-4732-818d-756c2c98aef3" alt="" width="563"><figcaption></figcaption></figure></div>

2. **Log in to Storylane and Browse Demos**
   * Click the **“Get a Demo”** button on the Opportunity record page.
   * The **Storylane login page** will load in the iframe. Log in using your credentials.
   * After logging in, browse through the demos to select the right one.

<div align="left"><figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2Fdwa0QX4L4vhevBKGR4sU%2FScreenshot%202024-12-27%20at%2016.59.32.png?alt=media&#x26;token=bae00c35-00c5-4235-a420-1ab3563e6bfb" alt="" width="563"><figcaption></figcaption></figure></div>

3. **Generate and Copy Demo Links**

* Click the **“Copy Link”** button next to your chosen demo.
* The opportunity-specific data (e.g., **Opportunity ID and Name**) is automatically and securely sent to Storylane.

<div align="left"><figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2Fsa6DL8IRBPsG4wYqpWuq%2FScreenshot%202024-12-27%20at%2016.59.38.png?alt=media&#x26;token=a40507d1-9e92-4cb2-9a55-de802439571f" alt="" width="563"><figcaption></figcaption></figure></div>

4. **Receive the Demo URL**

* Storylane generates a **default demo URL** based on the transmitted Opportunity details.
* The URL is then sent back to Salesforce in real-time.

5. **Copy the URL to Your Clipboard**

* Once the **default demo URL** is received, it is automatically copied to your clipboard.
* You can now seamlessly share the demo link with your prospects.

<div align="left"><figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2FZXqugKGA04rwnjK7rfMH%2FSTSF.webp?alt=media&#x26;token=3510be50-d1da-408d-82a1-cd2f7ba445d7" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="info" %}
The behavior of the "Copy Link" Button

* **No Opportunity Contact Roles**: The Storylane Demo Base URL is copied to the clipboard.
* **Opportunity Contact Role**: The Storylane Demo **Tokenized** URL is copied to the clipboard.
  {% endhint %}

### Option 2: Tab View

You can add the "Storylane Demo" LWC to the Opportunity record page in a separate tab.

1. **Navigate to Opportunity Record Page**

* Access the Opportunity record page
* Click the "Edit Page" button

<div align="left"><figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2Fqb0j9g8IXhblXnDiyWrA%2FScreenshot%202025-01-15%20at%2016.48.06.png?alt=media&#x26;token=ec480545-2f23-4fa3-a6b1-19927571ac9b" alt="" width="563"><figcaption></figcaption></figure></div>

2. **Add a New Tab for Storylane**

* Locate the tabs section
* Create a new tab dedicated to Storylane

<div align="left"><figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2FHV1PSYl74eAOSJfjQodT%2FScreenshot%202025-01-15%20at%2016.48.43.png?alt=media&#x26;token=664a3594-e68e-4c0c-a4fc-9e3879fa1057" alt="" width="563"><figcaption></figcaption></figure></div>

3. **Add the Storylane LWC to the Tab**

* Drag and drop the Storylane LWC component into the new tab

<div align="left"><figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2FlLkbeNjyyxa0cjFmNCFT%2FScreenshot%202025-01-15%20at%2016.50.46.png?alt=media&#x26;token=5cd4f118-8b47-4fc0-9911-731304bf24d5" alt="" width="563"><figcaption></figcaption></figure></div>

4. **Activate and Save the Page**

* After completing these steps, you can access Storylane directly from the Opportunity record page tab.

<div align="left"><figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2Fl9jShbOIO4XkwpVgiqSJ%2FScreenshot%202025-01-15%20at%2017.03.07.png?alt=media&#x26;token=8b0fe9af-057a-4c0d-8191-726317fc4c0b" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="https://2431356420-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FN8hWd9k2Pbb6YSWO4pUQ%2Fuploads%2FZJ0jli3zEG1XPhnjaSYw%2FScreenshot%202025-01-15%20at%2017.03.45.png?alt=media&#x26;token=e551e71c-5e18-4921-9354-21016182b903" alt="" width="563"><figcaption></figcaption></figure></div>

5. **Log in to Storylane and Browse Demos**

* Click the **“Get a Demo”** button on the Opportunity record page.
* The **Storylane login page** loads in the iframe. Log in using your credentials and browse demos.

6. **Generate and Copy Demo Links**

* Click the **“Copy Link”** button next to your chosen demo.
* The opportunity-specific data (e.g., **Opportunity ID and Name**) is automatically and securely sent to Storylane.

7. **Receive the Demo URL and Copy the URL to Your Clipboard**

* Storylane generates a **default demo URL** based on the transmitted Opportunity details.
* The URL is then sent back to Salesforce in real-time.
* Once the **default demo URL** is received, it is automatically copied to your clipboard.
* You can now seamlessly share the demo link with your prospects.

***

## **Storylane Permission Set: Resolving Apex Class Access Issues for Salesforce Users**

**Issue ->** Salesforce users with restricted permissions may encounter **Apex Class access issues** when using Storylane features.

**Solution ->** To resolve this, a **Salesforce Administrator** must assign the **Storylane PermissionSet** to the affected user.

**Steps to Assign the Storylane PermissionSet:**

1. **Log in** to Salesforce as an **Administrator**.
2. Navigate to **Setup > Users > Permission Sets**.
3. Locate **Storylane PermissionSet** in the list.
4. Click on the **permission set**, then select **Manage Assignments**.
5. Click **Add Assignments** and select the users who need access.
6. Click **Assign** to apply the required permissions.

***

{% hint style="info" %}
If you need help or have any questions, feel free to contact us at <support@storylane.io>.
{% endhint %}
