Zalo chat là một trong những mạng xã hội lớn nhất việt làm, theo thống kê thì có tới 90% người dùng sử dụng zalo liên tục để nhắn tin, vì thế nó được xếp vào một trong những kênh bán hàng lớn hiện nay, hiện nay zalo đã ra các phiên bản dành cho máy tính.
Tuy nhiên chúng ta mới chỉ có thể sử dụng vào việc nhắn tin thôi vì nó chưa hỗ trợ đăng trạng thái, quảng bá website, và để thuận tiện hơn trong việc kết nối với nhau hôm nay mình sẽ hướng dẫn bạn cách tích hợp zalo chat vào website wordpress một cách đơn giản nhất.
Làm sao để tích hợp Zalo Chát vào WordPress?
Chúng ta có thể thực hiện việc này bằng hai cách khác nhau, tùy vào mục địch sử dụng của bạn các thứ nhất là chúng ta sẽ chèn trực tiếp code zalo chát vào widgets của wordpress, hoặc đối với bạn nào không muốn chỉnh sửa code thì có thể cài plugin OT Zalo chức năng tương tự.
Hướng dẫn tích hợp Widget Zalo Chat vào WordPress
Để thực hiện việc này trước tiên bạn cần phải truy cập vào tài khoản zalo của mình, nếu bạn chưa có tài khoản thì có thể tạo một tài khoản riêng cho mình bằng cách truy cập vào zalo.me và điền tên và số điện thoại và tiến hành tạo tài khoản mới. Sau khi tạo tài khoản xong sẽ tiến hành lấy mã Zalo chát bằng các bước dưới đây.
Bước 1: Tạo 1 Zalo Official
Để tạo tài khoản Zalo Official bạn truy cập vào địa chỉ http://developers.zalo.me tiếp theo chọn Ứng dụng của tôi > Thêm mới ứng dụng.
Bước 2: Truy cập Tài liệu Widget Chat
Tại địa chỉ http://developers.zalo.me/docs/social/zalo-chat-widget
Trong đó:
Official Account: là tài khoản Zalo chat của bạn.
Chọn câu chào: Là tin nhắn chào mừng khi khách truy cập vào trang web của.
Thời gian hiển thị cửa sổ chat (giây): Là thời gian để khung cửa sổ Zalo chat mở lên, mặc định là 0 bạn có thể thay đổi tùy ý.
Sau khi cài đặt xong click vào “Lấy mã”. Một popup mới sẽ hiện ra bạn click vào vị trí bất kỳ để copy đoạn mã sau đó nhúng vào website.
Bước 3: Chèn mã Zalo chat vào Widget
Truy cập Dashboard > Appearance > Customize > Widgets > Primary Sidebar > Add Widgets
tiếp theo chọn tiện ích “Text” và chèn mã code zalo chát vừa copy lúc nẫy.
Tiếp theo ấn “Save & Publish”
Như vậy là bạn đã thấy cửa sổ Zalo Chát nhỏ hiện trên màn hình ở góc phải màn hình rồi.
Hướng dẫn cài đặt Plugin OT Zalo Chat
Cách này khá đơn giản các bạn chỉ cần tải và cài đặt plugin OT Zalo bằng cách truy cập vào Download OT Zalo link Google Driver các bạn cài đặt nhưng bình thường. 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.
Lời kết
Như vậy là bạn đã chèn được Zalo chát vào website wordpress của mình bằng hai cách đơn giản, hy vọng bài viết này sẽ hữu ích cho bạn, mọi thắc mắc vui lòng comments bên dưới.
wow.. wow..wow
😮
Cho tôi hỏi: Làm thế nào để nhận tin nhắn từ khách hàng đã gởi
bạn làm theo hd nhé!
Cám ơn bạn nhiều, mình sẽ thử tích hợp chat zalo cho website của mình xem có được không
Ok bạn tôi!
cho tôi hỏi tôi thực hiện đến bước 2 rồi nhưng không biết làm tiếp bước 3 như thế nào ạ?
Cái chèn mã bạn chèn như bt thôi!
Bác làm luôn hướng dẫn tích hợp gọi zalo trên website luôn đi bác. Hóng quá, cái này nhiều lúc cũng hay nè!
ok bác vậy để mấy bữa e dảnh e làm hd nhé!
ok, nhanh nhá bác, để em cập nhật vào webiste bán hàng mấy ngày tết.
Trường họp mình không sử dụng trên wordpress thì làm như thế nào bạn
Bạn có thể chèn bất kỳ đâu, vì đây là mã html mà.
Now i’m actually influenced using your way with words-at all and also using the formatting to the weblog. Is this fact a new paid for topic or even can you transform them all by yourself? Anyways stay inside the good top quality composing, it really is uncommon to look an excellent blog such as this one as of late Phim Thuyet Minh. Phim Long Tieng.
Cho mình hỏi làm cái này có mất phí gì khác không bạn ơi?
Chào bạn việc tích hợp zalo vào website là hoàn toàn miễn phí bạn nhé!
Chào bạn, bạn có thể hướng dẫn cách tùy chỉnh vị trí box chat zalo không? Mình tích hợp zalo chat nhưng giao diện trên điện thoại không ổn, nút click vào để chat bị nhảy lửng lơ chứ ko ở bottom như hiển thị trên desktop. Hỏi hỗ trợ bên zalo thì đợi hoài ko thấy trả lời. Cảm ơn bạn
Dạ cho em hỏi làm thế nào cửa sổ zalo tự động mở lên sau vài giây ở trên wesbite ạ
bạn chèn nó tự động bật lên rồi đó!
Cho mình hỏi tạo link như thế nào để khi KH click vào một icon chat trên website thì nó sẽ dẫn đến hộp chat với cửa hàng trên ứng dụng zalo mà k phải hoppj chát trực tiếp như vậy? Xin cảm ơn!
cùng 1 câu hỏi với bạn.
Sao tôi làm đến bước cuối thì báo lỗi, mong được giúp đỡ
Web mình không phải wordpress thì có làm được không bạn
Ừ, website dây đeo thẻ nhân viên của mình cũng viết bằng code thường thì có chèn zalo vào được không vậy ad ơi
Cảm ơn bạn, cài zalo vào rất tiện
Plugin này bị lỗi xung đột với wp, cài phát web lỗi 505 luôn
Mình cũng hay bị thế trên phiên bản wordpress Phiên bản 4.9.7 bạn vào cpanel xóa plugin đi là hết.
Sao mình cài hoài không được nhỉ
Bạn gặp lỗi gì nhỉ?
Cảm ơn bạn mình đã làm được rồi, nội dung sau khi được chia sẻ lên zalo thì lượng khách hàng truy cập website cũng tăng lên đáng kể
chúc mừng bạn nhé!
HI ad,
Mình đã tạo và tích hơp thành công ,mình test trên vai trò khách hàng vào chat zalo mess trên website đã tích hợp zalo chat .Nhưng đứng trên vai trò khách hàng khi vào chat thì hiện cảnh báo là OA đang chờ duyệt .chỉ quản trị viên của OA mới xem được.
Như vậy khi nào tai khoản OA mới duyệt và khách hàng vào website mới chat được ?
Thanks.
Mình cài xong, thay ID khác thì nó vẫn vào ID cũ
Uninstal plugin, cài lại, nhập ID mới nhưng nó vẫn vào ID cũ là sao
Cách khắc phuc?
cho mình hỏi mình cài đặt xong rồi . có cách nào tn gửi về trực tiếp zalo trên di động không bạn
mình muốn gắn zalo chát gọi miễn phí trên website thì có đươc ko
Cám ơn đã chia sẻ!
Ok bác!
Không hiển thị trên website bạn ơi!
Uncaught SecurityError: Failed to read the ‘localStorage’ property from ‘Window’: Access is denied for this document.
Khi làm theo bài này mới hiển thị, nhưng cái đó là của trình duyệt.
https://www.chromium.org/for-testers/bug-reporting-guidelines/uncaught-securityerror-failed-to-read-the-localstorage-property-from-window-access-is-denied-for-this-document
CÓ cách nào khác không bạn?
Cám ơn đã chia sẻ! Mình muốn gắn zalo chát gọi miễn phí trên website thì có đươc không?
Sao mình tạo rồi chèn lên được rồi. Mình dùng điện thoại truy cập vào rồi thử chat. Lúc chat nó bắt đăng nhập, mình dùng số điện thoại thứ 2 đăng nhập, chat mà nó không báo về tin nhắn ở số đăng ký là sao ta. Ad có thể giải đáp dùm với.
cảm ơn ad đã chia sẻ
A có làm videos hướng dẫn trên YouTube ko ạ??
a chưa có video e ạ!
– Mình làm xong rồi nhưng mà khi vào web =>chọn nút chat zalo => đăng nhập xong=> hiện trang zalo khác
– H làm sao để đăng nhập xong rồi chat trực tiếp luôn vậy chỉ mình với
– Có mâý người chỗ mình vô test lúc đầu đc ,khi đăng xuất rồi đăng nhập lại thì ko chat trực tiếp được nữa
Mình làm tới bước 3 như bạn hướng dẫn thì nó báo lỗi hiện ra cái trang trắng không có gì hết 🙁 ko biết có phải do bản wordpress của mình là phiên bản củ nên nó bị lỗi hay không nữa.