Install the widget
Add Skavelo to any website or framework with one snippet.
You'll find your snippet, already filled in with your agent ID, on the agent's Install tab. Add it once, in the part of your app that every page shares, and the widget appears on every screen.
For any website, WordPress, Webflow, Shopify, or server-rendered templates such as Rails, Django, Laravel or NestJS views. Add it once in the shared layout, just before </body>.
<script src="https://cdn.skavelo.com/skavelo.js" defer></script>
<script>
window.addEventListener('DOMContentLoaded', function () {
Skavelo.init({ agentId: 'YOUR_AGENT_ID' });
});
</script>defer lets your page appear without waiting for the widget, so it doesn't slow your page down or lower its PageSpeed score.
Check that it's working
Open your app in a browser. The widget's launcher appears at the bottom of the page, and the agent's Install tab confirms that Skavelo has loaded on your site.
If the widget doesn't appear:
- Check that your site is in the agent's allowed sites. The browser console shows a message from Skavelo if it isn't.
- Check the agent's Targeting. The widget only appears on pages and for users its rules allow.
- Make sure the snippet runs on the page, for example that it isn't inside a template only some pages use.
Asking a developer to install it
If someone else manages your codebase, click Email the install steps on the Install tab. They'll receive the snippets for every platform, and their replies come to you.
It won't affect your app
The widget renders inside its own isolated layer (a Shadow DOM), so your styles can't change it and its styles can't leak into your app. It works for signed-out visitors too.