Zubi Cloud hướng dẫn người dùng cách Tạo Popup trong Elementor khi thiết kế WordPress
Mở cửa sổ bật lên bằng liên kết văn bản
- Tạo cửa sổ bật lên của bạn trong trình tạo Elementor Tìm hiểu thêm tại đây
- Điều hướng đến Cài đặt cửa sổ bật lên bằng cách nhấp vào biểu tượng bánh răng ở góc dưới
- Trong Tab Nâng cao> Mở Bằng Bộ chọn, tạo mã ngắn liên kết kích hoạt neo (ví dụ
a[href="#link-popup"]
🙂 - Đặt Điều kiện Hiển thị để Bao gồm> Toàn bộ Trang web
- Áp dụng liên kết này ở bất kỳ đâu trên trang web của bạn bằng cách liên kết đến liên kết kích hoạt neo (ví dụ: # link-popup)
Cách thực hiện đơn giản như sau:
Truy cập vào trình tạo mẫu của Elementor, vào phần Popup để tạo 1 mẫu mới như hình dưới
Sau đó chúng ta thiết kế tạo mẫu theo những gì chúng ta muốn.
![Tạo Popup trong Elementor khi thiết kế WordPress 1 tao popup trong elementor khi thiet ke wordpress 20626](https://help.zubi.cloud/wp-content/uploads/2021/07/tao-popup-trong-elementor-khi-thiet-ke-wordpress-20626.jpg)
Trước khi thiết kế xong, bấm lưu hoặc xuất bản
chúng ta chú ý nên cấu hình như hình dưới, để hiển thị popup ở tất cả các trang.
![Tạo Popup trong Elementor khi thiết kế WordPress 2 tao popup trong elementor khi thiet ke wordpress 46448](https://help.zubi.cloud/wp-content/uploads/2021/07/tao-popup-trong-elementor-khi-thiet-ke-wordpress-46448.jpg)
Sau đó vào các mục 1-2 như hình dưới
![Tạo Popup trong Elementor khi thiết kế WordPress 3 tao popup trong elementor khi thiet ke wordpress 63280](https://help.zubi.cloud/wp-content/uploads/2021/07/tao-popup-trong-elementor-khi-thiet-ke-wordpress-63280.jpg)
Hãy nhập a[href=”#zubiformcontact”] như hình dưới. Vậy là xong
Chú ý nếu nhập mã trên mà vẫn ko hiển thị, hãy sửa viết lại dấu “” ở đoạn mã trên nhé.
![Tạo Popup trong Elementor khi thiết kế WordPress 4 tao popup trong elementor khi thiet ke wordpress 40897](https://help.zubi.cloud/wp-content/uploads/2021/07/tao-popup-trong-elementor-khi-thiet-ke-wordpress-40897.jpg)