Widget Setup

Install the Omniops chat widget on your website.

Overview

The Omniops chat widget is a small snippet of code that adds AI-powered 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:

<script
  src="https://omniops.co.uk/embed.js"
  data-widget-id="your-widget-id"
  async
></script>

Add to Your Website

Paste the embed code just before the closing </body> tag 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.

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.