Mojeeb Chat Widget - Production Ready

🚀 Integration Guide

1 Get Your Widget ID

Contact Mojeeb support to get your unique widget ID. Each widget is tied to a specific agent and configuration.

Example Widget ID: YOUR-WIDGET-ID-HERE

2 Add Widget Script to Your Website

Add this script tag to your HTML, just before the closing </body> tag:

<script id="mojeeb-chat-widget"
        src="https://mojeebcdn.z7.web.core.windows.net/mojeeb-widget.prod.js"
        data-widget-id="YOUR_WIDGET_ID_HERE"
        data-config="{}">
</script>
                

3 Customize Widget (Optional)

You can override widget settings using the data-config attribute:

<script id="mojeeb-chat-widget"
        src="https://mojeebcdn.z7.web.core.windows.net/mojeeb-widget.prod.js"
        data-widget-id="YOUR_WIDGET_ID_HERE"
        data-config='{
            "position": "bottom-right",
            "primaryColor": "#667eea",
            "launcherText": "Need Help?"
        }'>
</script>
                

4 Advanced Integration (Dynamic Loading)

For more control, you can load the widget dynamically:

<script>
(function() {
    var script = document.createElement('script');
    script.src = 'https://mojeebcdn.z7.web.core.windows.net/mojeeb-widget.prod.js';
    script.id = 'mojeeb-chat-widget';
    script.setAttribute('data-widget-id', 'YOUR_WIDGET_ID_HERE');
    script.setAttribute('data-config', '{}');
    document.head.appendChild(script);
})();
</script>
                

📱

Mobile Responsive

Automatically switches between desktop popup and full-screen mobile experience

🎨

Customizable

Brand colors, positioning, welcome messages, and launcher text can all be customized

🤖

AI-Powered

🌍

Multi-Language

Supports multiple languages with RTL text support for Arabic and other languages

⚡

Fast Loading

Lightweight and optimized for fast loading without impacting your website performance

🔒

Secure

Built with security best practices, CORS protection, and secure data handling