DD Chatbot Widget

Embeddable AI chatbot for your website

Configure Demo

Enter your API Key and Tenant ID to test the chatbot widget.

Get your API key from the DD Consulting dashboard

Your tenant identifier (e.g., "default_tenant", "your_company")

💾 Your credentials will be saved in cookies and automatically loaded on your next visit.

Note: Make sure your backend is running on http://localhost:8000 and has http://localhost:3002 in the trusted origins list.

Welcome to DD Chatbot Widget Demo

This is a live demo of the embeddable chatbot widget.

🎨 Customizable

Match your brand with custom colors and messaging

âš¡ Easy Integration

Add to any website with simple copy-paste

🤖 AI Powered

Intelligent responses based on your knowledge base

Integration Guide

Step 1: Get Your API Key

Sign up for a DD Consulting account and generate an API key from your dashboard.

Step 2: Add the Widget to Your Site

Copy and paste this code snippet into your website, just before the closing </body> tag:

<!-- Add to your website -->
<script src="https://dev-widget.askdd.net/widget.js"></script>
<script>
  DDChatbotWidget.init({
    apiKey: 'your-api-key-here',
    tenantId: 'your-tenant-id'
  });
</script>

Step 3: Customize (Optional)

Configure the widget appearance from your DD Consulting dashboard:

  • Bot name and welcome message
  • Primary color theme
  • Language and placeholder text
  • Widget position (bottom-right or bottom-left)

Features

✅ Secure Authentication

API Key + Origin validation ensures only authorized domains can use your chatbot.

✅ Conversation History

Messages are saved locally so users don't lose their conversation on page refresh.

✅ Mobile Responsive

Perfectly optimized for all screen sizes, from desktop to mobile.

✅ Markdown Support

Rich text formatting including links, lists, and code blocks.

✅ Real-time Responses

Fast AI responses with typing indicators for better UX.

✅ Knowledge Base Integration

Answers are based on your custom knowledge base content.