How to Install the Liqaa Chat Widget
Installing the Liqaa Chat Widget
Get Liqaa live chat on your website in under 30 seconds with a single line of code.
Step 1: Get Your Widget Code
- Log in to member.liqaa.id
- Go to Settings > Widget
- Copy the embed code
Step 2: Add to Your Website
Paste the code before the closing </body> tag on your website:
<script src="https://api.liqaa.id/widget.js"
data-widget-key="YOUR_WIDGET_KEY"
data-guest-mode="true"
data-color="#2563eb">
</script>Step 3: Verify
Open your website — you should see the Liqaa chat icon in the bottom-right corner.
Configuration Options
| Attribute | Description | Default |
|-----------|-------------|---------|
| data-widget-key | Your unique widget identifier | — |
| data-guest-mode | Enable for visitors without login | true |
| data-color | Widget theme color | #2563eb |
| data-position | bottom-right or bottom-left | bottom-right |
| data-greeting | Welcome message | — |
| data-powered-by | Show Liqaa branding | true |
Multi-Website Support
You can install the widget on multiple websites. Each site gets its own widget key. Check your plan for website limits.
Troubleshooting
- Widget not showing? Check that the code is placed before `</body>`
- Ad blocker issues? Some ad blockers may block the widget script
- HTTPS required? The widget works on both HTTP and HTTPS