> ## 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 enables you to create Navattic demo share links directly from within your Highspot Digital Sales Rooms, providing a seamless workflow for adding 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 easily 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>
