HUB CDP Help Center
  • Tổng quan HUB CDP
    • Giới thiệu HUB CDP
    • Các câu hỏi thường gặp
    • HUB Product Tour
    • Cấu hình hệ thống
      • Trường tuỳ chỉnh
        • Quản lý danh sách trường tuỳ chỉnh
        • Tạo mới trường tuỳ chỉnh
        • Chỉnh sửa trường tuỳ chỉnh
        • Tìm kiếm trường tuỳ chỉnh
      • Phân quyền hệ thống
        • Thêm mới một phân quyền
        • Chỉnh sửa một phân quyền
      • Cài đặt tài khoản
        • Tạo mới tài khoản
        • Đăng nhập hệ thống
        • Thay đổi mật khẩu
        • Quên mật khẩu
        • Thay đổi thông tin
        • Gán quyền cho tài khoản
        • Cài đặt API
        • Cài đặt Webhook
  • Dashboard insight
    • Dashboard
      • Báo cáo hiệu suất
      • Báo cáo doanh thu
      • Báo cáo thông minh
    • Report
      • Lịch sử cuộc gọi
      • ZNS
      • SMS
  • Data Collect
    • Tích hợp dữ liệu
      • Tích hợp hệ thống CHAT Pancake
      • Tích hợp hệ thống CHAT Subiz
      • Tích hợp hệ thống CHAT Manychat
      • Tích hợp hệ thống POS Kiot Viet
      • Tích hợp hệ thống POS Haravan
      • Tích hợp hệ thống POS Nhanh
      • Tích hợp hệ thống POS Sapo
      • Tích hợp Woocommerce
      • Tích hợp hệ thống Getfly
      • Tích hợp hệ thống Ladipage
      • Tích hợp hệ thống DAC
      • Tích hợp hệ thống Nanosoft
      • Tích hợp hệ thống Augges
      • Tích hợp hệ thống WEB Nhà Thuốc
      • Tích hợp phần mềm Ánh Sáng
      • Tích hợp hệ thống CALL Stringee
      • Tích hợp hệ thống CALL OMICall
      • Tích hợp hệ thống Vfones
      • Tích hợp Base Workflow
    • Đồng bộ dữ liệu từ POS
  • CDP operation
    • CRM360
      • Quản lý khách hàng
        • Cài đặt hiển thị màn hình quản lý
        • Hợp nhất khách hàng
        • Gán người phụ trách cho khách hàng
        • Quy tắc ghi nhận nguồn khách hàng
        • Các giai đoạn của khách hàng
        • Gán nhãn khách hàng
        • Đánh giá điểm theo tương tác
        • Kích hoạt hành đông theo mức điểm
        • Tạo mới khách hàng thủ công
        • Nhập dữ liệu bằng file CSV
        • Tạo các liên hệ phụ cho khách hàng
        • Tìm kiếm khách hàng
        • Cấu hình ẩn thông tin khách hàng
        • Lịch sử tương tác của khách hàng
        • Xuất dữ liệu khách hàng
        • Gửi email trực tiếp tới khách hàng
        • Tương tác tổng đài
        • Thêm khách hàng vào tệp không liên hệ
        • Xóa khách hàng khỏi tệp không liên hệ
      • Cá nhân/Tổ chức phụ trách
        • Danh sách công ty
      • Lịch theo dõi
      • Hồ sơ bệnh án
        • Cài đặt trạng thái của Hồ sơ bệnh án
        • Tạo mới Hồ sơ bệnh án
        • Tìm kiếm Hồ sơ bệnh án
      • Quá trình điều trị
        • Đồng bộ liệu trình
        • Tìm kiếm liệu trình
    • Marketing Tools
      • Đối tượng tùy chỉnh
        • Danh sách đối tượng tùy chỉnh
        • Tạo mới tệp đối tượng tùy chỉnh
        • Đồng bộ đối tượng tùy chỉnh để hiển thị trên báo cáo
        • Một số tổ hợp hay sử dụng
      • ADS
        • FB Audience
      • Biểu mẫu
        • Các loại biểu mẫu trong hệ thống
        • Tạo mới một biểu mẫu
        • Hành động với khách hàng điền biểu mẫu
        • Nhúng biểu mẫu lên website
      • Landing page
        • Thiết kế landing page
      • File
        • Tạo mới file
        • Nhúng file
        • Thống kê lượt truy cập file
    • Sales Tools
      • Cơ hội bán hàng
        • Quy trình bán hàng
        • Bước bán hàng
        • Cài đặt thời gian hết hạn của cơ hội
        • Cài đặt bước hoàn thành, ghi nhận doanh thu cho cơ hội
        • Cài đặt hiển thị cơ hội
        • Tạo mới cơ hội
        • Tạo mới danh sách cơ hội
        • Tìm kiếm cơ hội
        • Xuất dữ liệu cơ hội
      • Sản phẩm
        • Tạo mới danh mục sản phẩm
        • Tạo thủ công sản phẩm trên hệ thống
        • Tạo mới danh sách sản phẩm
        • Đồng bộ thông tin sản phẩm
      • Đơn hàng
        • Tạo mới thủ công
        • Tạo mới danh sách đơn hàng
        • Đồng bộ sang POS
        • Xuất dữ liệu đơn hàng
      • Tổng đài
        • Cài đặt thông tin tổng đài
        • Chuyển trạng thái nhánh gọi
        • Thực hiện cuộc gọi
    • Service Tools
      • Các mẫu phiếu ghi trên hệ thống
      • Quy trình xử lý phiếu ghi
      • Cài đặt phiếu ghi
      • Quản lý phiếu ghi
      • Tạo mới phiếu ghi
      • Tìm kiếm phiếu ghi
  • LOYALTY
    • Cấu hình Loyalty
      • Kích hoạt chức năng Reward Point
      • Cấu hình hình thức tích điểm
      • Cấu hình thời gian hiệu lực của điểm
      • Cấu hình thông tin ghi nhận một log đổi quà của khách hàng
    • Quản lý sản phẩm tích và đổi điểm
      • Khởi tạo nhóm sản phẩm
      • Quản lý danh sách sản phẩm theo nhóm
      • Danh sách sản phẩm tích điểm DAC
    • Lịch sử tích điểm
  • MINIGAME
    • Cấu hình Minigame
      • Tạo mới một game trong hệ thống
      • Cấu hình công thức tính lượt chơi
      • Cấu hình các phần thưởng trong minigame
      • Cấu hình quy tắc trúng thưởng minigame
    • Lịch sử tham gia minigame của khách hàng
  • TOUCHPOINT
    • Email
      • Cấu hình email
      • Các loại email trong hệ thống
      • Các chủ đề email trong hệ thống
      • Tạo mới email
      • Quản lý email
      • Gửi email tới Khách hàng
      • Báo cáo
    • Zalo OA
      • Tổng quan về ZALO OA
      • Tìm hiểu ZNS
        • Phân khúc nội dung ZNS (các loại nội dung có thể gửi)
        • Cấu trúc khai báo 1 template ZNS
        • Quy định thiết lập nội dung ZNS gửi duyệt
        • Hướng dẫn set up nội dung gửi trên hệ thống
        • Cài đặt hành động gửi ZNS
        • Quy tắc nâng/ hạ tag
        • Cách tính chi phí 1 tin ZNS
        • Lưu ý khác
      • Tin tư vấn
      • Tin truyền thông
      • Tin giao dịch
      • Thiết lập bài viết Zalo Articles
      • Thiết lập gửi tin Zalo Broadcast
      • Thống kê lượt gửi tin
    • Vouchers
      • Nhóm voucher
      • Tạo mới voucher trong một nhóm
      • Xuất danh sách voucher
      • Gửi voucher tới khách hàng
    • SMS
      • Cấu hình SMS
      • Quản lý SMS
      • Tạo mới mẫu SMS
      • Gửi SMS tới Khách hàng
      • Thống kê lượt gửi tin
    • Popup
      • Thiết kế popup
      • Nhúng popup lên website
  • AUTOMATION
    • Chiến dịch tiếp thị
      • Tạo mới chiến dịch tiếp thị
      • Giải thích ý nghĩa builder
      • Báo cáo chiến dịch
      • Thiết kế luồng hoạt động của một số chiến dịch mẫu - EXAMPLE
    • Kích hoạt hành động cơ hội
    • Kích hoạt hành động đơn hàng
    • Kích hoạt hành động phiếu ghi
  • Về chúng tôi
    • BLOG
    • HUB-JS
    • Myretail
    • Cus Asia
  • CHANGE LOG
    • Tháng 7/2024
Powered by GitBook
On this page

Was this helpful?

  1. TOUCHPOINT
  2. Popup

Thiết kế popup

Popup là một yếu tố quan trọng trong thiết kế giao diện người dùng, giúp tăng cường tương tác và thông báo với người sử dụng một cách hiệu quả.

PreviousPopupNextNhúng popup lên website

Last updated 1 year ago

Was this helpful?

Để thiết kế popup bạn hãy làm theo các bước đơn giản sau đây:

Vào màn hình quản lý Popup

Đầu tiên để thiết kế Popup bạn hãy vào màn hình quản lý Popup bằng cách chọn module "Quản lý điểm chạm" sau đó nhấn "Popup" như hình sau:

Tạo mới một popup

Sau khi vào được màn hình quản lý, bạn hãy tạo mới một popup bằng cách nhìn lên góc trên bên phải sau đó nhấn vào nút "Tạo mới" như hình bên dưới:

Điền thông tin cơ bản

Tại màn hình quản lý Popup mới bạn hãy điền các thông tin cần thiết sau đây:

  • Tên - Tên của Popup

  • Trang web - Nhập trang web của bạn để hệ thống chụp ảnh màn hình và hiển thị một ví dụ

  • Mô tả - Mô tả Popup

  • Danh mục - Danh mục popup

  • Xuất bản - Nhấn "Có" để xuất bản Popup

  • Thời gian bắt đầu xuất bản (ngày/ giờ)

  • Thời gian dừng xuất bản (ngày/ giờ)

  • Google Analytics UTM tags - Giúp bạn theo dõi được một chiến dịch bất kì đã được chạy trên website.

Mở màn hình thiết kế popup

Tại màn hình tạo mới popup, bạn hãy nhấn chọn nút "Builder" ở góc phải màn hình.

Chọn loại popup

Sau khi vào màn hình xây dựng Popup bạn hãy chọn loại popup bằng các nhấn chuột vào mục "Loại popup". Hệ thống sẽ hiển thị 3 loại popup cho bạn lựa chọn tùy vào mục đích sử dụng popup của mình. Bao gồm:

  • Thu thập dữ liệu

  • Hiển thị thông báo

  • Khởi tạo nút CTA

Sau đó, bạn cần điền các thông tin cần thiết sau:

+ Hiệu ứng - Nhấn "Có" nếu bạn muốn có hiệu ứng

+ Popup được hiển thị khi nào? - Cài đặt thời gian muốn popup hiển thị, ví dụ như khi cuộc chuột xuống giữa trang, hay ngay khi truy cập,...

+ Thời gian chờ trước khi hiển thị - Nếu bạn muốn popup chờ 1 vài giây trước khi mà hiển thị trên website, vui lòng nhập số giây muốn chờ vfao trường này

+ Tần suất hiển thị? - Tần suất mà bạn muốn popup hiển thị trên trang web, ví dụ một số loại mà hệ thống hỗ trợ:

- Mỗi trang: popup sẽ hiển thị trên mỗi trang mà khách hàng truy cập trên website - Mỗi phiên truy cập: popup sẽ hiển thị khi khách hàng bắt đầu 1 phiên truy cập mới - Mỗi x phút/ngày một lần: popup sẽ hiển thị sau mỗi x phút/mỗi ngày 1 lần

+ Ngừng hiển thị sau khi chuyển đổi? - Nhấn "Có" nếu bạn muốn ngừng hiển thị popup khi khách hàng đã thực hiện hành động chuyển đổi mà bạn muốn.

Chọn loại hiển thị

Sau khi chọn loại popup bạn hãy tiến hành chọn loại hiển thị bằng cách nhấn vào ô "Loại hiển thị". Hệ thống cung cấp 4 loại hiển thị mà bạn có thể chọn, bao gồm:

  • Thanh: popup hiển thị là thanh dài bên trên hoặc dưới màn hình

  • Popup: popup hiển thị là hình chữ nhật chứa các nội dung truyền tải ở trên website

  • Thông báo: popup hiển thị như các thẻ thông báo nhỏ ở các góc của màn hình

  • Toàn trang: popup hiển thị với kích thước bằng kích thước màn hình máy bạn

Sau đó, bạn cần nhập các thông tin sau:

+ Vị trí - Vị trí sẽ hiển thị của popup (theo từng loại)

Lưu ý:

  • Với popup loại toàn trang, bạn sẽ không cần cấu hình gì thêm phần này

  • Với popup loại thẻ, bạn có thể thêm thông số kích thuốc cho popup để cài đặt kích thước hiển thị của popup trên website

Chọn màu sắc

Hệ thống đưa ra các màu mặc định, bạn có thể tùy chỉnh các màu này để phù hợp với style của website bạn cần thêm Popup.

Để chọn màu sắc cho popup bạn hãy chọn vào mục "Màu sắc" sau đó chọn màu sắc ở các phần sau:

  • Màu chính: Màu nền của popup

  • Màu văn bản: Màu của các text văn bản trong popup

  • Màu nút: Nếu trong popup có nút, thì bạn có thể cài đặt màu cho nút ở mục này

  • Màu chữ nút

Xây dựng nội dung

Sau khi chọn màu cho Popup bạn hãy xây dựng nội dung cho Popup bằng cách nhấn vào mục "Nội dung" ở bên phải màn hình.

Có 3 cách để thêm nội dung vào Popup của bạn:

  • Cơ bản - Đây là các đơn giản nhất để thêm nội dung, bạn chỉ cần điền các trường cơ bản như hình dưới, hệ thống sẽ tự động hiển thị theo nội dung bạn đã điền.

  • Trình soạn thảo

  • HTML: bạn có thể dán các đoạn mã code popup có sẵn vào đây, hệ thống sẽ tự động tải theo mã của bạn

Hoàn tất thiết kế Popup

Để hoàn tất việc thiết kế Popup bạn hãy nhấn "Đóng" tại góc trên bên phải của màn hình thiết kế Popup.

Sau khi đóng màn hình thiết kế Popup bạn hãy nhấn nút “Lưu & Đóng” để lưu lại các cài đặt của Popup.