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

  1. Go to Settings → Widget in your Omniops dashboard
  2. 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. You don't need to understand it — just copy and paste it into the right place.

<script
  src="https://omniops.co.uk/embed.js"
  data-widget-id="your-widget-id"
  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:

  1. Visit your website in a new browser window
  2. You should see the chat bubble in the bottom-right corner
  3. Click it and send a test message

Domain Restrictions

The widget only works on domains you've authorized in your Omniops settings. This prevents unauthorized use of your widget on other sites.

To add authorized domains:

  1. Go to Settings → Widget → Domains
  2. Add each domain where the widget should work
  3. Include both www and non-www versions if needed

Next Steps

Once installed, head to Widget Customization to match the widget's appearance to your brand.