# Put your bot on your website

Put your Intake Bot on your website as a floating button, a window that opens from a button, or a section of the page. You copy one snippet once and changes arrive on their own.

> **Before you start:** Your Intake Bot needs to be live. If you're not sure how, see [Share your Intake Bot](https://iozen.ai/docs/share-your-intake-bot).

## 1. Open “Share”

Open your Intake Bot and tap **“Share”**. Check that “Publish Status” is on.

## 2. Pick how it looks

Under “Share Method” there are three ways to put it on your site:

- **“Floating Widget”**: a button in a corner that opens a chat panel. Pick the corner in “Button Position” and the wording in “Button Text”.
- **“Popup Modal”**: the code comes with a button that opens the bot in a window over the page. Edit its text in the code and style it to match your site.
- **“Inline Embed”**: the bot shows inside the page, as one more section.

The position, the text and the sizes save on their own. The method doesn't: “Share” always opens on “Direct Link”, so pick it again when you come back.

## 3. Copy the code

Below, under “Embed Code”, is your bot's snippet, with its ID already in it. Copy it with the copy button. This is what the floating widget's looks like:

```html
<!-- ioZen Floating Widget -->
<script 
  src="https://app.iozen.ai/widget/v2/loader.js?bot=YOUR_BOT_SLUG"
  data-bot="YOUR_BOT_SLUG"
  async
></script>
```

![An Intake Bot's embed code.](https://iozen.ai/docs/shots/en/embed-website-embed-desktop.webp)

## 4. Paste it on your site

To show it across the whole site, paste the code just before `</body>` or in your site builder's custom code setting. For a single page, paste it into an HTML block on that page, where you want the bot. Publish your site and open the page to try it.

> **Careful:** Always copy the code from “Share”, never from another site or an example: yours carries your bot's ID, and any other opens a bot that isn't yours.

## Pass page data to the bot

In “Field Parameters” you choose what data the page passes to the bot, like the section or the campaign. Questions set to “Hidden” show up there on their own. The copied code includes them and they arrive with every case.

> **Careful:** If a hidden question has no default value, the code carries `YOUR_VALUE` in its place. Swap it for the real value before you paste it, or the case arrives with that text.

You don't need parameters to know which page a case came from: ioZen saves the page, where the person came from and the UTMs on its own. See [Where each case comes from](https://iozen.ai/docs/where-each-case-comes-from).

## Frequently asked questions

### Which sites does it work on?

Any site or site builder where you can paste a `<script>`, on one page or across the whole site. The code is a short `<script>` that loads your Intake Bot from ioZen.

### Do I have to paste the code again when I change the bot?

No. The code loads your Intake Bot from ioZen every time, so the questions, the colors and the button text update on their own. Button changes can take a few minutes. Only if you change the “Height” of the “Inline Embed” should you copy the code again.

### Can I tell which page each case came from?

Yes, and you don't have to do anything. ioZen saves with each case the page where the bot opened, where the person came from, and the link's UTMs. See [Where each case comes from](/docs/where-each-case-comes-from).