Hướng dẫn tích hợp chat zalo vào website đơn giản nhất

Ngoài các trang mạng xã hội như Facebook, Twitter, Skype thì ứng dụng Zalo cũng là một trang mạng được dùng phổ biến nhất ở Việt Nam. Không chỉ bởi có tính năng sẽ dàng sử dụng, mà nó còn có tính bảo mật khá cao. Có nhiều người dùng Zalo để kinh doanh bán hàng online, có một số người thì dùng để liên lạc,… Do đó bạn cần tích hợp chat Zalo vào website để biến nó thành phương tiện kết nối giữa bạn và người dùng web. Trong bài viết này công ty thiết kế website trọn gói Tùng Phát sẽ hướng dẫn bạn tích hợp chat Zalo vào website.

Hướng dẫn tích hợp chat Zalo vào website nhanh chóng nhất

Có rất nhiều cách để tích hợp chat Zalo vào website nhưng nhìn chung thì nó thường được thực hiện bằng 2 cách đó là: chèn trực tiếp mã code Zalo vào widgets của WordPress và cài plugin OT Zalo (chức năng tương tự như chat Zalo).

Cài plugin OT Zalo chat 

Bước 1: Bạn hãy download plugin Chat Zalo https://vi.wordpress.org/plugins/ot-zalo/ rồi tiến hành cài đặt giống như bình thường. Trên thực tế việc cài đặt và kích hoạt cũng giống như những plugin wordpress thông thường khác.

cài plugin OT Zalo chat
cài plugin OT Zalo chat

Bước 2: Điền thông tin trong tiện ích Cài đặt “Setting”

Bạn truy cập vào Setting –> OT Zalo sẽ có một hộp thoại xuất hiện với các thông tin sau:

+ Zalo Official Account ID: Đây là ID của tài khoản Zalo chat cá nhân hoặc là một tài khoản Zalo nào bạn đã dùng.

+ Enable Zalo chat widget: Hãy nhấp vào mục này để kích hoạt tích hợp chat Zalo trên website.

+ Welcome Message: Là lời chào mặc định khi khách hàng truy cập vào website bạn.

+ Enable Zalo Share Button: Nhấn vào mục này để kích hoạt chức năng Share.

+ Enable Zalo Share Button On Single: Nhấn vào mục này để kích hoạt tính năng giúp khách hàng share page mà không cần truy cập vào fanpage.

+ Zalo icon position: Đây là vị trí nút chia sẻ Zalo, hãy tùy chọn các tiện ích có trong mục này.

+ Zalo Share Layout: Vị trí xuất hiện biểu tượng Zalo chat, hãy chọn các layer 1 hoặc là tùy ý.

+ Zalo Share Color: là màu biểu tượng chia sẻ, hãy chọn màu có sẵn.

Cuối cùng nhấn vào Save Changes để hoàn tất.

Tìm hiểu thêm :

hướng dẫn cách tạo nút share và tích hợp fanpage facebook vào website

Tích hợp chat Zalo vào website bằng cách chèn mã code

Tạo tài khoản Zalo Officical Account

Bước 1: Trước tiên bạn mở tài khoản Zalo Official Account

Bạn truy cập vào trang web: https://oa.Zalo.me/home để bắt đầu tiến hành lập tài khoản.

Tạo tài khoản Zalo Officical Account
Tạo tài khoản Zalo Officical Account

Bước 2: Chọn loại tài khoản

Để đăng ký Official Account thì bạn cần chọn loại tài khoản phù hợp với mục đích sử dụng của bạn. Mỗi loại tài khoản đều có một đoạn mô tả ngắn cho mục đích sử dụng của từng loại tài khoản khác nhau.

chọn loại tài khoản
chọn loại tài khoản

Bước 3: Chọn danh mục

Bước này là quan trọng nhất góp phần giúp Google bot tìm kiếm hiểu được lĩnh vực mà website của bạn đang kinh doanh.

chọn danh mục
chọn danh mục

Cụ thể như website bạn đang kinh doanh các sản phẩm về thời trang thì bạn sẽ chọn “cửa hàng – dịch vụ” ở danh mục chính và điền thông tin “thời trang” vào danh mục con.

Bước 4: Nhập thông tin

Ở bước này bạn cần nhập các thông tin cần thiết và bắt buộc vào.

+ Tên Official Account: Hãy chọn tên tài khoản dễ nhớ hoặc lấy tên website cũng được.

+ Thông tin mô tả: Tối thiểu 20 ký tự và tối đa là 500 ký tự, nội dung tùy chọn.

+ Điện thoại liên hệ: Thường sẽ dùng số điện thoại đã có ứng dụng Zalo cá nhân, còn các nhà quản trị thông thường sẽ lấy số điện thoại hoặc hotline chung của doanh nghiệp công ty.

Bước 5: Chọn ảnh cho tài khoản Official Account

Cũng giống như bạn đăng ký tài khoản Zalo cá nhân vậy, chọn ảnh đại diện và ảnh bìa cho tài khoản để người dùng dễ dàng nhận diện bạn chính xác.

Ngoài ra việc bạn dùng những hình ảnh độc quyền cho tài khoản Official Account cũng là cách để giảm tránh “tai mắt của bot Google” để ý đến tài khoản của website bạn.

Bước 6: Nhập địa chỉ rồi nhấn vào Hoàn tất

Bước 7: Chờ Official kiểm duyệt

Thông thường bạn sẽ mất 1 ngày để đội ngũ Zalo xem xét và kiểm duyệt thông tin. Nếu như bạn thiếu thông tin hoặc chưa chính xác sẽ được Zalo báo về để bổ sung.

Chèn mã code sau khi đã được kiểm duyệt

Bước 1: Lấy mã code

Sau khi kiểm duyệt xong tài khoản Official Account của bạn đã được kích hoạt.

Bạn hãy truy cập vào trang web: https://developers.Zalo.me/docs/social/Zalo-chat-widget để tạo mã nhúng.

chọn mã code cần tích hợp
chọn mã code cần tích hợp

Trong đó:

1.Official Account: tài khoản chính thức

2. Chọn câu chào: đây là câu chào mặc định khi khách hàng dùng để chat Zalo tren website

3. Thời gian hiển thị cửa sổ chat

4. Width: chiều rộng khung chat hiển thị trên website

5. Height: chiều dài khung chat hiển thị trên website

Điền xong những thông tin này, bạn hãy nhấn vào Lấy mã, sẽ có một hộp thoại xuất hiện chứa đoạn mã code, hãy copy đoạn mã code đó.

Bước 2: Nhúng đoạn code vào widget chat

Quay về màn hình hiển thị chính của WordPress, bạn truy cập vào Dashboard –> Appearance –> Customize –> Widgets –> Frimary Sidebar –> Add widgets.

lấy mã code tích hợp zalo vào website
lấy mã code tích hợp zalo vào website

Chọn tiện ích Text rồi chèn đoạn code vừa copy ở trên. Sau đó nhấn Save & Public để hoàn thành.

Bước 3: Về trang web để xem đã có nút Zalo chưa

Nếu như bạn thấy biểu tượng Zalo hiển thị ở góc phải màn hình tức là bạn đã tích hợp chat Zalo vào website thành công rồi.

Hy vọng qua bài viết trên của Tùng Phát các bạn sẽ có thêm những kinh nghiệm xử lý cũng như tích hợp những chức năng khác vào website của mình. Ngoài ra nếu quý khách đang cần tìm những thông tin bổ ích về hướng dẫn quản trị website wordpress thì có thể xem tại Blog của chúng tôi. Cảm ơn vì đã đọc bài viết !

CSKH 24/7: 028.7776.8789
Email hỗ trợ: [email protected]