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 

Chia sẻ bài viết:

Tác giả

WEBPRESS

Biên tập viên

Hơn 7 năm biên tập nội dung về bán hàng và chuyển đổi số, tôi phân tích chuyên sâu và truyền tải thông tin phức tạp thành nội dung dễ hiểu, giúp nhà bán hàng tối ưu quy trình và nâng cao năng lực cạnh tranh.

Quy trình biên tập nội dung tại Webpress

Tags: tin webpress có thể bạn quan tâm