Hướng dẫn tích hợp chat zalo vào website wordpress

1
238

Xin chào các bạn hôm nay mình sẽ hướng dẫn các bạn tích hợp chat zalo vào website wordpress. Zalo hiện giờ cũng rất phổ biến nên cũng khá tốt khi chúng ta có 1 kênh chat zalo để hỡ trợ khách hàng.

Tích hợp chat zalo vào website wordpress

Bước 1 : Các bạn tạo một tài khoản Zalo Official Account

Link : Zalo Official Account

Bước 2 : Truy cập vào trang Zalo For Developers

Link :  http://developers.zalo.me/docs/social/zalo-chat-widget
Và làm theo như hình :

Hướng dẫn tích hợp Widget zalo Chat vào website wordpress

  • Zalo Official Account ID: khi bạn tao sẽ có cái này
  • Tin nhắn chào mừng khi khách truy cập vào trang của bạn: Trong một ngày mỗi khách truy cập chỉ nhận được một tin nhắn chào.
  • Thời gian chờ để tự động mở khung cửa sổ chat: Mặc định: 0 giây.Trong một ngày với mỗi khách truy cập chỉ tự động bật khung cửa sổ chat một lần.

Bước 3 : Click vào lấy mã ta sẽ đc 1 đoạn mã như sau

Click vào lấy mã ta sẽ đc 1 đoạn mã

Bước 4 : Tạo widget

Nếu bạn đang sử dụng website wordpress thì các bạn vào giao diện => widget và tạo 1 widget như hình :

tạo zalo widget

Click lưu thay đổi sau đó ra trung chủ và xem thành quả :

Hướng dẫn tích hợp Widget zalo Chat vào website wordpress

Chú ý : Nếu các bạn không sử dụng website wordpress thì chèn code lấy được sau thẻ nhé.

Thêm chat zalo vào website wordpress sử dụng plguin

Cách này khá đơn giản các bạn chỉ cần tải và cài đặt plugin OT Zalo.
Sau khi cài đặt xong truy cập vào Setting => OT Zalo và điền các thông tin ở đây. Trong đó:

  • Zalo Official Account ID: Là ID tài khoản Zalo Chat của bạn.
  • Enable Zalo Chat Widget: Ấn vào đây để kích hoạt Zalo Chat trên website.
  • Welcome Message: Lời chào khi khách truy cập vào website.
  • Enable Zalo Share Button: Ấn vào đây để kích haotj tính năng Zalo Share.
  • Enable Zalo Share Button On Single: Kích hoạt tính năng chia sẻ trên bài viết, pages, product.
  • Zalo icon position: Vị trí hiển thị nút chia sẻ Zalo.
  • Zalo Share Layout: Giao diện chính.
  • Zalo Share Color: Mầu biểu tượng chia sẻ.

Sau khi cài đặt xong click vào “Save Changes” để hoàn tất.

Thêm chat zalo vào website wordpress sử dụng plguin OT zalo

Chúc các bạn thành công !
( Nguồn: Theo SamPres.com )

Chia sẻ

Leave a Reply

Sort by:   newest | oldest | most voted

Cho mình xin link về nguồn bạn nhé!

wpDiscuz