Before you start
- An AtomicX account. The free plan works; add AI when you're ready.
- Access to your site files: FTP/SFTP, your host's file manager, or your code repository.
1. Copy your snippet from AtomicX
- Sign in to AtomicX and go to Insights › Widget generator.
- Under 1. Select Configuration, choose the chat you want on this site.
- Pick 2. Display Mode (Floating corner bubble or Full Page), 3. Button Position and 4. Widget Theme. The Live Preview shows the result.
- Under 5. Integration Method, choose Auto-Initialize. It's one snippet that starts the chat when the page loads.
- Under 6. Generated Code, click Copy.
2. Add it to HTML/CSS
- Make a backup copy of your site files.
- Open each HTML page, or the shared footer or layout file if your pages use one, in a text editor.
- Find
</body>and paste your AtomicX snippet on the line just above it. - Save, and repeat for every page that doesn't share a layout.
- Upload the changed files to your server, or commit and deploy.
Purge your host or CDN cache (for example in Cloudflare) and hard-refresh your browser.
3. Check it works
- Open your site in a private or incognito window, so you're not seeing a cached or logged-in version.
- Look for the chat button in the corner you picked.
- Ask it a question you know the answer to. Then check the conversation appears in Conversations in your AtomicX dashboard.
Good to know
- Pages you miss won't show the chat. Search your site for
</body>to find them all. - If your site sends a Content Security Policy, it must allow AtomicX's domains and the inline snippet.
- Don't paste the snippet inside another script block or an HTML comment.
Update or remove it
Delete or replace the snippet in each page or the shared layout, upload, and purge caches.
If something isn't right
- No chat button? Clear your site's cache, check you published or saved, and try a private window with ad blockers off.
- Two chat buttons? The snippet is installed twice, for example in your site and in Google Tag Manager. Keep one.
- Still stuck? Contact us and tell us your platform and site address.
Reference: MDN: The script element
