Website chat installation guide

1. Activate your plan and connect your panelIn the dashboard open “Subscription” then “Link”, and enter your SMM panel URL and Admin API key.
2. Start the “Chat & tickets” botFrom the “Bots” tab press start. This bot serves the website widget.
3. Add your website domainIn the “Site chat” tab type your domain (e.g. example.com) and save. We add the www and non-www versions automatically.
4. Choose the chat designPick a ready palette or tune each colour, enter your site name and set the chat position. Check the preview, then save.
5. Copy the codeCopy the script line from step 3 on the same page, or download chat-widget.js if your site does not allow an external script.
6. Paste it into your sitePaste it before or before on every page, depending on your platform (details below).
7. Test the chatOpen your site, click the chat button, send the username registered in your panel, then send e.g. 13850 speed.

The code you will paste

You will find your own code (with your account ID) in the dashboard. It looks like:

<script src="http://bot-swaqly.online/c/YOUR_ID/widget.js" async></script>

Or, when using the file after uploading it to your site:

<script src="/chat-widget.js" defer></script>

Where do I paste the code?

Plain HTML or PHP / Laravel

Paste the script in your shared header file (such as header.php or layouts/app.blade.php) before or .

Ready-made SMM panel

In the panel settings look for a Custom code / Header HTML field and paste the line, or add it to the theme file before .

WordPress

Install the WPCode plugin, create an HTML snippet, paste the script, choose Site Wide Footer and activate it.

Shopify

Online Store → Themes → Edit code → theme.liquid, and paste the script before .

Wix / Webflow / Squarespace

Wix: Settings → Custom Code → Body - end. Webflow: Project Settings → Custom Code → Footer. Squarespace: Settings → Advanced → Code Injection → Footer.

Troubleshooting

The chat does not appear

Make sure the script is on every page, clear the cache and temporarily disable ad blockers. If your site is https, the script URL must be https too.

Message: this website is not on the allow-list (origin_not_allowed)

Add your domain in the dashboard (both www and non-www), save, then press “Test connection”.

Message: could not reach the chat service

Make sure the “Chat & tickets” bot is running and your subscription is active, then press “Test connection” in the dashboard.

The chat language is wrong

The chat follows the lang attribute of your html tag (ar or en), and visitors can switch it inside the chat.

I changed the colours but nothing changed

Changes appear within 5 minutes because of caching. If you use the file, download it again.