Untuk membuat pop-up pencarian layar penuh di Elementor Pro, Anda perlu membuat template popup baru, mengatur tata letak dan tampilan menjadi layar penuh, lalu menambahkan widget pencarian. Terakhir, atur kondisi agar popup muncul di seluruh situs.
Berikut langkah-langkah detailnya:
1. Buat Template Popup:
- Buka WordPress dashboard, lalu navigasi ke
Templates
>Popups
>Add New
. - Pilih
Popup
sebagai jenis template dan berikan nama pada popup Anda, misalnya “Popup Pencarian Layar Penuh”. - Klik
Create Template
.
2. Atur Tata Letak dan Tampilan Popup:
- Di editor Elementor, klik ikon pengaturan (roda gigi) di pojok kiri bawah.
- Di tab
Settings
, atur:Width
:100 VW
(100% viewport width)Height
:Fit to Screen
Horizontal Position
:Center
Vertical Position
:Center
Overlay
:On
(untuk latar belakang gelap)Close Button
:On
(untuk opsi menutup popup)
- Klik tab
Style
untuk menyesuaikan tampilan latar belakang, warna, dan elemen popup lainnya.
3. Tambahkan Widget Pencarian:
- Di editor Elementor, cari widget
Search
(atau widget pencarian lain yang tersedia). - Seret dan letakkan widget tersebut ke dalam area popup.
- Sesuaikan tampilan widget pencarian sesuai keinginan.
4. Atur Kondisi Popup:
- Klik tombol
Publish
. - Di jendela
Publish Settings
, klikAdd Condition
. - Pastikan kondisi diatur ke
Include Entire Site
. - Klik
Next
. - Di tab
Triggers
, Anda bisa mengatur kapan popup akan muncul (misalnya, setelah beberapa detik tidak ada aktivitas). - Klik
Save & Close
.
Dengan langkah-langkah ini, Anda akan memiliki popup pencarian layar penuh yang muncul di seluruh situs Anda ketika kondisi yang Anda atur terpenuhi.