Widget Installation Guide

Add the Abeedoo Chat chat widget to your website in just a few minutes. Choose your platform below for step-by-step instructions.

Before you begin

You'll need your embed snippet from Dashboard > Apps > Your App > Widgets. It looks like the code block below. Replace your-domain.com and YOUR_WIDGET_ID with your actual values.

<script src="https://your-domain.com/widget.js"
  data-widget-id="YOUR_WIDGET_ID" defer></script>

Choose Your Platform

Any Website (HTML)

The simplest installation. Works with any static or dynamic website.

Open your HTML file

Find the main HTML file for your website (usually index.html).

Paste the snippet before </body>

Add your embed code just before the closing body tag:

<!DOCTYPE html>
<html>
<head>
  <title>My Website</title>
</head>
<body>
  <!-- Your website content -->

  <!-- Abeedoo Chat Widget -->
  <script src="https://your-domain.com/widget.js"
    data-widget-id="YOUR_WIDGET_ID" defer></script>
</body>
</html>

Save and refresh

The chat bubble should appear in the bottom-right corner of your page.

Troubleshooting

The widget bubble doesn't appear

Check that the data-widget-id matches your widget ID in the dashboard
Make sure the script URL points to your Abeedoo Chat instance
Open your browser's developer console (F12) and check for errors
Verify your app is set to Active in the dashboard

The widget shows but conversations aren't working

Check that your website URL is in the app's Allowed Origins list
If testing locally, localhost is always allowed
Verify you haven't hit your plan's conversation limit

The widget styles conflict with my website

The Abeedoo Chat widget renders inside a Shadow DOM, which isolates its styles from your website. If you're still seeing conflicts, make sure you're not targeting the widget's host element with global CSS selectors.

I need to identify users automatically

If your users are already logged in to your app, you can skip the widget's intro form by calling:

RadishCare.identify({
  externalId: 'user-123',
  name: 'Jane Doe',
  email: 'jane@example.com'
});

Call this after the widget script has loaded and your user data is available.

Need more help?

Chat with us using the widget in the bottom-right corner, or browse the full help center.

Help Center Get Started Free