← Docs / Embedding
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.
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.
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>
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.