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

# Conversation starters

Help visitors start a conversation faster with clickable starter messages in the chat widget.

Conversation starters are short, clickable messages that appear in the chat widget before a visitor sends their first message.

They help visitors quickly choose a topic, such as pricing, support, booking a demo, or product questions. When a visitor clicks a starter, the message is sent as their first chat message.

<Info>
  Conversation starters are available on **all plans** and only appear in the **chat widget**.

  **Limit:** You can create up to **4 conversation starters**. Each starter can contain up to **40 characters**.
</Info>

## Set up conversation starters

<Steps>
  <Step title="Go to Integrations">
    In your Watermelon dashboard, go to **Integrations**.

    <Frame>
      <img src="https://mintcdn.com/watermelon/BodoneTmOT924LHu/images/conversation-starters-1.png?fit=max&auto=format&n=BodoneTmOT924LHu&q=85&s=ec7d982b32009c7660b160ff8fc30b37" alt="Conversation Starters 1" width="1439" height="778" data-path="images/conversation-starters-1.png" />
    </Frame>
  </Step>

  <Step title="Open Chat Widget">
    Select **Chat Widget** from the integrations overview. Open the chat widget you want to edit.

    <Frame>
      <img src="https://mintcdn.com/watermelon/BodoneTmOT924LHu/images/conversation-starters-2.png?fit=max&auto=format&n=BodoneTmOT924LHu&q=85&s=de4383f8f5ef37c0c4239381b98538dd" alt="Conversation Starters 2" width="1439" height="778" data-path="images/conversation-starters-2.png" />
    </Frame>
  </Step>

  <Step title="Open Attract">
    Click **Attract** in the chat widget settings.

    <Frame>
      <img src="https://mintcdn.com/watermelon/BodoneTmOT924LHu/images/conversation-starters-3.png?fit=max&auto=format&n=BodoneTmOT924LHu&q=85&s=a9f44312d88400505da79f2525206464" alt="Conversation Starters 3" width="1439" height="778" data-path="images/conversation-starters-3.png" />
    </Frame>
  </Step>

  <Step title="Enable Conversation starters">
    Scroll down to the **Conversation starters** section. Enable **Conversation starters**.

    <Frame>
      <img src="https://mintcdn.com/watermelon/BodoneTmOT924LHu/images/conversation-starters-4.png?fit=max&auto=format&n=BodoneTmOT924LHu&q=85&s=39d35dce8ca814c6aef7970ce55ae592" alt="Conversation Starters 4" width="1439" height="778" data-path="images/conversation-starters-4.png" />
    </Frame>
  </Step>

  <Step title="Add your starters">
    Add up to **4 conversation starters**.

    Each starter can contain up to **40 characters**.

    <Frame>
      <img src="https://mintcdn.com/watermelon/BodoneTmOT924LHu/images/conversation-starters-5.png?fit=max&auto=format&n=BodoneTmOT924LHu&q=85&s=9acd606ec823748977184ef98cc77755" alt="Conversation Starters 5" width="1439" height="778" data-path="images/conversation-starters-5.png" />
    </Frame>
  </Step>

  <Step title="Place them in the right order">
    Drag and drop the starters into the order you want visitors to see them.
  </Step>

  <Step title="Save your changes">
    Click **Save** to publish your changes to the chat widget.

    <Frame>
      <img src="https://mintcdn.com/watermelon/BodoneTmOT924LHu/images/conversation-starters-6.png?fit=max&auto=format&n=BodoneTmOT924LHu&q=85&s=589c982efa4d59eb2b33df04a42d5e2a" alt="Conversation Starters 6" width="1439" height="778" data-path="images/conversation-starters-6.png" />
    </Frame>
  </Step>
</Steps>

Once saved, the conversation starters will appear in your chat widget.

## Change the order

<Steps>
  <Step title="Go to your chat widget">
    Go to **Integrations** > **Chat Widget** and select the chat widget you want to edit.

    <Frame>
      <img src="https://mintcdn.com/watermelon/BodoneTmOT924LHu/images/conversation-starters-1.png?fit=max&auto=format&n=BodoneTmOT924LHu&q=85&s=ec7d982b32009c7660b160ff8fc30b37" alt="Conversation Starters 1" width="1439" height="778" data-path="images/conversation-starters-1.png" />
    </Frame>
  </Step>

  <Step title="Open Attract and scroll down to Conversation starters">
    Click **Attract**. Scroll down to the **Conversation starters** section.

    <Frame>
      <img src="https://mintcdn.com/watermelon/BodoneTmOT924LHu/images/conversation-starters-3.png?fit=max&auto=format&n=BodoneTmOT924LHu&q=85&s=a9f44312d88400505da79f2525206464" alt="Conversation Starters 3" width="1439" height="778" data-path="images/conversation-starters-3.png" />
    </Frame>
  </Step>

  <Step title="Reorder the starters">
    Drag and drop the starters into the order you want.

    <Frame>
      <img src="https://mintcdn.com/watermelon/BodoneTmOT924LHu/images/conversation-starters-7.png?fit=max&auto=format&n=BodoneTmOT924LHu&q=85&s=efb2b0977dca539b0e115b0555899842" alt="Conversation Starters 7" width="1439" height="778" data-path="images/conversation-starters-7.png" />
    </Frame>
  </Step>

  <Step title="Save your changes">
    Click **Save** to save your changes.

    <Frame>
      <img src="https://mintcdn.com/watermelon/BodoneTmOT924LHu/images/conversation-starters-6.png?fit=max&auto=format&n=BodoneTmOT924LHu&q=85&s=589c982efa4d59eb2b33df04a42d5e2a" alt="Conversation Starters 6" width="1439" height="778" data-path="images/conversation-starters-6.png" />
    </Frame>
  </Step>
</Steps>

The order you set here is the order visitors will see in the chat widget.

## Disable conversation starters

<Steps>
  <Step title="Go to your chat widget">
    Go to **Integrations** > **Chat Widget** and select the chat widget you want to edit.

    <Frame>
      <img src="https://mintcdn.com/watermelon/BodoneTmOT924LHu/images/conversation-starters-1.png?fit=max&auto=format&n=BodoneTmOT924LHu&q=85&s=ec7d982b32009c7660b160ff8fc30b37" alt="Conversation Starters 1" width="1439" height="778" data-path="images/conversation-starters-1.png" />
    </Frame>
  </Step>

  <Step title="Open Attract and scroll down to Conversation starters">
    Click **Attract**. Scroll down to the **Conversation starters** section.

    <Frame>
      <img src="https://mintcdn.com/watermelon/BodoneTmOT924LHu/images/conversation-starters-3.png?fit=max&auto=format&n=BodoneTmOT924LHu&q=85&s=a9f44312d88400505da79f2525206464" alt="Conversation Starters 3" width="1439" height="778" data-path="images/conversation-starters-3.png" />
    </Frame>
  </Step>

  <Step title="Turn off Conversation starters">
    Disable **Conversation starters**.

    <Frame>
      <img src="https://mintcdn.com/watermelon/BodoneTmOT924LHu/images/conversation-starters-8.png?fit=max&auto=format&n=BodoneTmOT924LHu&q=85&s=5d39d9668694f00f0a0cddd2e58bf141" alt="Conversation Starters 8" width="1439" height="778" data-path="images/conversation-starters-8.png" />
    </Frame>
  </Step>

  <Step title="Save your changes">
    Click **Save** to save your changes.

    <Frame>
      <img src="https://mintcdn.com/watermelon/BodoneTmOT924LHu/images/conversation-starters-9.png?fit=max&auto=format&n=BodoneTmOT924LHu&q=85&s=46afc5c78f8ded5cb0864444845cbbbf" alt="Conversation Starters 9" width="1439" height="778" data-path="images/conversation-starters-9.png" />
    </Frame>
  </Step>
</Steps>

After you save, visitors will no longer see the starters in the chat widget.

## Best practices

<CardGroup cols={2}>
  <Card title="Keep them short">
    Use clear and simple messages. Visitors should immediately understand what will happen when they click.
  </Card>

  <Card title="Focus on common questions">
    Add starters for the topics visitors ask about most often, such as pricing, support, or product details.
  </Card>

  <Card title="Use action-oriented text">
    Write starters like actions, for example “Book a demo” or “View pricing”.
  </Card>

  <Card title="Put the most useful starter first">
    Place the starter visitors are most likely to need at the top.
  </Card>
</CardGroup>
