BotBly
Back to Widget Docs

Widget Customizer

Customize your widget appearance and behavior in real-time

Quick Actions

Customization Options

Launcher & header gradient (start)

Launcher & header gradient (end)

Embed Code

<!-- BotBly AI Widget -->
<script>
  window.botblySettings = {
  botId: 'YOUR_BOT_ID',
  botName: 'YOUR_BOT_NAME',
  primaryColor: '#2563EB',
  accentColor: '#7C3AED',
  enableSounds: true,
  enableSuggestions: true
};
</script>
<script src="https://cdn.jsdelivr.net/gh/botbly/widget-public@main/botbly-widget.js" async></script>

Add this code before the closing </body> tag on your website

Installation Instructions

1
Copy the embed code above
2
Paste it before the closing </body> tag on your website
3
Your AI assistant is now live! 🎉
Pro Tip

Test your widget by clicking the chat bubble that appears on this page. You can reset the conversation anytime to test different scenarios.

Active Settings

primaryColor:#2563EB
accentColor:#7C3AED
enableSounds:true
enableSuggestions:true