Bước 1: Tạo mới 1 UX Block

Bước 2: Tùy chỉnh UX Block vừa tạo và ghi nhớ “block id” của nó

Bước 3: Tạo giao diện cho popup muốn hiển thị  => Update

Bước 4: Truy cập vào bất kỳ trang nào muốn hiển thị popup => Tùy chỉnh UX Builder => Chèn element “Text “ và copy đoạn shortcode bên dưới:

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

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

• lightbox: là tên shortcode 

• auto_open=”true” : tự mở popup

• auto_timer=”3000″ : mở sau 3 giây

• auto_show=”always/once”  mở 1 lần

• width: chiều rộng của popup

• padding: khoảng cách từ viền đến nội dung popup

• id: là id duy nhất, dùng để cho button xác định popup nào sẽ được mở khi click .

• [block id=""] : Block id của UX block vừa tạo 

Bước 5: Thay đổi liên kết của button trỏ đến trường id của “Text” ( Lưu ý thêm dấu “ #” vào trước id ) tại ô liên kết

Bước 6: Chọn “Update” để cập nhật