AtomicX
← Where it works
PAGE BUILDER

Elementor integration

Use Elementor Pro's Custom Code feature to load AtomicX on every page.

Start free → Book a demo
Modular website blocks arranged on a layout grid.

Before you start

  • An AtomicX account. The free plan works; add AI when you're ready.
  • Elementor Pro on a plan that includes Custom Code. It's not on the Essential plan.
  • Administrator access to WordPress. No Elementor Pro? Follow the WordPress guide instead.

1. Copy your snippet from AtomicX

  1. Sign in to AtomicX and go to Insights › Widget generator.
  2. Under 1. Select Configuration, choose the chat you want on this site.
  3. Pick 2. Display Mode (Floating corner bubble or Full Page), 3. Button Position and 4. Widget Theme. The Live Preview shows the result.
  4. Under 5. Integration Method, choose Auto-Initialize. It's one snippet that starts the chat when the page loads.
  5. Under 6. Generated Code, click Copy.

2. Add it to Elementor

  1. In WordPress admin, go to Elementor › Custom Code and click Add New Custom Code.
  2. Name it AtomicX.
  3. Set Location to <body> - End.
  4. Paste your AtomicX snippet into the code editor.
  5. Click Publish. When asked for conditions, choose Include › Entire Site, then save.

Clear any caching plugin and CDN cache, then check in a private window.

3. Check it works

  1. Open your site in a private or incognito window, so you're not seeing a cached or logged-in version.
  2. Look for the chat button in the corner you picked.
  3. Ask it a question you know the answer to. Then check the conversation appears in Conversations in your AtomicX dashboard.

Good to know

  • Without an Entire Site condition, the code may not load everywhere.
  • Saved as a draft or scheduled? It isn't live yet.
  • Don't use an HTML widget inside a page. It only loads on that one page.

Update or remove it

Go to Elementor › Custom Code, open AtomicX to edit it and click Update, or move it to Trash.

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.

Official Elementor documentation: Elementor: Custom Code

► More integrations
Publishing pages and a plug-in module.
CMS

WordPress

Add AtomicX to any WordPress site with the free WPCode plugin. No theme edits.
Boutique products, shopping bag and customer enquiry card.
E-COMMERCE

Shopify

Add AtomicX to your Shopify theme so the chat appears on every storefront page.
Small-business products and a website with booking content.
SITE BUILDER

Wix

Add AtomicX to your Wix site with Custom Code. It runs on every page.
► Ship it

ON_DUTY.

One snippet to install. Free plan to start.

Start free → Talk to sales