Popup

Popup là một màn hình thu nhỏ hiện đè lên trên trang hiện tại. Bạn có thể tùy chỉnh nội dung cho Popup tùy mục đích. Các dạng nội dung Popup thường gặp:

  1. Popup cảm ơn.
  2. Popup đăng ký.
  3. Popup lời chào.
  4. Popup nội dung chi tiết.

1. Thêm mới popup

Để tạo Popup, bạn chọn ô Popup ở thanh công cụ bên trái và chọn Thêm mới Popup:

Bạn cần nhớ ID của mỗi Popup để chọn liên kết với form hoặc nút bấm.

Khi bạn "Đóng" Popup là bạn đóng cửa sổ hiển thị thiết lập Popup, để quay trở lại thiết kế các phần tử khác trên trang landing, Popup vẫn sẽ tồn tại và hiển thị trong danh sách Popup.

2. Thiết kế cho popup

Biểu tượng: Biểu tượng đóng của popup

Không chọn: sẽ không có dấu X để tắt popup, ví dụ bạn muốn phải điền form đăng ký mới tắt được popup.

Mặc định: Dấu X ở góc trên tay phải của popup, khách hàng bấm vào dấu X để tắt popup.

Tùy chỉnh: chọn icon tắt cho popup bằng các icon của kho biểu tượng của LadiPage.

-  Cài đặt hiển thị của popup:

Bạn có thể thiết lập hiển thị của popup:

  • Hiện vào trang: Vào trang, và sau bao nhiêu giây thì hiển thị Popup (thời gian chờ).
  • Hiện Thoát trang: Thoát trang khi con trỏ chuột kéo gần tới thanh trình duyệt để tắt trang, popup sẽ hiển thị. Chỉ áp dụng trên desktop, trên mobile không có hành động thoát trang.
  • Hiển thị khi kéo tới: Hiển thị khi khách hàng cuộn chuột tới một section nhất định trên trang landing page.
  • Popup hiển thị khi bấm vào CTA/phần tử trên trang landing page: Bạn sẽ sử dụng sự kiện mở popup để hiển thị popup. Chi tiết tại đây.

- Cài đặt vị trí hiển thị của popup:

Bạn có thể cài đặt vị trí hiển thị của popup ví dụ như: mặc định, trên cùng trái, giữa trái...

Ở thiết lập Popup, khi chọn vị trí mặc định, popup sẽ tắt khi click chuột ra ngoài popup, còn các vị trí khác thì không hỗ trợ.

- Màu và hình nền

Phần kích thước 100%: cho phép bạn thiết lập hình nền của popup full theo chiều dọc hoặc chiều ngang của màn hình

Kích thước 100% chiều rộng, thì kích thước chiều cao của khung popup chính ra chiều cao bạn thiết lập ở mục kích thước

Kích thước 100% chiều ngang, thì kích thước chiều rộng của khung popup chính ra là chiều rộng bạn thiết lập ở mục kích thước

- Mục Nâng cao

  • Mục Thiết lập Backdrop: Khi bạn thiết lập nội dung ở mục này, sẽ cho phép khách hàng của bạn TẮT đi popup mà KHÔNG cần phải bấm vào nút X trên popup

3. Popup của tôi

Nếu muốn dùng lại một Popup nào đó nhiều lần hoặc dùng cho landing page khác nữa, bạn chọn Lưu Popup:

Sau đó khi chọn Thêm mới Popup, bạn sẽ thấy mục Popup của tôi. Mục này sẽ hiển thị các Popup mà bạn đã lưu. Trỏ chuột vào mỗi Popup và chọn Sử dụng là bạn đã tạo ra một Popup mới với nội dung đã lưu.

Trong quá trình thiết lập Lưu Popup, bạn có thể chọn Cập nhật lại nội dung cho các Popup đã lưu trước đó bằng cách tích chọn vào ô: Cập nhật nội dung cho Popup mẫu của bạn, rồi chọn tên tương ứng của Popup, bấm Sửa rồi Lưu lại.

Popup phải nằm trong mục Danh sách popup thì mới đang sử dụng popup lưu tại trang landing page đang thiết kế.