Cần biết cách tạo cửa sổ bật lên với Elementor ?
Elementor không chỉ là một trình tạo trang. nó là một Plugin WordPress linh hoạt. Có một số điều khác bạn có thể làm với nó Elementor ngoài việc tạo các trang web. Một trong số đó là việc tạo cửa sổ bật lên.
Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách tạo cửa sổ bật lên với sự trợ giúp của tính năng Popup Builder củaElementor.
Tạo một cửa sổ bật lên với Elementor rất dễ dàng. Bạn có thể tạo cửa sổ bật lên của mình với giao diện trực quan của Elementor, nơi mọi thứ được kéo và thả. Elementor cũng cung cấp các mẫu cửa sổ bật lên mà bạn có thể sử dụng để tạo cửa sổ bật lên của mình. Bạn chỉ cần chọn một mô hình, xuất bản và xác định trình kích hoạt.
Khám phá Cách cài đặt Elementor trên WordPress
Trước khi đi xa hơn, điều quan trọng cần lưu ý là Trình tạo cửa sổ bật lên của Elementor chỉ có sẵn trên phiên bản chuyên nghiệp.
Cách tạo cửa sổ bật lên với Elementor
Khi tạo một cửa sổ bật lên với Elementor, bạn có thể đặt một trình kích hoạt (một hành động để hiển thị cửa sổ bật lên) và định cấu hình điều kiện (bạn muốn cửa sổ bật lên của mình xuất hiện trên những trang nào). Ngoài ra, bạn cũng có thể đặt quy tắc nâng cao (được đề cập thêm bên dưới).
Đọc cũng: Cách tạo nút Gradient nhiều màu trong Elementor
Trong hướng dẫn này, chúng tôi sẽ tạo cửa sổ bật lên gọi hành động với trình kích hoạt khi nhấp vào nút. Cửa sổ bật lên sẽ hiển thị khi người dùng nhấp vào một nút.
Giả sử bạn đã cài đặt Elementor Pro, đăng nhập vào bảng điều khiển WordPress và đi tới Mẫu -> Cửa sổ bật lên và nhấp vào nút Thêm On ở trên.
Đặt tên cho cửa sổ bật lên của bạn và nhấp vào nút TẠO MÔ HÌNH.
Chọn một mẫu cửa sổ bật lên bạn muốn sử dụng. Di chuột qua nó và nhấp vào nút chèn để chèn nó vào trình soạn thảo Elementor.
Nếu bạn muốn tạo cửa sổ bật lên từ đầu, bạn có thể chỉ cần đóng thư viện mẫu để mở trình chỉnh sửa của Elementor.
Trên trình chỉnh sửa Elementor, bạn có thể tùy chỉnh cửa sổ bật lên. Bạn có thể thay thế nội dung mặc định (cụ thể là văn bản) bằng nội dung của riêng bạn. Sử dụng trình duyệt để chuyển giữa các phần và widget dễ dàng hơn.
Bạn cũng có thể thêm hoạt ảnh nhập / thoát, bật / tắt lớp phủ và bật / tắt nút đóng.
Khi bạn đã hoàn tất, nhấp vào nút PUBLISH.
Trong bước tiếp theo, bạn sẽ được yêu cầu thiết lập các điều kiện hiển thị và trình kích hoạt. Ngoài ra còn có một tùy chọn để đặt các quy tắc nâng cao:
- Điều kiện hiển thị: Xác định những trang mà cửa sổ bật lên xuất hiện trên trang web của bạn. Bạn có thể định cấu hình cửa sổ bật lên xuất hiện trên toàn bộ trang web, các trang cụ thể, bài đăng cụ thể, danh mục cụ thể, v.v.
- Gây nên: Trình kích hoạt là một hành động để hiển thị cửa sổ bật lên. Elementor hỗ trợ 6 loại trình kích hoạt: Khi tải trang, Khi cuộn, Khi cuộn phần tử, Khi nhấp, Sau khi không hoạt động, thoát Trên trang
- Quy tắc nâng cao: Các yêu cầu phải được đáp ứng để cửa sổ bật lên xuất hiện. Ví dụ: bạn có thể định cấu hình cửa sổ bật lên xuất hiện nếu khách truy cập vào trang web của bạn thông qua công cụ tìm kiếm hoặc một URL nhất định. Bản thân Trình tạo cửa sổ bật lên của Elementor cung cấp 7 tùy chọn quy tắc nâng cao mà bạn có thể đặt.
Vì chúng tôi muốn hiển thị cửa sổ bật lên khi người dùng nhấp vào nút, hãy mở tab trigger và kích hoạt tùy chọn Trong một cái nhấp chuột. Nhấp vào Lưu và đóng.
Tạo một trang / bài đăng mới và chỉnh sửa nó bằng Elementor (bạn cũng có thể chỉnh sửa một trang hiện có).
Thêm Tiện ích nút bằng cách kéo nó từ bảng điều khiển bên trái vào khu vực chỉnh sửa. Hoặc, nếu bạn đang chỉnh sửa một trang hiện có đã chứa một nút, hãy nhấp vào tiện ích Nút để đưa nó vào chế độ chỉnh sửa.
Khám phá thêm: Cách đặt kích thước tùy chỉnh cho biểu tượng nút Elementor
Trên tùy chọn Bouton dưới tab Nội dung, đặt liên kết thành Popup. Để làm điều này, bạn có thể nhấp vào phần Liên kết động.
Nhấp vào biểu tượng cờ lê trên trường Popup và chọn cửa sổ bật lên bạn vừa tạo. Nhập tên cửa sổ bật lên để tìm cửa sổ bật lên của bạn.
Bấm vào XUẤT BẢN / CẬP NHẬT sau khi chỉnh sửa trang. Trước khi nhấp vào nút XUẤT BẢN / CẬP NHẬT, bạn có thể xem trước trang của mình trước để xem cửa sổ bật lên đã hoạt động chưa.
Tải xuống Elementor Pro ngay bây giờ !!!
Kết luận
Với Elementor Pro, bạn không cần phải cài đặt bất kỳ plugin bật lên nào nữa vì các tính năng do Elementor Pro cung cấp bao gồm trình tạo cửa sổ bật lên.
Trình tạo cửa sổ bật lên của Elementor cho phép bạn tạo bất kỳ loại cửa sổ bật lên nào. Từ cửa sổ bật lên kêu gọi hành động như chúng tôi vừa tạo ở trên, cửa sổ bật lên của hình thức đăng ký, thanh thông báo, nút chia sẻ xã hội, v.v.
Vì cửa sổ bật lên được tạo bằng trình chỉnh sửa của Elementor, về cơ bản bạn có thể thêm bất kỳ tiện ích nào vào cửa sổ bật lên của mình. Với Trình tạo cửa sổ bật lên của Elementor, bạn cũng có thể tạo một menu trang web sáng tạo như dưới đây:
Elementor cung cấp các mẫu cửa sổ bật lên để tiết kiệm thời gian của bạn trong việc tạo cửa sổ bật lên. Bạn cũng có thể sử dụng một mẫu nếu bạn không biết mình muốn tạo thiết kế cửa sổ bật lên nào.
Đây ! Đó là nó cho bài viết này chỉ cho bạn cách tạo cửa sổ bật lên với Elementor. Nếu bạn có bất kỳ thắc mắc nào về cách đến đó, hãy cho chúng tôi biết trong vòng ý kiến.
Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.
Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.
...
