Back

Embed Maxy on any website

Paste this snippet just before the closing </body> tag.

<!-- ChatBot Widget -->
<script src="https://your-app.example.com/widget.js"></script>
<script>
  window.ChatBotWidget.init({
    client_id: "demo",
    theme_color: "#4F46E5",
    bot_name: "Assistant",
    api_base: "https://your-api.example.com",
    quick_replies: ["FAQ","Pricing","Contact"],
    features: { ai: true, faq: true, lead: true }
  });
</script>

How it works

  1. Configure your bot in Admin.
  2. Copy the snippet above and paste it before </body> on any HTML page (works with React, Angular, WordPress, Shopify, plain HTML).
  3. The widget mounts a floating chat bubble at bottom-right and reads client_id to load per-client config.
  4. Messages POST to /ask; leads POST to /lead.
  5. See a live demo at /widget-demo.html.