Perlu tahu cara membuat popup dengan Elementor ?
Elementor bukan hanya pembuat halaman. Ini adalah WordPress Plugin serbaguna. Ada beberapa hal lain yang dapat Anda lakukan dengannya Elementor selain membuat halaman web. Salah satunya adalah pembuatan popup.
Pada artikel ini, kami akan menunjukkan cara membuat popup dengan bantuan fitur Popup BuilderElementor.
Membuat popup dengan Elementor sangat mudah. Anda dapat membuat popup Anda dengan antarmuka visual Elementor di mana semuanya drag and drop. Elementor juga menawarkan template popup yang dapat Anda gunakan untuk membuat popup Anda. Anda hanya perlu memilih model, memublikasikannya, dan menentukan pemicunya.
Temukan Cara menginstal Elementor di WordPress
Sebelum melangkah lebih jauh, penting untuk dicatat bahwa Pembuat Popup Elementor hanya tersedia pada versi pro.
Cara membuat popup dengan Elementor
Saat membuat popup dengan Elementor, Anda dapat mengatur pemicu (tindakan untuk menampilkan popup) dan mengonfigurasi kondisinya (di halaman mana Anda ingin popup Anda muncul). Selain itu, Anda juga dapat menetapkan aturan lanjutan (dibahas lebih lanjut di bawah).
Baca juga: Cara Membuat Tombol Gradien Multicolor di Elementor
Dalam panduan ini, kami akan membuat popup ajakan bertindak dengan pemicu pada klik tombol. Munculan akan muncul ketika pengguna mengklik tombol.
Dengan asumsi Anda telah menginstal Elementor Pro, masuk ke dasbor WordPress dan buka Template – > Popup dan klik tombol Tambahan atas.
Beri nama untuk popup Anda dan klik tombol BUAT MODEL.
Pilih template popup yang ingin Anda gunakan. Arahkan mouse Anda ke atasnya dan klik tombol menyisipkan untuk memasukkannya ke dalam editor Elementor.
Jika Anda lebih suka membuat popup dari awal, Anda cukup menutup perpustakaan template untuk membuka editor Elementor.
Pada editor Elementor, Anda dapat menyesuaikan popup. Anda dapat mengganti konten default (khususnya teks) dengan konten Anda sendiri. Gunakan browser untuk memudahkan berpindah antar bagian dan widget.
Anda juga dapat menambahkan animasi masuk/keluar, mengaktifkan/menonaktifkan overlay dan mengaktifkan/menonaktifkan tombol tutup.
Setelah selesai, klik tombol MENERBITKAN.
Pada langkah selanjutnya, Anda akan diminta untuk mengatur kondisi dan pemicu tampilan. Ada juga opsi untuk menetapkan aturan lanjutan:
- istilah tampilan: Menentukan di halaman mana popup muncul di situs web Anda. Anda dapat mengonfigurasi sembulan agar muncul di seluruh situs web, halaman tertentu, posting tertentu, kategori tertentu, dll.
- Pemicu: Pemicu adalah tindakan untuk menampilkan popup. Elementor mendukung 6 jenis pemicu: On Page Load, On Scroll, On Element Scroll, On Click, Setelah tidak aktif, Di halaman keluar
- Aturan lanjutan: Persyaratan yang harus dipenuhi agar popup muncul. Misalnya, Anda dapat mengonfigurasi popup agar muncul jika pengunjung datang ke situs web Anda melalui mesin telusur atau URL tertentu. Pembuat Popup Elementor sendiri menawarkan 7 opsi aturan lanjutan yang dapat Anda atur.
Karena kami ingin menampilkan popup ketika pengguna mengklik tombol, buka tab pemicu dan aktifkan opsi Saat Diklik. Klik di Simpan dan tutup.
Buat halaman/posting baru dan edit dengan Elementor (Anda juga dapat mengedit halaman yang sudah ada).
Tambahkan Widget tombol dengan menyeretnya dari panel kiri ke area pengeditan. Atau, jika Anda mengedit halaman yang sudah ada yang sudah berisi tombol, klik widget Tombol untuk memasukkannya ke mode edit.
Temukan juga: Cara mengatur ukuran khusus untuk ikon tombol Elementor
Pada pilihan tombol di bawah tab Isi, setel tautan ke Popup. Untuk melakukan ini, Anda dapat mengklik di bagian Tautan Dinamis.
Klik ikon kunci pas di lapangan Popup dan pilih popup yang baru saja Anda buat. Ketik nama popup untuk menemukan popup Anda.
Klik PUBLIKASIKAN / PERBARUI setelah mengedit halaman. Sebelum mengklik tombol PUBLIKASIKAN / PERBARUI, Anda dapat mempratinjau halaman Anda terlebih dahulu untuk melihat apakah sembulan sudah berfungsi.
Dapatkan Elementor Pro Sekarang!!!
Kesimpulan
Dengan Elementor Pro, Anda tidak perlu lagi menginstal plugin popup apa pun karena fitur yang ditawarkan Elementor Pro termasuk pembuat popup.
Pembuat Popup Elementor memungkinkan Anda membuat semua jenis popup. Dari munculan ajakan bertindak seperti yang baru saja kita buat di atas, munculan dari bentuk pendaftaran, bilah notifikasi, tombol berbagi sosial, dll.
Karena popup dibuat dengan editor Elementor, pada dasarnya Anda dapat menambahkan widget apa pun ke popup Anda. Dengan Pembuat Popup Elementor, Anda juga dapat membuat menu situs web kreatif seperti di bawah ini:
Elementor menawarkan template popup untuk menghemat waktu Anda dalam membuat popup. Anda juga dapat menggunakan template jika Anda tidak tahu desain popup apa yang ingin Anda buat.
Di Sini ! Itu saja untuk artikel ini yang menunjukkan caranya buat popup dengan Elementor. 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.
...
