🚀 Getting Started
Follow these simple steps to add MultiChat to your website:
1. Create Your Account
Sign up for free - No credit card required
2. Create a Chat Bubble
After logging in, go to the "Chat Bubbles" section and create your first chat bubble. Customize the colors, position, and messages to match your brand.
3. Copy the Embed Code
Once your bubble is created, copy the embed code provided.
(function() {
var script = document.createElement('script');
script.src = 'https://multichat.website/app/widget.js?v=2.0';
script.setAttribute('data-bubble-key', 'YOUR_BUBBLE_KEY');
document.head.appendChild(script);
})();
</script>
4. Add to Your Website
Paste the code before the closing </body> tag on any page where you want the chat to appear.
🛒 WHMCS Addon Module
FREE Download - Integrate MultiChat seamlessly with your WHMCS installation
📦 Download WHMCS Module
Version 1.0.0 - Compatible with WHMCS 8.0+
Download ModuleFree forever - No license required
✨ Features
- Automatic customer authentication - Customers are auto-logged into chat from WHMCS
- Client data synchronization - View services, domains, invoices, and tickets
- Direct WHMCS admin links - Quick access to client profiles
- Real-time data sync - Instant updates when customers start chatting
- Easy installation - Upload and configure in minutes
- No API keys required - Uses secure push method
📋 Installation Instructions
- Download the module ZIP file above
- Extract the contents to your WHMCS installation:
/modules/addons/multichat/
- Login to WHMCS Admin Area
- Go to Setup → Addon Modules
- Find "MultiChat Integration" and click Activate
- Click Configure and enter your MultiChat API key (found in your MultiChat settings)
- Click Save Changes
🔧 Configuration
After installation, you'll need to configure these settings:
- MultiChat API Key: Get this from your MultiChat account settings
- MultiChat URL: Your MultiChat installation URL (default: https://multichat.website)
- Chat Bubble Key: The bubble key you want to display on WHMCS pages
💡 How It Works
Once installed, the module automatically:
- Adds the MultiChat widget to your WHMCS client area pages
- Auto-identifies logged-in customers by email
- Sends customer data to MultiChat when they start a conversation
- Allows your support team to see customer services, domains, and tickets directly in the chat dashboard
<script>
(function() {
var script = document.createElement('script');
script.src = 'https://multichat.website/app/widget.js?v=2.0';
script.setAttribute('data-bubble-key', 'YOUR_BUBBLE_KEY');
script.setAttribute('data-prefill-email', 'customer@example.com');
script.setAttribute('data-prefill-name', 'John Doe');
script.setAttribute('data-whmcs-client-id', '12345');
script.setAttribute('data-auto-identify', 'true');
document.head.appendChild(script);
})();
</script>
📖 Feature Documentation
Chat Bubbles
Create unlimited chat bubbles (Premium) or up to 2 (Free plan). Each bubble can be customized independently with:
- Custom colors and branding
- Position (bottom-right, bottom-left, top-right, top-left)
- Size (small, medium, large)
- Welcome message and offline message
- Tooltip configuration
- Window dimensions
Customer Authentication
Multiple ways to authenticate customers:
- Manual Login: Customers enter name and email
- Google OAuth: One-click sign-in with Google account
- Auto-Identify: Pre-fill customer data from your website/WHMCS
Visitor Analytics
Track comprehensive visitor data including:
- Geographic location (Country, Region, City) with GeoIP
- Browser and operating system
- Device type (Desktop, Mobile, Tablet)
- Visit timestamps and referrer information
- Visual charts and data tables
API Access
Premium users get full API access for custom integrations. Available endpoints:
/app/whmcs_api.php- Customer sync and WHMCS integration/app/api.php- Widget API for conversations and messages
❓ Frequently Asked Questions
How many chat bubbles can I create?
Free plan: Up to 2 chat bubbles
Premium plan: Unlimited chat bubbles
What's included in the free plan?
2 chat bubbles, 500 conversations per month, basic customization, and email support. Perfect for small businesses and personal websites.
Can I use the same chat bubble on multiple websites?
Yes! Simply copy the same embed code to as many websites as you want. All conversations will appear in your dashboard.
Does it work with WordPress/Shopify/Other platforms?
Yes! MultiChat works with any website that allows you to add custom HTML/JavaScript. Simply paste the embed code into your site's footer or use a code injection plugin.
Is the WHMCS module really free?
Yes! The WHMCS addon module is completely free with no license required. Download and use it on as many WHMCS installations as you need.
How does auto-identify work?
Use the data attributes in the widget code to pre-fill customer information. Perfect for logged-in areas of your website or WHMCS integration. Customers won't need to enter their details again.
Can I remove the MultiChat branding?
Yes, with the Premium plan you can remove all MultiChat branding from your chat bubbles.
How do I upgrade to Premium?
Login to your account and go to Settings. Click the "Upgrade to Premium" button and follow the payment instructions.
Can I use MultiChat as a Desktop App?
Yes! You can install MultiChat as a desktop application using Google Chrome's "Install as App" feature. This gives you a dedicated app window without browser tabs or address bar. To install: visit your dashboard, click the install icon in Chrome's address bar, and click "Install". View full installation guide →
🎨 Widget Customization Options
Data Attributes
Customize the widget behavior using these data attributes:
data-bubble-key="YOUR_KEY" - Required: Your unique bubble identifier
Auto-Identify Customer:
data-prefill-email="user@example.com" - Pre-fill customer email
data-prefill-name="John Doe" - Pre-fill customer name
data-whmcs-client-id="12345" - WHMCS client ID (optional)
data-auto-identify="true" - Skip the form and auto-login
Alternative Attribute Names (for compatibility):
data-customer-email - Alternative to data-prefill-email
data-auto-login="true" - Alternative to data-auto-identify
data-skip-form="true" - Alternative to data-auto-identify
Example: WHMCS Integration
(function() {
var script = document.createElement('script');
script.src = 'https://multichat.website/app/widget.js?v=2.1';
script.setAttribute('data-bubble-key', 'your_bubble_key_here');
script.setAttribute('data-prefill-email', '{$client.email}');
script.setAttribute('data-prefill-name', '{$client.fullname}');
script.setAttribute('data-whmcs-client-id', '{$client.id}');
script.setAttribute('data-auto-identify', 'true');
document.head.appendChild(script);
})();
</script>
💬 Need Help?
Our support team is here to help!
Email: support@multichat.website
Response Time: Within 24 hours (Free) | Within 2 hours (Premium)