03/10/2024

Tạo Popup bằng Elementor trong website WordPress

Cài đặt Elementor Pro và tạo popup Elementor

Popup là tính năng chỉ có trên phiên bản Elementor Pro nên yêu cầu bạn phải mua bản quyền, hiện nay chi phí bản quyền khi mua chung cũng rất rẻ chỉ khoảng 15$/năm, khi đã có bản quyền Elementor Pro bạn cài đặt lần lượt 2 phiên bản và kích hoạt nhé, hãy mua bản quyền chính hãng để có thể sử dụng đầy đủ các bộ template popup.

 

Để tạo popup bạn chọn Template > Popups, tiếp theo chọn add new và điền tên popup để tạo.

 

Chọn template popup bất kỳ sau đó chọn insert.

 

Chọn biểu tượng ở góc trái màn hình để chỉnh sửa layout, font chữ, màu sắc…phần này bạn có thể thoải mái sáng tạo theo sở thích.

 

Cuối cùng chọn publish để xuất bản popup, tới phần này plugin sẽ yêu cầu bạn chọn các điều kiện hiển thị, chọn rntire site nếu muốn xuất hiện toàn trang web, chọn singular hoặc Woocommerce nếu muốn set điều kiện hiển thị riêng biệt cho sản phẩm hoặc bài viết.

Phần triggers (điều kiện để popup hiển thị), cụ thể sẽ có các tùy chọn như sau:

  • On page load: hiển thị sau khi tải trang
  • On scroll: hiển thị sau khi cuộn chuột
  • On scroll to element: hiển thị sau khi cuộn chuột đến một phần tử
  • On click: hiển thị sau khi click chuột
  • After inactivity: hiển thị sau khi không hoạt động
  • On page exit intent: hiển thị khi có ý định thoát trang

Phần advanced rules (điều kiện nâng cao), cụ thể có các tùy chọn như sau:

  • Show after X page views: hiển thị sau khi xem số trang nhất định
  • Show after X sessions: hiển thị khi truy cập số lần nhất định
  • Show up to X times: hiển thị sau khoảng thời gian nhất định
  • When arriving from specific URL: hiển thị sau khi đến từ một URL nhất định
  • Show when arriving from: hiển thị sau khi đến từ một nơi nhất định
  • Hide for logged in users: ẩn cho người dùng đăng nhập
  • Show on devices: hiển thị trên thiết bị cụ thể
  • Show on browsers: hiển thị trên trình duyệt cụ thể

Phần này bạn có thể để trống không cần thiết lập gì thêm, cuối cùng chọn save & close để lưu popup, nhớ xóa cache trên plugin cache nếu có.

Các bài viết khác

Tin tức, phỏng vấn, công nghệ và tài nguyên mới nhất trong ngành.

Thay đổi Logo và Favicon của website WordPress

Section to hide

Cấu hình ẩn/hiện một block hoặc widget trong Elementor?