Skip to main content
The chat widget is how visitors reach you: it shows on your website, and every chat lands in your Inbox. Installing it takes one script, added once to your site.
The Installation page with platform tabs, the widget code and the installed status

Settings › Installation: pick your platform, copy the code, check it's live.

Install it

1

Open Settings › Installation

In the dashboard, open Settings, then Installation under For developers. Your widget code is already filled in with your account ID.
2

Pick your platform

Choose Code snippet, React, Next.js, Vue, Nuxt, Angular or HTML. Each one shows the code in the form that platform needs.
3

Add the code

Click Copy and paste the code into your website, just before the closing </body> tag on every page (see your platform below).
4

Check it's live

Open your website. Once the widget loads there, Settings › Installation shows it as Installed, with the domain it’s live on.
Always copy the code from Settings › Installation: it carries your own account ID. The examples on this page use YOUR_ACCOUNT_ID in its place.

Code for each platform

Paste this just before the closing </body> tag on every page.

Website builders

Builders don’t appear in Settings › Installation, but the same snippet works anywhere you can add custom code before </body>. Menu names can change as builders update their apps.
Use a header-and-footer code plugin (for example WPCode) and paste the snippet into the footer box, or add it to your theme’s footer.php just before </body>.
Go to Online Store › Themes, open Edit code on your live theme, open layout/theme.liquid and paste the snippet just before </body>.
Open Site settings › Custom code and paste the snippet into Footer code, then publish the site.
Open Settings › Custom code, add the snippet to All pages, and place it in Body - end.
Open Site settings › General › Custom code and paste the snippet into End of <body> tag, then publish.

Troubleshooting

  • Check the snippet is on the page: view the page source and search for loader.min.js.
  • Make sure data-account-id is your own ID: copy the code again from Settings › Installation.
  • Clear your site’s cache (and any CDN cache), then reload.
The status changes once the widget has loaded on your website at least once. Open a page where you added the code, wait for the widget to appear, then come back to the dashboard.
The snippet is on the page twice, often once in a theme and once in a plugin. Keep only one.

Next steps

Customize the widget

Match its colours, position and messages to your brand.

Train Aura AI

Let Aura answer visitors from your own content, day or night.