> ## Documentation Index
> Fetch the complete documentation index at: https://docs.navattic.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Highspot

> Create and share demos from within Highspot Digital Sales Rooms.

<Frame>
  <img src="https://mintcdn.com/navattic-app/S78wH2b0EdiqBhU8/images/highspot_integration_3.png?fit=max&auto=format&n=S78wH2b0EdiqBhU8&q=85&s=c1c5805460d022fa9a2593cd826aba38" alt="Highspot integration dashboard" className="overflow-hidden rounded-xl border" width="3024" height="1634" data-path="images/highspot_integration_3.png" />
</Frame>

Sales reps can create and share demos from within <img src="https://mintcdn.com/navattic-app/CaLa6x42vs1NHRL9/images/highspot.svg?fit=max&auto=format&n=CaLa6x42vs1NHRL9&q=85&s=7836c897b621092ddaf766e9ebab7b02" alt="Highspot Logo" className="h-4 w-4 inline-block m-0 -mt-px" width="54" height="54" data-path="images/highspot.svg" /> **Highspot** Digital Sales Rooms.

The Highspot integration lets you create Navattic demo share links directly from your Highspot Digital Sales Rooms. Use it to add interactive demos to your sales content.

<Info>
  The Highspot integration requires admin-level setup in Highspot. Once configured, users can access
  the Navattic integration button within Highspot Digital Sales Rooms.
</Info>

## Admin setup

Make sure you enable Navattic integration first by navigating to:

`Company Settings` → `Cloud Services` → `Navattic`

Then a new Navattic block will be visible in Digital Room

<Info>
  Only workspace admins can perform the initial Highspot integration setup. Once configured, all
  workspace members can access the integration within their Digital Sales Rooms.
</Info>

## How to create a demo in Highspot

<Steps>
  <Step title="Open a Highspot Digital Sales Room">
    Open a Highspot Digital Sales Room where you want to add the demo.
  </Step>

  <Step title="Choose Integrations → Navattic">
    Choose Integrations → Navattic from the Digital Room Builder.

    <Frame>
      <img src="https://mintcdn.com/navattic-app/S78wH2b0EdiqBhU8/images/highspot_integration_1.png?fit=max&auto=format&n=S78wH2b0EdiqBhU8&q=85&s=475509d6fa105e1e1c4ee170aa4664f0" alt="Choose Integrations Navattic" className="overflow-hidden rounded-xl border" width="3024" height="1634" data-path="images/highspot_integration_1.png" />
    </Frame>
  </Step>

  <Step title="Launch the Navattic iframe">
    This will launch the Navattic authenication window. Select Link Account to authenticate.

    <Frame>
      <img src="https://mintcdn.com/navattic-app/S78wH2b0EdiqBhU8/images/highspot_integration_2.png?fit=max&auto=format&n=S78wH2b0EdiqBhU8&q=85&s=8ef298752f547c7f088b39df3b5f5af7" alt="Navattic iframe launched" className="overflow-hidden rounded-xl border" width="3024" height="1634" data-path="images/highspot_integration_2.png" />
    </Frame>
  </Step>

  <Step title="Create a demo link within Navattic">
    Create a demo share link within Navattic.

    <Frame>
      <img src="https://mintcdn.com/navattic-app/S78wH2b0EdiqBhU8/images/highspot_integration_3.png?fit=max&auto=format&n=S78wH2b0EdiqBhU8&q=85&s=c1c5805460d022fa9a2593cd826aba38" alt="Assign demo to Spot" className="overflow-hidden rounded-xl border" width="3024" height="1634" data-path="images/highspot_integration_3.png" />
    </Frame>
  </Step>

  <Step title="Assign the demo to a Spot">
    Once a demo has been created, assign it to a Spot using the Spot dropdown. Select Add once completed.

    <Frame>
      <img src="https://mintcdn.com/navattic-app/S78wH2b0EdiqBhU8/images/highspot_integration_4.png?fit=max&auto=format&n=S78wH2b0EdiqBhU8&q=85&s=70ff33c8751a5c079cd52f541d488042" alt="Assign demo to Spot" className="overflow-hidden rounded-xl border" width="3024" height="1634" data-path="images/highspot_integration_4.png" />
    </Frame>
  </Step>

  <Step title="Demo added to Digital Room">
    Once created, the demo will be added to your Digital Sales Room.
  </Step>
</Steps>

## Common Use Cases

* **Sales Enablement**: Sales reps add interactive product demos to their Highspot Digital Sales Rooms, making demos accessible to prospects browsing the room.

* **Personalized Sales Rooms**: Create personalized demo experiences within Highspot rooms for different prospects or segments, enhancing engagement and relevance.

* **Content Organization**: Organize interactive demos alongside other sales materials in Highspot Digital Sales Rooms for comprehensive sales enablement.

* **Prospect Engagement**: Prospects can interact with demos directly within the Highspot Digital Sales Room, providing a seamless experience without leaving the room.

## FAQs

<AccordionGroup>
  <Accordion title="I'm not able to see the Navattic button in Highspot">
    Check the following: 1. Highspot admin has added Navattic integration 2. You have permissions to
    use integrations in Highspot 3. The integration URL is correctly configured:
    `https://app.navattic.com/integration/highspot/email-editor` 4. You're viewing a Digital Sales
    Room (not just email composer) 5. Try refreshing the page
  </Accordion>

  <Accordion title="Failed to connect or authenticate">
    This can occur due to several reasons: 1. **Authentication issues**: Verify you can log into
    Navattic normally 2. **Session issues**: Try clearing browser cookies and retrying 3. **Network
    issues**: Check your internet connection 4. **Popup blockers**: Ensure popup blockers aren't
    interfering 5. **CSP errors**: Check browser console for Content Security Policy errors - the
    integration requires proper CSP configuration If you see "app.navattic.com refused to connect"
    errors, this indicates a Content Security Policy issue that needs to be resolved by your admin.
  </Accordion>

  <Accordion title="Demo doesn't appear in my room">
    Troubleshooting steps: 1. Check browser console for JavaScript errors 2. Verify the demo was
    created successfully 3. Try refreshing the Highspot Digital Sales Room 4. Ensure you completed all
    steps in the demo creation process 5. Check that the demo link was successfully generated
  </Accordion>

  <Accordion title="Content Security Policy (CSP) errors">
    If you see CSP errors in the browser console like "Refused to frame '[https://app.navattic.com/](https://app.navattic.com/)'",
    this means: 1. The integration requires proper CSP configuration in Highspot 2. The CSP must allow
    framing from `https://*.highspot.com` 3. Contact your Highspot admin to configure the CSP headers
    correctly 4. The CSP configuration should include: `frame-ancestors 'self' https://*.highspot.com`
  </Accordion>

  <Accordion title="Can I create multiple demos in one room?">
    Yes, you can create multiple demos and add them to your Highspot Digital Sales Room. Each demo
    will be independent and can be placed in different sections of your room as needed.
  </Accordion>

  <Accordion title="What happens to my demo data?">
    Demo data remains in your Navattic account. The integration creates share links that are added
    to your Highspot Digital Sales Room. Engagement data is tracked in Navattic, and you can monitor
    demo performance through Navattic's analytics.
  </Accordion>
</AccordionGroup>

## Crafting emails with demos best practices

Read best practices for crafting emails based on use cases:

<CardGroup cols={2}>
  <Card horizontal title="Outbound" icon="mail-check" href="/launchpad/use-cases/outbound" />

  <Card horizontal title="Pre-call discovery" icon="package-check" href="/launchpad/use-cases/pre-call-discovery" />

  <Card horizontal title="Post-call followup" icon="user-round-check" href="/launchpad/use-cases/post-call" />
</CardGroup>

## Related resources

<CardGroup>
  <Card title="Share demos" icon="share-2" href="/launchpad/share/demos">
    Learn how to create and share demos in Launchpad
  </Card>

  <Card title="Monitoring activity" icon="activity" href="/launchpad/tracking/monitoring-activity">
    Track and monitor demo engagement activity
  </Card>

  <Card title="Email alerts" icon="mail" href="/launchpad/tracking/email-alerts">
    Learn about email notifications for demo engagement
  </Card>
</CardGroup>
