Widget Setup
Install the Omniops chat widget on your website.
Overview
The Omni chat widget is a small snippet of code that adds customer support to any website. Installation takes less than five minutes.
Installation
Get Your Embed Code
- Go to the Installation page in your Omniops dashboard
- Copy the embed code snippet
The embed code looks like this. This is a small piece of code that tells your website to load the chat widget. It's the same snippet for every site, the widget recognises your account by your authorised domain. You don't need to understand it — just copy and paste it into the right place.
<script src="https://omniops.co.uk/embed.js" async></script>
Add to Your Website
Paste it near the bottom of your website's code, just before the line that says </body>. This should be on every page where you want the widget to appear.
WordPress
Add the code via Appearance → Theme Editor → footer.php or use a plugin like "Insert Headers and Footers".
Shopify
Go to Online Store → Themes → Edit Code and paste into theme.liquid before </body>.
Custom Websites
Paste directly into your HTML template.
Other Website Builders
- Squarespace: Go to Settings > Advanced > Code Injection, and paste the code in the Footer field.
- Wix: Go to Settings > Custom Code, click "Add Code", paste the snippet, and set it to load in the Body (end).
- GoDaddy Website Builder: Go to Settings > Site-wide Code, and paste in the Footer section.
If you use a different website builder, search for "add custom code" in their help centre, or ask your web person to paste this in — it takes less than a minute.
Verify Installation
After adding the code:
- Visit your website in a new browser window
- You should see the chat bubble in the bottom-right corner
- Click it and send a test message
Domain Restrictions
The widget only works on domains you've authorised in your Omniops settings. This prevents unauthorised use of your widget on other sites.
To add authorised domains:
- Go to Domains in the dashboard
- Add each domain where the widget should work
- Include both
wwwand non-wwwversions if needed
Next Steps
Once installed, head to Widget Customisation to match the widget's appearance to your brand.