Muhammad Rizkhi – Apa keunggulan dari Pop Up? dan Bagaimana cara membuat pop up di website menggunakan elementor?
Simak video berikut ini : https://youtu.be/pjX8zGUBTEE
Untuk membuat pop-up menggunakan Elementor, Anda perlu mengikuti langkah-langkah berikut dengan terperinci:
Langkah 1: Instal dan Aktifkan Elementor Plugin
Pastikan Anda sudah menginstal dan mengaktifkan plugin Elementor di situs WordPress Anda. Jika belum, Anda bisa mengunduhnya dari direktori plugin WordPress atau mencarinya di bagian “Plugins” di dasbor WordPress Anda.
Langkah 2: Buat Halaman Baru atau Gunakan Halaman yang Sudah Ada
Anda dapat membuat halaman pop-up di halaman baru atau menggunakan halaman yang sudah ada. Jika Anda ingin membuat halaman khusus untuk pop-up, buat halaman baru dengan cara masuk ke “Pages” (Halaman) di dasbor WordPress dan klik “Add New” (Tambah Baru).
Langkah 3: Gunakan Elementor untuk Membuat Halaman Pop-up
Setelah Anda memilih atau membuat halaman untuk pop-up, klik tombol “Edit with Elementor” di atas untuk memulai pengeditan menggunakan Elementor.
Langkah 4: Tambahkan Elementor Pop-up Widget
Dalam mode pengeditan Elementor, Anda akan melihat panel sisi sebelah kiri dengan widget-widget yang tersedia. Cari widget “Popup” dan seretnya ke area kerja di halaman Anda.
Langkah 5: Sesuaikan Pengaturan Pop-up
Setelah Anda menambahkan widget Pop-up, Anda akan memiliki banyak opsi pengaturan yang dapat disesuaikan. Di bawah tab “Content”, Anda bisa mengedit konten pop-up, seperti teks, gambar, video, atau bentuk lainnya.
Langkah 6: Konfigurasi Pengaturan Pop-up
Di bawah tab “Settings” (Pengaturan), Anda akan menemukan pengaturan-pengaturan untuk mengontrol perilaku pop-up. Beberapa opsi yang umum adalah:
a. Trigger(Pemicu)
Tentukan apa yang akan memicu pop-up muncul, seperti klik tombol, waktu tertentu, atau saat pengguna scroll ke bawah.
b. Conditions (Kondisi)
Tetapkan kapan pop-up harus muncul, misalnya, hanya pada halaman tertentu atau saat pengguna pertama kali mengunjungi situs.
c. Close Button (Tombol Tutup)
Aktifkan atau nonaktifkan tombol untuk menutup pop-up.
d. Animation(Animasi)
Tentukan animasi yang digunakan saat pop-up muncul atau menghilang.
Langkah 7: Tambahkan Tombol atau Tautan untuk Memunculkan Pop-up (Opsional)
Jika Anda ingin menggunakan tombol atau tautan untuk memicu pop-up, tambahkan widget tombol atau widget tautan dan konfigurasikan tautan tersebut untuk memunculkan pop-up saat di klik.
Langkah 8: Simpan Perubahan dan Pratinjau Pop-up
Setelah Anda mengatur semua pengaturan dan konten, pastikan untuk menyimpan perubahan Anda. Setelah disimpan, Anda bisa menggunakan tombol “Preview” (Pratinjau) di sudut bawah kanan untuk melihat pop-up dalam aksi.
Langkah 9: Publikasikan Pop-up
Setelah Anda puas dengan desain dan pengaturan pop-up Anda, klik tombol “Update” atau “Publish” (Terbitkan) di Elementor untuk menyimpan perubahan dan membuat pop-up aktif.
Langkah 10: Tes Pop-up di Situs Anda
Terakhir, pastikan untuk mengujicobakan pop-up di situs Anda untuk memastikan semuanya berfungsi sesuai keinginan.
Itulah langkah-langkah terperinci untuk membuat pop-up menggunakan Elementor. Elementor memberikan fleksibilitas dan kreativitas dalam mendesain dan mengatur pop-up di situs WordPress Anda dengan mudah dan efisien.