Skip to main content
Integrating Maedo Webchat is as simple as adding a single script tag to your HTML.
1

Get your embed code

​
Get your embed code

To embed an agent on your website, you first need its Webchat embed code.
  1. Log in to the Maedo Dashboard.
  2. Select your agent and go to Webchat > Deploy Settings.
  3. Copy the Embed code.
<script defer src="https://cdn.maedo.in/scripts/webchat/widget-v2.js" data-agent-config="YOUR_AGENT_TOKEN_HERE"></script>
2

Add to your website

​
Add to your website

Next, add the Webchat embed code to the <head> section of your website’s HTML. For example:
index.html
<!DOCTYPE html>
<html>
  <head>
    <script defer src="https://cdn.maedo.in/scripts/webchat/widget-v2.js" data-agent-config="YOUR_AGENT_TOKEN_HERE"></script>
  </head>
  <body>
    <!-- Website content -->
  </body>
</html>
3

You're all set!

​
You’re all set!

Open your website and start chatting with your bot. It should look something like this:Maedo Webchat Preview
Done! Your bot is now live on your website.

​
Next steps

Now that you’ve added your bot, try styling it to match the rest of your website’s user interface.

Introduction to Webchat

Go back to the overview and core concepts.

Configure Webchat

Deep dive into customization and settings.