Cần tìm ra cách mở một cửa sổ bật lên Elementor ở Gutenberg?
Trong các cộng đồng trực tuyến, luôn có một điều gây tranh cãi: cửa sổ bật lên. Một số người băn khoăn có nên sử dụng cửa sổ bật lên hay không. Nhưng theo ý kiến của chúng tôi, các cửa sổ bật lên sẽ ổn nếu các cửa sổ bật lên bạn tạo đơn giản, hấp dẫn và không gây khó chịu cho người dùng của bạn.
Giả sử bạn đã tạo cửa sổ bật lên với Elementor và muốn mở chúng trong trình soạn thảo WordPress Gutenberg; bởi vì bạn muốn triển khai cửa sổ bật lên trên các bài đăng hoặc trang blog của mình. Nếu bạn đang tự hỏi, nó có thể làm điều này? Vâng, câu trả lời là có, hoàn toàn có thể.
Bài viết này sẽ hướng dẫn các bạn cách mở Popup Elementor ở Gutenberg.
Cách mở cửa sổ bật lên Elementor trong WordPress Gutenberg Editor
Bước 1: Chuẩn bị cửa sổ bật lên
Điều hướng đến mẫu cửa sổ bật lên bạn đã tạo. Nếu bạn chưa quen với Elementor và muốn tìm hiểu cách tạo cửa sổ bật lên, bạn có thể xem hướng dẫn sau: bằng cách nhấp vào đây lien.
Được rồi, sau khi quá trình tạo cửa sổ bật lên hoàn tất, hãy nhấp vào biểu tượng bánh răng ( ️ ) ở góc dưới cùng bên trái của bảng cài đặt mục để mở bảng điều khiển bật lên. Trong bảng cài đặt bật lên, điều hướng đến tab tiên tiến và thêm một bộ chọn trên trường Mở bằng bộ chọn .
Đảm bảo thêm biểu tượng dấu chấm làm tiền tố (ví dụ: .popup12345).
Khi bạn đã thêm bộ chọn được chỉ định, đừng quên cập nhật hoặc xuất bản mẫu cửa sổ bật lên của bạn.
Remarque: Trên tab Điều kiện hiển thị trong số cửa sổ bật lên của bạn, làm ơn định cấu hình nó để hiển thị cửa sổ bật lên của bạn trên Toàn bộ trang web; Điều này sẽ cho phép bạn truy cập toàn bộ cửa sổ bật lên của mình Website. Bạn cũng không cần xác định trình kích hoạt, vì bạn sẽ hiển thị cửa sổ bật lên bằng bộ chọn mà bạn vừa xác định.
Bước 2: Mở cửa sổ bật lên trong Gutenberg
Bây giờ đã đến lúc mở cửa sổ bật lên trong trình chỉnh sửa WordPress Gutenberg.
Đi tới trình soạn thảo Gutenberg của WordPress; bạn có thể tạo một cái mới nội dung (trang/ấn bản) hoặc chọn một nội dung hiện có. Tiếp theo, chọn bất kỳ khối nào bạn muốn sử dụng làm trình kích hoạt để cửa sổ bật lên xuất hiện.
Trong hướng dẫn này, chúng tôi sẽ sử dụng khối Buttons.
Khi bạn đã quyết định khối nào bạn muốn sử dụng làm trình kích hoạt để hiển thị cửa sổ bật lên, hãy chuyển đến Cài đặt Chặn -> Nâng cao. Sau đó, thêm của bạn Các lớp CSS được chỉ định trong (Các) lớp CSS bổ sung vô địch.
Tốt. Đó là nó. Để xem nó hoạt động như thế nào, hãy xuất bản dự án của bạn và mở nó trong một cửa sổ mới.
Tải xuống Elementor Pro ngay bây giờ !!!
Kết luận
Bài viết này cho bạn thấy bạn có thể mở cửa sổ bật lên Elementor trong trình chỉnh sửa Gutenberg của WordPress tốt như thế nào. Chúng tôi hy vọng bài viết này sẽ hữu ích cho bạn. Cuối cùng nhưng không kém phần quan trọng, hãy nhớ rằng sự thành công của cửa sổ bật lên phụ thuộc vào việc chuyển đổi người dùng của bạn bằng cách sử dụng nội dung có liên quan và một lời kêu gọi hành động hấp dẫn.
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.
...
