Perlu mencari cara untuk membuka popup Elementor di Gutenberg?

Dalam komunitas online, selalu ada satu hal yang bisa diperdebatkan: popup. Beberapa orang bertanya-tanya apakah akan menggunakan popup atau tidak. Namun menurut kami, popup boleh saja jika popup yang Anda buat sederhana, menarik, dan tidak mengganggu pengguna Anda.

Katakanlah Anda telah membuat popup dengan Elementor dan ingin membukanya di editor WordPress Gutenberg; karena Anda ingin menyebarkan popup pada posting atau halaman blog Anda. Jika Anda bertanya-tanya, apakah mungkin melakukan ini? Nah, jawabannya adalah ya, itu mungkin.

Artikel ini akan menunjukkan cara membuka popup Elementor di Gutenberg.

Cara Membuka Elementor Popup di WordPress Gutenberg Editor

Langkah 1: Siapkan popup

Arahkan ke template popup yang Anda buat. Jika Anda baru mengenal Elementor dan ingin mempelajari cara membuat munculan, Anda dapat melihat tutorial berikut: dengan mengklik ini hak gadai.

Baiklah, setelah pembuatan popup selesai, klik ikon gerigi ( ️ ) di pojok kiri bawah panel pengaturan item untuk membuka panel popup. Di panel pengaturan popup, arahkan ke tab maju dan tambahkan pemilih di lapangan Buka oleh pemilih . 

Pastikan untuk menambahkan simbol titik sebagai awalan (mis., .popup12345).

buka popup Elementor di Gutenberg

Setelah Anda menambahkan pemilih yang ditentukan, jangan lupa untuk memperbarui atau mempublikasikan template popup Anda.

Catatan: Di tab Kondisi tampilan dari popup Anda, tolong konfigurasikan untuk menampilkan popup Anda di Seluruh situs; Ini akan memungkinkan Anda untuk mengakses popup Anda secara keseluruhan situs jaringan. Anda juga tidak perlu menentukan pemicu, karena Anda akan menampilkan popup oleh pemilih yang baru saja Anda tentukan.

buka popup Elementor di Gutenberg

Langkah 2: Buka popup di Gutenberg

Sekarang saatnya membuka popup di editor Gutenberg WordPress.

Buka editor Gutenberg WordPress; Anda dapat membuat yang baru isi (halaman/publikasi) atau pilih a isi yang ada. Selanjutnya, pilih blok mana saja yang ingin Anda gunakan sebagai pemicu munculnya popup.

Dalam tutorial ini, kita akan menggunakan blok Buttons.

buka popup Elementor di Gutenberg

Setelah Anda memutuskan blok mana yang ingin Anda gunakan sebagai pemicu untuk menampilkan sembulan, buka Pengaturan Blok – > Maju. Kemudian tambahkan Anda Kelas CSS yang ditentukan dans le Kelas CSS tambahan ( es ) juara.

buka popup Elementor di Gutenberg

Bagus. Itu dia. Untuk melihat cara kerjanya, publikasikan proyek Anda dan buka di jendela baru.

buka popup Elementor di Gutenberg

Dapatkan Elementor Pro Sekarang!!!

Kesimpulan

Artikel ini menunjukkan betapa mudahnya Anda membuka popup Elementor di editor Gutenberg WordPress. Kami harap artikel ini bermanfaat bagi Anda. Yang terakhir, harap diingat bahwa keberhasilan popup Anda bergantung pada konversi pengguna Anda menggunakan a isi relevan dan ajakan bertindak yang menarik.

Jika Anda memiliki kekhawatiran tentang cara menuju ke sana, beri tahu kami di dalam komentar.

Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress atau yang di Divi: tema WordPress terbaik sepanjang masa.

Namun sementara itu, bagikan artikel ini di berbagai jejaring sosial Anda.

...

Pin It pada Pinterest