Xin chào các bạn! Hôm nay Thịnh sẽ hướng dẫn các bạn cách lấy code của zopim nhúng vào website. Bạn nào biết cách nhúng thì có thể bỏ qua xem bài viết khác nhưng với những bạn chưa biết hay là quên thì bài viết này giúp ích cho các bạn.
Mình sẽ không giới thiệu lại zopim cũng như hướng dẫn đăng ký vì ở 2 bài trước mình đều nói rồi do vậy bạn nào chưa biết thì xin mời đọc 2 bài ở link sau:
- Sử dụng Zopim Live Chat cho hệ thống hỗ trợ trực tuyến của website
- Hướng dẫn đăng ký tài khoản zopim
Ở đây có 2 cách khác nhau để lấy code zopim và mình sẽ hướng dẫn cả 2
Cách 1: Lấy code zopim ngay trong trang quản trị của zopim
Để vào trang quản trị của zopim tiến lấy code để nhúng vào website của bạn thì bạn làm theo hướng dẫn sau
- Đầu tiên bạn vào trang zopim.com
- Tiếp đến bạn vào phần login.
- Tiếp đến bạn vào phần “Dashboard“.
- Sau khi bạn đăng nhập nó sẽ chuyển bạn vào trang quản trị.
- Tiếp theo bạn cần vào phần “Settings” -> chọn “Widget” và tiếp đến bạn để ý nó phải thuộc “Getting Started“. Bạn copy đoạn code trong khung màu đỏ như hình dưới.
- Bạn vào website của bạn, nếu là wordpress thì bạn vào “Giao diện” -> “Sửa” chọn file footer.php và paste vào trước thẻ đóng </body>. Nếu website của bạn là joomla thì bạn mở file index.php của theme và dán vào trước thẻ đóng </body>. Nếu là NukeViet thì bạn vào thư mục themes -> chọn theme của bạn -> vào thư mục layout -> mở file footer_only.tpl và dán vào trước thẻ đóng </body>. Các mã nguồn khác đều trước thẻ đóng </body>.
Cách 2: Lấy code ngay trong mail thông báo của zopim
Ngay sau khi bạn đăng ký xong và kích hoạt thành công, khi bạn đăng nhập vào quản trị lần đàu tiên thì zopim sẽ gửi về mail của bạn một thư thông báo cùng mã nhúng
với tiêu đề: “[Zendesk Chat] Complete your Zendesk Chat Installation” như hình sau.
Tiếp đến là bạn tiến hành nhúng vào website miễn là trước thẻ đóng </body> như ở bước 6 của cách số 1.
Với cả 2 cách trên đều cho ra kết quả là cửa sổ zopim ngoài site ở góc trái hoặc phải tùy theo thiết lập của bạn.
Chúc các bạn thành công!