# Put it on your site

Install the widget, decide what it shows before anyone types, and go live.

Source: https://docs.omazy.ai/start/first-widget/

The agent is only useful where your customers already are. For most businesses
that is the website, and the widget is one script tag away.

## Install

Copy the snippet from the console under Connect, Widget, and paste it before
`</body>`. Full detail and the host API are in [Widget](/widget/).

```html
<script>
  (function (d, s) {
    var j = d.createElement(s); j.async = 1;
    j.src = "https://chat.omazy.ai/widget.js";
    d.head.appendChild(j);
  })(document, 'script');
  window.ouWidget = window.ouWidget || function () {
    (window.ouWidget.q = window.ouWidget.q || []).push(arguments);
  };
  ouWidget('init', { key: 'YOUR_WIDGET_KEY' });
</script>
```

## Decide what it says before anyone speaks

This is the part people skip, and it does more for resolution rate than most
agent tuning.

A widget that opens to an empty box asks the visitor to do the hard part: work
out what this thing is for. A widget that opens with three things people
actually ask has already answered a third of them.

Pick starter prompts from your real questions. If you do not know them yet,
launch with your best guess and replace them after a week with what Insights
tells you. Guessing once is fine. Guessing twice is a choice.

## Check it on a phone first

Most visitors are on a phone, and most widgets are reviewed on a laptop. The
panel goes full screen below the mobile breakpoint, which is correct and still
worth seeing before your customers do.

## Go live

Publish the widget. Then ask it something as a stranger would, in a private
window, from your actual site rather than from the preview.

If the launcher does not appear, [Troubleshooting](/widget/troubleshooting/)
covers the four usual causes in the order they usually happen.