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:
    • Width100 VW (100% viewport width)
    • HeightFit to Screen
    • Horizontal PositionCenter
    • Vertical PositionCenter
    • OverlayOn (untuk latar belakang gelap)
    • Close ButtonOn (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, klik Add 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.

Comments

No comments yet. Why don’t you start the discussion?

Leave a Reply

Your email address will not be published. Required fields are marked *