HDGE3 LABS Logo

Documentation

Everything you need to know about integrating and customizing HdgeBot for your website.

Getting Started with HdgeBot

HdgeBot is an AI-powered chatbot that helps businesses automate customer support, answer queries, and improve user engagement. This guide will help you get started with integrating HdgeBot into your website.

Installation

Adding HdgeBot to your website is simple. Just add the following script tag to your HTML:

<script src="https://cdn.hdgebot.com/widget.js" data-bot-id="YOUR_BOT_ID"></script>

Replace YOUR_BOT_ID with the unique identifier provided in your HdgeBot dashboard.

Pro Tip

For optimal performance, place the script tag just before the closing </body> tag.

Configuration

You can customize HdgeBot's behavior by adding data attributes to the script tag:

<script 
  src="https://cdn.hdgebot.com/widget.js" 
  data-bot-id="YOUR_BOT_ID"
  data-position="bottom-right"
  data-theme="light"
  data-greeting="Hi there! How can I help you today?"
></script>
AttributeDefaultDescription
data-positionbottom-rightPosition of the chat widget (bottom-right, bottom-left)
data-themedarkColor theme of the chat widget (dark, light)
data-greetingHello! How can I assist you?Initial greeting message from the chatbot
Can we help you?