Zalo Chat Button on Website

Guide Info

Target audience: Website Admin
Time required: 5–10 minutes
Outcome: Zalo chat button floats in bottom-right corner on all website pages — customers click to open the OA directly

Warning

The screenshots on this page use hypothetical sample data. The Zalo accounts, contacts, conversations and messages shown are illustrative only and do not belong to any real person or business.

This feature adds a floating Zalo chat button to the bottom-right of your website. Customers click it to open Zalo directly (the app on phone, Zalo Web on desktop). Ideal if your team primarily handles conversations via Zalo OA and wants to drive more customers to that channel from your website.

Example used throughout this guide: Website Admin Linh connects the Viindoo Demo OA account to the company website My Website. Visitors on any product page can now tap the Zalo button and reach the sales team directly — without searching for a phone number or OA ID. The button gives visitors a direct way to start a conversation with the configured OA.

Prerequisites

All the conditions below must be met — missing one means the button won’t appear:

Condition

Check Here

Zalo OA is connected (status Connected). The button opens the OA by the OA ID that Sync OA Profile fills in; before the sync it falls back to the App ID, which is not the OA.

Configure Zalo OA

Website has the Livechat option enabled with a Channel selected

Website ‣ Configuration ‣ Settings → Livechat option

Module Website Livechat button for Zalo is installed

Apps → search “Zalo”, module Website Livechat button for Zalo

You hold the Administrator access right of the Live Chat application: the Zalo Livechat Account field is hidden for other users

Settings ‣ Users & Companies ‣ Users → Access Rights tab

Install Module

Go to Settings ‣ Zalo and in the Zalo Extensions section, verify that Zalo Website Livechat is enabled.

Zalo Settings screen with the Zalo Extensions section showing Zalo Website Livechat enabled and its Zalo OA for website field

Configure Zalo Chat Button

Two methods available — both give the same result, choose whichever is easier.

Method 1 — Via Website Settings (use if you have multiple websites)

  1. Website ‣ Configuration ‣ Settings, then choose the website in the website selector at the top of the screen (example: My Website).

  2. Livechat section → “Zalo Livechat Account” field.

  3. Select the OA to link (example: Viindoo Demo OA) → Save.

Website Settings screen with the website selector at the top and the Zalo Livechat Account field in the Livechat section, set to Viindoo Demo OA

Note

The “Zalo Livechat Account” field only appears if the website already has Live Chat channel enabled.

Method 2 — Via Zalo Settings (faster if you have only one website)

  1. Settings ‣ Zalo → Zalo Extensions section.

  2. “Zalo OA for website” field → select OA → Save.

Zalo Settings screen with the Zalo OA for website field set to Viindoo Demo OA

The button appears immediately after Save — no restart needed.

Verify the Result

Tip

Open a private browser window and visit your website. Verify:

  • Round Zalo button floats in the bottom-right corner, above the Live Chat button.

  • Clicking the button → opens Zalo, not a pop-up on the page.

  • Zalo opens the correct configured OA, not a different one.

Website page with the round Zalo button floating in the bottom-right corner above the Live Chat button

Multi-Website Setup

Each website has its own OA field — assign independently, no cross-interference:

  • Sales website → sales team OA

  • Customer support website → support team OA

Use Method 1 to choose each website in turn and assign the appropriate OA.

Note

In a multi-company environment: the dropdown only shows OAs of the companies that are enabled in the company switcher. OAs of other companies don’t appear - that’s correct behavior, not an error.

Common Issues

Symptom

Common Cause

Solution

Zalo button not showing

Missing Live Chat channel, OA not assigned, or module not installed

Check the prerequisites in the table above; confirm module is installed in Apps

OA dropdown is empty or missing expected OA

The OA’s company is not enabled in the company switcher

Enable the OA’s company in the company switcher; check the OA’s Company in Zalo ‣ Configuration ‣ Accounts

Zalo button opens wrong OA

Website assigned the wrong OA

Website ‣ Configuration ‣ Settings → choose each website → check and correct the “Zalo Livechat Account” field