Version 2.0.0

Client Integration Guide

Everything you need to successfully embed MelissAI on your website.

📦 Installation

Add the following code snippet to your website's HTML (just before the closing </body> tag).

Standard Installation

<script src="https://your-domain.com/js/embed.js"></script> <script> MelissAI.init({ apiUrl: 'https://your-domain.com', position: 'bottom-right' }); </script>

💡 Note: Replace your-domain.com with your actual hosting URL.

🎨 Customization

Color Themes

The widget uses CSS variables for effortless styling. You can override the primary gradient to match your brand colors.

Positioning

Standard positions include bottom-right, bottom-left, top-right, and top-left.

🔒 Security & Reliability

Sandboxed Iframe: The chat runs in a secure sandbox to protect your main site data.
Encrypted Traffic: All data is sent via SSL/HTTPS.
Privacy First: No personal user data is collected without explicit permission.
99.9% Uptime: Built on scalable enterprise infrastructure.

🛠️ Troubleshooting

Widget not appearing?

Check your browser console (F12) for any block errors. Ensure the apiUrl in your script matches your hosting domain exactly.

Mobile layout issues?

Ensure your website has the meta viewport tag: <meta name="viewport" content="width=device-width, initial-scale=1">.

📞 Need Help?

Our technical team is available 24/7 for integration assistance.

Contact Support