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

# Widget Deployment

> Complete guide to deploying your widget and integrating it into your website

## Overview

Deploying your widget makes it live and accessible to your website visitors. This guide covers the deployment process, script tag integration, domain configuration, and monitoring your widget's performance once it's live.

## Key Deployment Features

<CardGroup cols={2}>
  <Card title="Script Integration" icon="code">
    Get the embed code to integrate your widget into any website
  </Card>

  <Card title="Domain Control" icon="shield">
    Configure which domains can display your widget for security
  </Card>

  <Card title="Quick Deployment" icon="zap">
    Deploy your widget instantly with one-click activation
  </Card>
</CardGroup>

## Getting Started

<Steps>
  <Step title="Review Configuration">
    Ensure all settings, colors, and data sources are properly configured
  </Step>

  <Step title="Deploy Widget">
    Click the "Deploy" button to make your widget live
  </Step>

  <Step title="Get Embed Code">
    Copy the provided script tag for website integration
  </Step>

  <Step title="Integrate Script">
    Add the script tag to your website's HTML code
  </Step>
</Steps>

## Video Tutorial

<div className="relative aspect-video my-8">
  <img src="https://mintcdn.com/stepsai/bk8ntUWjoqlJB9Px/logo/light.svg?fit=max&auto=format&n=bk8ntUWjoqlJB9Px&q=85&s=a3b792588a8a597e6307250f257a3ef0" alt="Steps AI Logo" className="w-full aspect-video rounded-xl bg-white dark:bg-gray-900 object-contain p-8" width="708" height="404" data-path="logo/light.svg" />
</div>

## Script Tag Integration

### Getting Your Embed Code

Once deployed, you'll receive a script tag that looks like this:

```html theme={null}
<script src="https://widget.aide.com/embed.js" 
        data-widget-id="your-widget-id"
        data-domain="your-domain.com">
</script>
```

## Advanced Deployment

<CardGroup cols={2}>
  <Card title="A/B Testing" icon="test-tube">
    Deploy multiple widget versions to test different configurations
  </Card>

  <Card title="Geographic Targeting" icon="map-pin">
    Deploy different widgets for different geographic regions
  </Card>

  <Card title="Time-Based Deployment" icon="clock">
    Schedule widget deployment for specific times or events
  </Card>

  <Card title="Conditional Deployment" icon="filter">
    Deploy widgets based on specific conditions or user segments
  </Card>
</CardGroup>

## FAQ

<AccordionGroup>
  <Accordion title="How long does deployment take?">
    Deployment is instant! Once you click deploy, your widget is immediately live and accessible.
  </Accordion>

  <Accordion title="Can I deploy the same widget on multiple websites?">
    Yes! You can deploy the same widget on multiple domains by adding them to your allowed domains list.
  </Accordion>

  <Accordion title="What if I need to update my widget after deployment?">
    You can update your widget configuration at any time. Changes will be reflected immediately without needing to redeploy.
  </Accordion>

  <Accordion title="How do I know if my widget is working correctly?">
    Use the analytics dashboard to monitor performance, and test the widget directly on your website to ensure it's functioning properly.
  </Accordion>

  <Accordion title="Can I temporarily disable my widget?">
    Yes! You can pause or disable your widget at any time without losing your configuration.
  </Accordion>

  <Accordion title="What happens if my domain settings are incorrect?">
    If domain settings are incorrect, the widget won't load on unauthorized domains. You can update domain settings at any time.
  </Accordion>
</AccordionGroup>

## Troubleshooting

| Issue                    | Solution                                           | Prevention                                          |
| ------------------------ | -------------------------------------------------- | --------------------------------------------------- |
| **Widget Not Loading**   | Check domain settings and script tag placement     | Verify domain configuration before deployment       |
| **Script Tag Errors**    | Ensure script tag is properly formatted and placed | Test integration on a development environment first |
| **Domain Access Denied** | Verify domain is in allowed domains list           | Double-check domain configuration                   |

## Success Tips

<Info>
  **Start Small**: Deploy to a limited audience first to test and gather feedback
</Info>

## Next Steps

<CardGroup cols={1}>
  <Card title="Monitor Messages" icon="message-square" href="/widgets/messages">
    Learn how to view and manage conversations happening in your deployed widget
  </Card>
</CardGroup>