Chuyển tới nội dung chính

Nhúng mã vào giao diện website

Nhúng mã vào giao diện website

Chuyển sang giao diện trang quản trị website và làm theo hướng dẫn tương ứng với nền tảng của doanh nghiệp:

WordPressLadiPageSapoHaravanGoogle Tag Manager

Cài đặt Subiz trên website WordPress

  • Bước 1: Mở trang quản lý WordPress Admin Panel > Appearance > Editor.
  • Bước 2: Tìm file footer.php bên cột bên phải và mở file này.
  • Bước 3: Sao chép mã nhúng Subiz tại đây.
  • Bước 4 Dán mã nhúng Subiz trước thẻ body đóng
  • Bước 5: Kiểm tra trên trang WordPress có dùng plugin cache nào không? Nếu có cần xóa cache để lưu mã nhúng Subiz vừa cài đặt. Ví dụ: WP Rocket, Comet Cache, W3 Total Cache,...

Cài đặt Subiz trên LadiPage

  • Bước 1: Login tài khoản LadiPage và chọn Landing page bạn muốn đặt Subiz.
  • Bước 2: Trên LadiPage, bạn vào CÀI ĐẶT TRANG tại góc dưới bên phải màn hình. Tại màn hình mở ra, bạn chọn Tab "Mã theo dõi tuỳ chỉnh".
  • Bước 3: Sao chép mã nhúng Subiz tại đây và dán vào tab "Mã theo dõi tuỳ chỉnh" nói ở bước 2. Bạn chọn vị trí đặt là "Thêm vào trước thẻ body” > Chọn Save > Chọn Xuất bản
  • Bước 4: Truy cập vào Landing Page để xem hiển thị cửa sổ chat

Cài đặt Subiz trên web Sapo

  • Bước 1: Đăng nhập trang quản trị website của Sapo > Chọn Website.
  • Bước 2: Chọn Giao diện > Thao tác > Chỉnh sửa HTML/CSS.
  • Bước 3: Chọn Them.bwt > Tìm thẻ “body” > Sao chép mã nhúng Subiz và dán trước thẻ “body” > Lưu để hoàn thành

Cài đặt Subiz trên website Haravan

  • Bước 1: Đăng nhập trang quản lý website của Haravan
  • Bước 2: Chọn Website > chọn Giao diện > chọn
  • Bước 3: Chọn theme.liquid trong Layouts > Tìm thẻ “head” > Sao chép mã nhúng Subiz và dán ngay sau thẻ “head” > chọn Lưu để hoàn thành

Dùng Google Tag Manager để cài đặt Subiz lên website

Khi bạn sử dụng Google Tag Manager trên website, bạn có thể tích hợp Subiz chat vào website thông qua Google Tag Manager theo các bước như sau:

Bước 1: Đăng nhập Tagmanager.google.com

Bước 2: Chọn account quản lý website sẽ tích hợp Subiz chat tại All account.

Bước 3: Tại WORKSPACE chọn Tags, nhấp NEW để tạo tag mới

Bước 4: Điền tên Tag để phân biệt các Tag và chức năng của Tag

Bước 5: Nhúng mã code Subiz

  • Tại Tag Configuration > Custom HTML > dán mã nhúng
  • Chọn ✓Support document.write
  • Chọn All Pages ở Triggering nếu muốn hiển thị cửa sổ chat Subiz trên tất cả các trang của website

Lưu ý: Trigger là điều kiện bạn muốn thẻ Tag Subiz chat sẽ hoạt động. Bạn có thể tùy chọn Trigger theo nhu cầu riêng. Ví dụ:

  • Tất cả các trang của website (All Pages) sẽ hiển thị cửa sổ Subiz chat.
  • Chỉ một số trang (Some Pages) sẽ hiển thị cửa sổ Subiz chat.
  • Khách có một hành động cụ thể như Click, kéo scroll chuột, hay sau một khoảng thời gian vào website,.... sẽ hiển thị cửa sổ Subiz chat.

Bước 6: Chọn SAVE, chọn SUBMIT ở góc phải màn hình

Bước 7: Điền thông tin mô tả trong mục Publish and Create Version > chọn PUBLISH để hoàn thành.

Kiểm tra hoạt động cửa sổ chat Subiz

Vào website, F5 tải trang để cập nhật thay đổi và thấy cửa sổ chat ở góc phải màn hình là cài đặt thành công.

Nhắn tin test trên cửa sổ chat và quay lại trang quản lý hội thoại chat trên Subiz để phản hồi tin nhắn đó.

Chỉnh sửa cửa sổ chat

  • Tại đây, bạn sửa được màu sắc, hình ảnh và các nội dung đang có

  • Nhấp Lưu thay đổi là xong