Qonek Chat Widget Integration Guide

This guide explains how to embed the Qonek Chat Widget into your website using a simple HTML script.

---

🧩 1. Add a Container Element

Add a container element with a specific ID where the widget will be mounted.

``html



`

Replace your-container-id with any ID you prefer.

---

📥 2. Insert the Widget Script


Paste the following script into your main HTML file, ideally right before the closing tag. This ensures the widget loads properly.

`html




`
Replace:
- YOUR_WIDGET_ID with your actual widget ID
- YOUR_GROUP_ID with your Qonek groupId`

---

💾 3. Save Your File

After editing your HTML file, save and refresh your website.

---

✅ 4. Verify Widget is Working

Open your website and ensure the Qonek Chat Widget appears as expected.

If everything is configured correctly, the widget should load instantly.

---

📌 Notes

- Make sure the scripts are placed after the container element in the HTML structure.
- If you're using a modern framework like Next.js, React, or Vue, placement may differ.

---

Need help? Feel free to reach out!