Mirq Widget Demo

Widget Status

Current widget status: Active

The widget should appear in the bottom-right corner of this page.

Quick Actions

Test URLs

Click on any URL below to set it in the widget:

reddit.com github.com/facebook/react news.ycombinator.com stackoverflow.com youtube.com/watch?v=dQw4w9WgXcQ twitter.com

Widget Features

🔗 URL-based Channels

Automatically creates chat rooms based on website URLs

⚡ Real-time Messaging

Instant message delivery with WebSocket connection

👥 User Presence

See who's online and typing indicators

🎨 Customizable Theme

Light and dark themes with custom styling

📱 Responsive Design

Works perfectly on desktop and mobile devices

🔐 Guest Mode

Join chats without registration required

Embedding Instructions

To embed this widget on your website, add the following code before the closing </body> tag:

<script src="https://cdn.mirq.net/widget/mirq-widget.min.js"
        data-api-url="https://api.mirq.net"
        data-theme="light"
        data-current-url="auto"></script>
            

Configuration Options

<script src="mirq-widget.min.js"
        data-api-url="https://api.mirq.net"     // Backend API URL
        data-theme="light"                      // light | dark
        data-position="bottom-right"            // Widget position
        data-auto-open="true"                   // Auto-open on load
        data-current-url="auto"                 // URL to use for channel
        data-nickname="YourName"                // Pre-fill nickname
        data-auto-init="true"></script>       // Auto-initialize
            

Manual Initialization

<script src="mirq-widget.min.js" data-auto-init="false"></script>
<script>
  const widget = new MirqWidget({
    apiUrl: 'https://api.mirq.net',
    theme: 'light',
    currentUrl: window.location.href,
    nickname: 'MyName',
    autoOpen: true
  });
</script>
            

JavaScript API

Control the widget programmatically:

// Access the widget instance
const widget = window.mirqWidget;

// Theme control
widget.setTheme('dark');        // Set theme
widget.setTheme('light');

// Widget control
widget.open();                  // Show widget
widget.close();                 // Hide widget
widget.minimize();              // Minimize widget
widget.maximize();              // Maximize widget

// URL control
widget.setUrl('example.com');   // Set chat URL
            

Browser Support

This widget supports all modern browsers:

Chrome 80+
Firefox 75+
Safari 13+
Edge 80+
Mobile browsers (iOS Safari, Chrome Mobile)

🚀 Mirq Widget Demo