— Docs · Integrations

WORDPRESS integration
STEP BY STEP.

Two paths: use a free header/footer plugin (no theme editing, survives theme updates) or edit footer.php directly if you prefer fewer plugins. Both work on classic themes, block themes, and page builders like Elementor.

← Docs / Integrations / WordPress

Method A — Recommended (via plugin, no code editing)

01 — Install a header/footer plugin

In your WordPress admin, go to Plugins → Add New. Search for Insert Headers and Footers (by WPBeginner) or WPCode. Install and activate it. Both are free and widely used with good track records.

02 — Paste the script in the footer field

Go to Settings → Insert Headers and Footers (or Code Snippets → Header & Footer if using WPCode). Find the Scripts in Footer box. Paste your saavos script tag there:

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

03 — Save and verify

Click Save. Visit your live site in a new browser window (not the admin). The launcher button appears in the bottom-right corner. Click it to confirm the bot loads.


Method B — Via footer.php (direct theme edit)

Only use this if you edit your theme code regularly. Theme updates will overwrite this change if you are not using a child theme.

01 — Open footer.php

Go to Appearance → Theme File Editor. In the file list on the right, click footer.php. If you are using a child theme, open the child theme's footer.php.

02 — Paste before closing body tag

Find the closing </body> tag (usually the last few lines of the file). Paste the script tag immediately before it:

<?php wp_footer(); ?>
<script src="https://saavos.com/embed.js" data-bot="YOUR_BOT_SLUG" defer></script>
</body>
</html>

03 — Update File and verify

Click Update File. Visit your live site to confirm the launcher appears.


Elementor, Divi, and block themes

Elementor

The plugin method (Method A) works without any Elementor-specific steps. Alternatively: go to Elementor → Custom Code (requires Elementor Pro), add a new snippet, set Location to Body End, paste the script, and activate it.

Divi

Go to Divi → Theme Options → Integration. Find the Add code to the <body> (bottom) field and paste the script tag there. Save changes.

Block themes (Full Site Editing)

Use the plugin method (Method A) — it is the most reliable path for block themes. Alternatively, add a Custom HTML block to your Footer template part in the Site Editor and paste the script tag there.


Troubleshooting common issues

Widget not showing

Check your browser console for JavaScript errors. A common cause is a caching plugin serving a stale version of your page before the script was added. Clear your WordPress cache (W3TC, WP Rocket, etc.) and reload.

Theme editor is disabled

Many managed WordPress hosts disable the Theme File Editor for security. Use the plugin method instead — it does not require the editor.

Script gets stripped

Some security plugins (Wordfence, iThemes Security) strip unrecognized scripts from custom code fields. Add saavos.com to the allowlist in your security plugin settings.

Last updated 2026-05-13 · Was this helpful?


Other integrations