Tạo popup trong theme flatsome

Hôm nay Hanaweb.vn sẽ hướng dẫn các bạn chi tiết cách tạo popup cho website sử dụng theme flatsome.

Để tạo popup trong flatsome rất đơn giản

Bước 1 – Tạo 1 UX BLOCK

Bạn hãy trình bày những gì bạn muốn có trên popup trong UX BLOCK này. Có thể sử dụng UX Builder để hỗ trợ

Sau khi tạo xong UX BLOCK có trả cho bạn 1 shortcode dạng như sau: [block id=”popup”] – Hãy copy nó

Bước 2 – Chèn popup vào web

Trước hết, hãy chèn shortcode vừa copy ở trên vào đoạn code sau:

[lightbox auto_open=“true” auto_timer=“3000” auto_show=“once” id=“newsletter-signup-link” width=“650px” padding=“20px”]
[block id=“popup”]
[/lightbox]

Giải thích thông số:

  • Auto_open: Tự động bật
  • auto_timer: Thời gian bao lâu để bật, đơn vị tính ms 3000ms = 3s
  • auto_show=once: Chỉ hiện 1 lần
  • width: chiều rộng của popup
  • padding: khoảng cách từ viền đến nội dung popup

Cuối cùng, hãy vào Flatsome –> Advanced –> Global setting, chèn đoạn code trên vào Footer script rồi save lại là xong.

Chúc các bạn thành công!

Trả lời

HANAWEB.VN
×