> ## 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.

# Drift

> Add a chat widget for real-time customer conversations.

Adding a **Drift** script to your Navattic demos will allow the Drift chat widget to pop up in your Navattic demo. This allows your team to chat with customers as they view the demo.

### Add a Drift chat widget to your demos

Follow these steps to add Drift to your Navattic demos:

<Steps>
  <Step title="Locate your Drift Script Key">
    To enable this tracking script, you'll need to find your Drift Script Key. To find this, log into Drift > go to Settings > App Settings > Drift Widget > and expand the JavaScript section under Install. Find your Drift Script Key as shown highlighted below.

    <img src="https://mintcdn.com/navattic-app/X_En9YFaQPnGBJkK/images/drift-3.png?fit=max&auto=format&n=X_En9YFaQPnGBJkK&q=85&s=05b428d2a741bf11a5aab082e1c847c8" size="50" width="300" height="168" position="center" caption="Drift Script Key" alt="" data-path="images/drift-3.png" />
  </Step>

  <Step title="Add your Drift Script Key to Navattic Demos">
    Visit your **Navattic demo** > click the three dots next to the Share button > **Tracking
    scripts**. Paste your Drift Script Key into the Drift input field. Once the Drift key is added,
    publish your demo in Navattic.
  </Step>

  <Step title="Hold Conversations in Drift">
    Drift will automatically pop up inside the demo, and viewers can hold conversations with your team from inside.

    * These conversations will show up in the "Conversations" tab of Drift.
    * These conversations will use the demo URL as the URL.

    <Frame>
      <img src="https://mintcdn.com/navattic-app/X_En9YFaQPnGBJkK/images/drift-2.png?fit=max&auto=format&n=X_En9YFaQPnGBJkK&q=85&s=239e57ff732656c2a5a08ecadf434fd4" alt="" width="2824" height="1444" data-path="images/drift-2.png" />
    </Frame>
  </Step>
</Steps>