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

# Deploy

> Ship your agent to web, mobile, and messaging channels

The **Deploy** sidebar section lists every channel profile your agent can ship to:

| Item               | Opens                                                           |
| ------------------ | --------------------------------------------------------------- |
| **All channels**   | Overview of Chat widget, SaaS app, and Mobile app deploy status |
| **Chat widget**    | Website widget, inline panel, and standalone app URL            |
| **SaaS app**       | Full-screen web drawer profile for authenticated apps           |
| **Mobile app**     | React Native SDK profile for iOS and Android                    |
| **Playground**     | Quick preview running on the same runtime as production         |
| **Compare models** | Side-by-side model comparison                                   |
| **API keys**       | Workspace key management                                        |

<CardGroup cols={2}>
  <Card title="Web embed" icon="globe" href="/user-guides/deploy/web-widget">
    Website widget and inline panel snippets. **Stable**
  </Card>

  <Card title="SaaS app" icon="panel-right" href="/user-guides/deploy/saas-app">
    Right-side drawer setup for authenticated apps. **Stable**
  </Card>

  <Card title="React Native" icon="mobile-screen" href="/user-guides/deploy/react-native">
    Mobile app profile for iOS and Android. **Beta**
  </Card>

  <Card title="Navigation routes" icon="route" href="/developer-guides/navigation-routes/navigation-routes">
    Deeplink answers for "how do I..." questions. **Stable**
  </Card>

  <Card title="WhatsApp" icon="comment-sms" href="/user-guides/deploy/whatsapp">
    Twilio WhatsApp via Integrations. **Beta**
  </Card>

  <Card title="Voice" icon="phone" href="/user-guides/deploy/voice">
    Phone and telephony. **Beta**
  </Card>
</CardGroup>

<Note>
  **Contacts** and **Segments** appear as a separate sidebar section with placeholder UI today. They are **Planned**.
</Note>

## Recommended order

<Steps>
  <Step title="Test in Playground">
    Start a **New test session** and confirm knowledge answers and actions work in the live preview.
  </Step>

  <Step title="Configure guardrails">
    Set topics, PII filters, and rate limits under **Agent settings > Security**.
  </Step>

  <Step title="Pick a channel">
    Use **Deploy > Chat widget > Embed** for the website widget or inline panel, or **Deploy > Mobile app** for the React Native SDK.
  </Step>

  <Step title="Monitor conversations">
    Anonymous web embed visitors appear under **Chat logs**. Identified, escalated, or channel-specific threads appear in **Inbox**.
  </Step>
</Steps>