Audience - Quản lý khách hàng
Sales - Công cụ bán hàng
Marketing - Tiếp thị truyền thông
Tạo web với AI
Landing Page?
Broadcast - Gửi chiến dịch Email, SMS, Messenger, Auto Call
Automation - Tự động theo hành vi khách hàng
Reports - Thống kê
Price - Nâng cấp gói dịch vụ
Settings - Cài đặt chung
API - Tích hợp với website của bạn
Funnel - Bán hàng tự động
Thanh toán
Q&A - Câu hỏi thường gặp
Dùng chung - Tạo Popup dùng chung cho các Landing page
1. Mô tả
- Popup dùng chung là tiện ích giúp bạn tạo các Popup riêng biệt và sử dụng trên nhiều Landing page mà không cần phải thiết kế riêng trên từng trang.
- Bạn có thể áp dụng một Popup cho nhiều Landing page khác nhau. Khi Popup được chỉnh sửa, nội dung mới sẽ tự động cập nhật cho tất cả các trang đang sử dụng Popup đó.
- Mỗi Popup được quản lý riêng biệt, giúp bạn dễ dàng theo dõi số lượng Landing page đang áp dụng. Bạn cũng có thể tạo nhiều Popup để sử dụng cho từng nhóm Landing page hoặc với mục đích khác nhau.
Chức năng của Popup: Hiển thị nội dung dưới dạng cửa sổ nổi trên giao diện trang.
Vị trí: Hiển thị dưới dạng lớp phủ trên nội dung trang, không thuộc luồng nội dung chính và không làm thay đổi bố cục hoặc đẩy các nội dung khác xuống.
2. Thao tác
2.1. Tạo mới Popup2.1.1. Tạo mới
1. Truy cập Landing page cần thiết lập Popup, sau đó vào:
Section -> Dùng chung -> Popup -> Thêm mới
2. Nhập tên Popup -> Chọn 1 bố cục -> ấn Tạo Popup
* Gợi ý sử dụng bố cục:
| Mẫu | Mô tả |
| Hình ảnh và biểu mẫu (đề xuất) | Kết hợp hình ảnh trực quan và biểu mẫu, phù hợp để thu thập thông tin khách hàng |
| Đếm ngược và biểu mẫu | Kết hợp bộ đếm thời gian và biểu mẫu đăng ký, phù hợp với các chương trình có thời hạn |
| Tiêu đề và biểu mẫu | Thiết kế tối giản với tiêu đề và biểu mẫu, không sử dụng hình ảnh |
| Mã ưu đãi | Hiển thị mã ưu đãi kèm nút hành động, không yêu cầu người dùng cung cấp thông tin |
| Trang trắng | Tự thiết kế theo yêu cầu |
2.1.2. Tùy chỉnh giao diện Popup
Sau khi tạo, Popup được mở trong 1 tab builder riêng. Tại đây, bạn sử dụng các thành phần đang hiển thị để điều chỉnh giao diện Popup.
- Thanh công cụ cố định:
- Di chuyển: di chuyển thanh công cụ tới vị trí bất kỳ
- Tiêu đề: Thêm nội dung tiêu đề
- Đoạn văn: Chèn các đoạn văn bản, tiêu đề, danh mục menu
- Image: Chèn ảnh vào popup
- Nút bấm: Thêm nút kêu gọi hành động. Ví dụ: Đăng ký ngay, Mua ngay,....
- Video ngang: Thêm video
- Hình hộp: Tạo 1 khu vực/ hộp chứa để bố trí nhóm nội dung
- Đường kẻ: Thêm đường phân cách giữa các khu vực nội dung
- Shape: Thêm biểu tượng
- Code Embed: Chèn thêm mã HTML/CSS/JavaScript riêng cho Header.
- Cài đặt tùy chỉnh Popup:
+ Tab Thiết kế: Cấu hình kiểu dáng, kích thước, màu sắc và giao diện hiển thị của phần tử
- Thiết lập popup:
- Hiển thị vào trang: Bật tính năng này để Popup tự động xuất hiện ngay khi người dùng vừa truy cập vào Landing Page
- Hiển thị khi tắt trang: Bật tính năng này để Popup tự động xuất hiện khi người dùng di chuột muốn tắt tab hoặc rời khỏi trang
- Kích thước: Tùy chỉnh kích thước của phần tử
- Căn chỉnh: Dùng các biểu tượng căn lề để điều chỉnh vị trí nội dung bên trong Popup theo Chiều ngang hoặc Chiều dọc
- Màu và hình nền: Thay đổi màu sắc hoặc hình nền cho thành phần
- Viền và Bo góc: Thay đổi đường viền và độ bo tròn cho popup
- Lớp phủ: Thêm lớp màu phủ lên nền để làm nổi bật chữ hoặc các nội dung
- CSS tùy chỉnh: Nhập trực tiếp mã CSS để tùy biến giao diện chuyên sâu
+ Tab Hiệu ứng: Thiết lập hiệu ứng chuyển động (Animation) khi phần tử xuất hiện trên trang
- Đổ bóng: Tạo chiều sâu và khoảng cách thị giác giữa popup và Landing page
- Hiệu ứng: Chọn hiệu ứng chuyển động, ví dụ Bounce, Flash, Pulse...
* Lưu ý:
- Lưu: Lưu lại các thao tác thiết kế vừa thực hiện, đồng thời nếu Landing page đang sử dung bạn chỉ cần F5 lại trang để cập nhật nội dung lần gần nhất
- Xem trước: Mở giao diện xem thử thực tế trước khi xuất bản
- Xuất bản: Cập nhật ngay lập tức các thay đổi lên tất cả các Landing Page đang liên kết với Popup
2.2. Sử dụng Popup trên Landing page
1. Quay lại tab Builder của Landing Page ban đầu
2. Chọn Popup muốn sử dụng cho Landing page đang sử dụng -> ấn Sử dụng
3. Popup được thêm vào Landing Page sẽ không hiển thị trên builder của Landing page
Bạn vào mục Popup để thao tác Bỏ dùng hoặc chỉnh sửa lại popup trên builder riêng
=> Sau khi hoàn tất thiết lập, nhấn Xuất bản Landing Page để áp dụng Popup trên trang.
2.3. Quản lý Popup
Trong danh sách, mỗi Popup sẽ hiển thị các thông tin như:
- Tên Popup
- Số Landing page đang sử dụng cho từng Popup
- Người cập nhật cuối
- Trạng thái: Nháp, Xuất bản, Lưu, Đang dùng
Một số thao tác khác:
- Nút Đang sử dụng/Thay thế: Hiển thị Popup đang được sử dụng/ thay thế trên Landing Page hiện tại
- Nút Chỉnh sửa: Mở lại builder riêng của Popup để chỉnh sửa
- Nút Nhân bản: Tạo 1 bản sao chép từ bản gốc
- Nút Xóa: Gỡ Popup ra khỏi danh sách
Chúc bạn thao tác thành công !