Dropbox

Dropbox là tính năng cho phép hiển thị một nhóm nội dung tại vị trí được thiết lập khi người dùng thực hiện sự kiện nhấp chuột hoặc rê chuột trên một phần tử. Khác với Popup, Dropbox được hiển thị dựa trên vị trí của phần tử liên kết và chỉ được sử dụng thông qua các sự kiện của phần tử.

Để tạo dropbox, bạn truy cập mục Thêm mới → Dropbox.

Chỉnh sửa và thêm mới nội dung vào Dropbox như tiêu đề, nút bấm,... theo mong muốn của bạn.

Bạn cần ghi nhớ ID của phần tử Dropbox để sử dụng cho mục Sự kiện → Nhấp Chuột/Rê chuột → Dropbox.

Sau khi đã hoàn thiện nội dung của Dropbox, bạn sẽ đi liên kết hiển thị cho phần tử đến Dropbox bạn đã tạo. Chi tiết hướng dẫn tại đây.

So sánh Dropbox và Popup

Tiêu chíDropboxPopup
Vị trí hiển thịHiển thị theo vị trí của phần tử liên kết, dựa trên phần Vị trí và Khoảng cách được thiết lập giữa Dropbox và phần tử.Hiển thị theo vị trí cố định của Popup đã được thiết lập, không phụ thuộc vào vị trí của phần tử liên kết đến Popup.
Cách hiển thịHiển thị khi người dùng thực hiện sự kiện được thiết lập trên phần tử, chẳng hạn như nhấp chuột hoặc rê chuột. Không hiển thị độc lập trên trang.Có thể hiển thị thông qua sự kiện của phần tử hoặc các sự kiện độc lập của trang như hiển thị khi vào trang, thoát trang, kéo tới một section.
Phù hợp khiMuốn hiển thị nội dung gắn với một phần tử cụ thể, chẳng hạn thông tin bổ sung bên cạnh nút hoặc sản phẩm.Muốn hiển thị một nội dung độc lập với vị trí của phần tử, chẳng hạn form đăng ký, thông báo hoặc ưu đãi.

Lưu ý:

  • KHÔNG nên cài đặt bên trong dropbox lại mở 1 dropbox khác.
  • Sau khi đã hiển thị dropbox, khi click ra ngoài phần tử thì phần dropbox mới bị mất đi, còn không thì nội dung sẽ được hiển thị luôn luôn trên trang.
  • Khi bạn tạo dropbox, trong đó có chứa nội dung liên kết đến 1 popup, thì khi mở popup sẽ bị đè dưới dropbox, muốn tắt đi dropbox thì bạn cần thiết lập phần ẩn phần tử cho dropbox ở phần tử liên kết đến popup.