Installation

One script tag.

The same snippet works everywhere. Copy it from Dashboard → Install, then follow the platform-specific steps below to paste it in the right place.

The snippet

Your embed code.

<script src="https://saavos.com/embed.js" data-bot="YOUR_BOT_SLUG" defer></script>

Replace YOUR_BOT_SLUG with the slug shown in your dashboard Install tab. The widget loads asynchronously — it does not block page rendering.

Platforms

Where to paste it.

Webflow

Go to Project settings → Custom code → Footer code. Paste the script tag. Publish your site. The widget appears on every page. If you want it on one page only, open that page, go to Page settings → Custom code → Before </body> tag, and paste it there instead.

Screenshot: Webflow Project settings Custom code panel

Shopify

In your Shopify admin, go to Online Store → Themes → Actions → Edit code. Open Layout → theme.liquid. Find </body> near the bottom and paste the script tag immediately before it. Click Save. The widget appears on every storefront page.

  <!-- saavos widget -->
  <script src="https://saavos.com/embed.js" data-bot="YOUR_BOT_SLUG" defer></script>
</body>

WordPress

The cleanest path is the free Insert Headers and Footers plugin (or any equivalent). Install it, go to Settings → Insert Headers and Footers, paste the script into the Scripts in Footer box, and save. No theme editing required. If you prefer to edit your theme directly, add it to footer.php before the closing </body> tag.

Plain HTML

Open the HTML file (or template) for the page where you want the bot. Paste the script tag before the closing </body> tag and save.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>My site</title>
</head>
<body>
  <!-- your page content -->

  <script src="https://saavos.com/embed.js" data-bot="YOUR_BOT_SLUG" defer></script>
</body>
</html>

Notes

Good to know.

The widget is scoped to one bot

Each script tag loads a single bot identified by data-bot. If you have multiple bots (paid plans), you can embed different bots on different pages by using different script tags.

Launcher position

The launcher defaults to the bottom-right corner. Change it to bottom-left in Dashboard → Customize. Full CSS overrides are coming in a future release.

Mobile behavior

On small screens the chat opens full-bleed so visitors are not squeezed into a corner. No extra configuration needed.

Where to paste it.

Webflow

Screenshot: Webflow Project settings Custom code panel

Shopify

  <!-- saavos widget -->
  <script src="https://saavos.com/embed.js" data-bot="YOUR_BOT_SLUG" defer></script>
</body>

WordPress

Plain HTML

Open the HTML file (or template) for the page where you want the bot. Paste the script tag before the closing </body> tag and save.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>My site</title>
</head>
<body>
  <!-- your page content -->

  <script src="https://saavos.com/embed.js" data-bot="YOUR_BOT_SLUG" defer></script>
</body>
</html>

Good to know.

The widget is scoped to one bot

Each script tag loads a single bot identified by data-bot. If you have multiple bots (paid plans), you can embed different bots on different pages by using different script tags.

Launcher position

The launcher defaults to the bottom-right corner. Change it to bottom-left in Dashboard → Customize. Full CSS overrides are coming in a future release.

Mobile behavior

On small screens the chat opens full-bleed so visitors are not squeezed into a corner. No extra configuration needed.

One script tag.

Your embed code.

Where to paste it.

Webflow

Shopify

WordPress

Plain HTML

Good to know.

Keep exploring.

One script tag.

Your embed code.

Where to paste it.

Webflow

Shopify

WordPress

Plain HTML

Good to know.

Keep exploring.