Cách tạo popup trong 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!

 

You May Also Like

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *