Documentation

Complete guide to implementing and customizing Webbbyy.

Quick Start Guide

Step 1: Create Your Account

Sign up for a free account at Webbbyy.

Step 2: Customize Your Assistant

Set your company name, colors, and welcome message in the dashboard.

Step 3: Install the Widget

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

<script src="https://widget.webbbyy.com/widget.js"></script>
<script>
  Webbbyy.init({
    agentId: 'YOUR_AGENT_ID'
  });
</script>

Customization Options

Colors and Branding

Customize colors, logos, and fonts to match your brand:

Webbbyy.init({
  agentId: 'YOUR_AGENT_ID',
  theme: {
    primaryColor: '#007bff',
    headerColor: '#ffffff',
    fontFamily: 'Arial, sans-serif'
  }
});

Position and Behavior

Control where the widget appears and how it behaves:

Webbbyy.init({
  agentId: 'YOUR_AGENT_ID',
  position: 'bottom-right', // or 'bottom-left'
  autoOpen: false,
  mobileResponsive: true
});

Advanced Features

Custom Triggers

Open the widget programmatically based on user actions:

// Open on button click
document.getElementById('support-button').onclick = function() {
  Webbbyy.open();
};

// Open after delay
setTimeout(function() {
  Webbbyy.open();
}, 30000); // 30 seconds

Event Tracking

Track widget interactions in your analytics:

Webbbyy.on('widget:opened', function() {
  // Track in Google Analytics
  gtag('event', 'widget_opened');
});

Need Help?

Check our video tutorials or chat with our AI assistant.