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

Ngày: 04-04-2020 bởi: Tùng Bùi Xem: 3526 lượ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.

Tại sao cần phải tích hợp chat Zalo vào website?

Hiện nay Zalo là một trang mạng xã hội rất dễ sử dụng, dễ dàng đối với cả người già và cả những “người mù công nghệ”. Do vậy, Mạng xã hội này đã trở nên phổ biến và được khai thác nhiều hơn hết các ứng dụng nào khác. Việc tích hợp chat Zalo vào website sẽ giúp cho các nhà quản trị mạng có thêm một kênh chat để có thể hỗ trợ cho khách hàng tốt hơn.

tích hợp chat zalo vào website

Ưu điểm của việc tích hợp chat Zalo vào website

Hiện nay, có rất nhiều người lựa chọn cài đặt Zalo vào website thay vì chọn những hình thức liên lạc khác khi chúng ta thiết kế website. Việc chọn zalo vì lí do chúng có một số ưu điểm như sau:

Thông thường, những công cụ chat website thường gặp như livechat hoặc gochat nếu như tích hợp vào trang web sẽ cần rất nhiều công đoạn và sự hỗ trợ từ bên ngoài. Tuy nhiên nếu sử dụng zalo thì các bước chuẩn bị phụ bên ngoài này sẽ giảm được đáng kể.

Khi sử dụng zalo để kết nối với khách hàng, người quản trị web vẫn có thể giữ liên lạc và tiếp tục kết nối với khách hàng trước đó qua zalo cho dù họ đã không còn truy cập vào website. Nếu bạn dùng livechat thì khi thoát khỏi website đồng nghĩa với việc hộp thư chat này sẽ được đóng lại, ngắt kết nối ngay. Để có thể giải quyết tình trạng này việc sử dụng zalo là phương pháp tốt nhất.

Bên cạnh đó thì việc cài đặt zalo vào website sẽ giúp cho khách hàng có thể thực hiện like, chia sẻ thông tin sản phẩm hay chia sẻ link fanpage ngay qua hộp thoại chat của zalo mà không cần copy link từ một fanpage khác.

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.

Sử dụng công cụ Maxlead của AutoAds

Maxlead được biết đến là công cụ đa nền tảng, cách sử dụng của công cụ này rất đơn giản nhưng mang lại rất hiệu quả tuyệt vời với việc tối đa hóa chuyển đổi lượt truy cập trên website. Nếu muốn tích hợp Zalo vào website sử dụng hai cách bên trên mà chúng tôi đã kể ở trên, bạn cần phải trải qua nhiều bước phức tạp, cách cài đặt cũng không hề đơn giản. Với công cụ Maxlead, mọi công đoạn thực thi khi tích hợp Zalo vào website đều trở nên đơn giản!

Kết luận

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 !

Bài viết tương tự của Hướng dẫn tích hợp chat zalo vào website đơn giản nhất

Category là gì trong WordPress?  Nên sử dụng bao nhiêu Category là hợp lý?
Cách xóa và hiển thị bài viết cùng chuyên mục trong wordpress
Hướng dẫn backup website wordpress bằng thủ công và plugin
Cách thêm icon vào menu của wordpress đơn giản nhất
Kích thước ảnh chuẩn trên website bao nhiêu là hợp lý ?
Cách tạo sitemap cho website wordpress cực kì đơn giản
Tùng Bùi
Tùng Bùi Tùng Phát CEO. Đam mê SEO website, thiết kế website, đá bóng, offline cùng mọi người.
Facebook Youtube
Gọi điện thoại
0902.313.677

CSKH 24/7: 028.7776.8789

0902313677Zalo

Email hỗ trợ: info@tungphat.com

info@tungphat.com Email

Top