HTML Integration

Add Dot to Your HTML Website

Integrate your AI chatbot with any HTML website using our simple JavaScript snippet.

1

Get Your Embed Code

Copy the embed code from your Dot dashboard. This code contains your unique chatbot configuration.

Unique dotId for your chatbot
Customizable appearance
Position and behavior settings
2

Add to Your HTML

Paste the code before the closing </body> tag in your HTML file.

Place before </body> tag
Works with any HTML structure
No additional dependencies

Embed Code

<!-- Dot AI Chatbot -->
<script>
  window.DOT_CHATBOT = {
    dotId: 'your-dot-id',
    position: 'bottom-center',
    welcomeMessage: 'Hi! How can I help you today?',
    hints: ['How can I help you?', 'Ask me anything!']
  };
</script>
<script src="https://cdn.d0t.my/dot.js" async></script>

Note: Replace your-dot-id with your actual dot ID from the dashboard.

Configuration Options

Required

dotIdstring

Your unique chatbot identifier from the dashboard

Optional

positionbottom-center
welcomeMessagestring
hintsarray

Ready to integrate?

Follow the steps above to add Dot to your HTML website, or explore other integration methods.

Ask me anything