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ả.
Last updated
Was this helpful?
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ả.
Last updated
Was this helpful?
Để thiết kế popup bạn hãy làm theo các bước đơn giản sau đây:
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.
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.
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
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
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