Knowledge Base

This guide will show you how to add the Orb chat widget to any website by adding a simple code snippet.

Quick Installation

To add Orb to your website, simply copy the code snippet from your dashboard and paste it into your website's HTML before the closing </body> tag.

Step 1: Copy your unique widget code

Log in to your Replyso dashboard and navigate to the Agent section. Under the Chat Widget tab, you'll find your unique embed code that looks like this:

<script src="https://app.replyso.com/widgets/your-unique-token.js"></script>

Use the copy button to copy this code to your clipboard.

Step 2: Add the code to your website

Paste the code snippet into your website's HTML file, just before the closing </body> tag:

<!DOCTYPE html>
<html>
  <head>
    <title>Your Website</title>
    <!-- other head elements -->
  </head>
  <body>
    <!-- your website content -->
    
    <!-- Paste Orb widget code here -->
    <script src="https://app.replyso.com/widgets/your-unique-token.js"></script>
  </body>
</html>

Step 3: Save and publish your changes

After adding the code, save your changes and publish or deploy your website. The Orb chat widget should now appear on your site!

Troubleshooting

Widget not appearing?

Make sure you've added the code just before the closing </body> tag
Check that you've published or deployed your changes
Verify that your widget is set to "active" in your Replyso dashboard
Clear your browser cache and reload the page
Check if you have any script blockers or content security policies that might be preventing the widget from loading

Need to customize your widget?

You can customize your widget's appearance and behavior in the Chat Widget section of your Replyso dashboard. Changes will automatically apply to all websites where your widget is installed.

Advanced Configuration

Hiding the widget on specific pages

In your Replyso dashboard, under the Chat Widget settings, you can specify URL paths where the widget should be hidden. This can be useful for admin pages, checkout flows, or other areas where you don't want the chat widget to appear.

Testing your installation

After installation, visit your website and you should see the chat icon in the corner of the page. Click on it to start a conversation and verify that everything is working correctly.

Adding Orb to any Website