- \n
- Masuk (login<\/em>) ke dashboard WordPress website Anda.<\/li>\n\n\n\n
- Pada menu navigasi sebelah kiri, arahkan kursor ke menu Elementor<\/strong> then click Editor<\/strong> (atau menu Templates<\/strong>).<\/li>\n\n\n\n
- Pilih opsi Popups<\/strong>.<\/li>\n<\/ol>\n\n\n\n
![\"\"](\"https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/1AB4586C-6B27-4BAA-A6DD-671F818DAED2-719x1024.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/8141E0A2-D433-4ECF-A736-524F97FD5391.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
Langkah 2: Membuat Template Pop-up Baru<\/h2>\n\n\n\n
- \n
- Pada halaman kelola Popups, klik tombol Add New Popup<\/strong> in the top right corner.<\/li>\n\n\n\n
- Jendela pop-up baru akan muncul:\n
- \n
- Choose Template Type:<\/strong> Pastikan terpilih Popup<\/strong>.<\/li>\n\n\n\n
- Name your template:<\/strong> Isikan nama pop-up yang spesifik (contoh: Pop-up Pengumuman KTM Online<\/em> or Pop-up Wisuda 2026<\/em>).<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Click the button Create Template<\/strong>.<\/li>\n<\/ol>\n\n\n\n
![\"\"](\"https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/5FCE532B-D655-44EC-AC93-F383EDAF6078-1024x409.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/CC852478-6B92-4592-B4BA-67D75E4EE612-1024x507.png\")
<\/figure>\n\n\n\nLangkah 3: Memilih Layout atau Mendesain Pop-up<\/h2>\n\n\n\n
- \n
- Setelah masuk ke halaman editor Elementor, Anda akan disajikan jendela Library<\/strong>:\n
- \n
- Anda bisa memilih template preset<\/em> yang sudah ada jika sesuai.<\/li>\n\n\n\n
- Jika ingin menggunakan desain banner\/pamflet sendiri, tutup jendela Library (klik tanda X<\/em>).<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Masukkan widget Image<\/strong> atau susun elemen (teks, tombol, dsb.) ke dalam Container<\/em> Elementor sesuai kebutuhan pamflet Anda.<\/li>\n\n\n\n
- Unggah gambar\/banner informasi (misal: Banner KTM Online<\/em>).<\/li>\n<\/ol>\n\n\n\n
![\"\"](\"https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/8FD76CB0-C264-48D7-873A-403488FB2732-1024x587.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
Langkah 4: Mengatur Kondisi Tampil (Publish Settings<\/em>)<\/h2>\n\n\n\n
Setelah desain selesai, klik tombol Publish<\/strong> di pojok kanan atas untuk mengatur lokasi dan pemicu kemunculan pop-up.<\/p>\n\n\n\n
![\"\"](\"https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/0F743D71-84AD-4D4D-9C69-B1222962B9F9-1024x544.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
A. Display Conditions (Aturan Halaman)<\/h3>\n\n\n\n
Menentukan di halaman mana pop-up akan muncul.<\/p>\n\n\n\n
- \n
- Pilih tab Conditions<\/strong>.<\/li>\n\n\n\n
- Click the button Add Condition<\/strong>.<\/li>\n\n\n\n
- Atur kondisi kemunculan:\n
- \n
- Untuk Beranda saja:<\/strong> Pilih
Include<\/code> >Singular<\/code> >Front page<\/code>.<\/li>\n\n\n\n- Untuk Seluruh Halaman Website:<\/strong> Pilih
Include<\/code> >Entire Site<\/code>.<\/li>\n<\/ul>\n<\/li>\n\n\n\n- Click Next<\/strong>.<\/li>\n<\/ol>\n\n\n\n
![\"\"](\"https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/58E2D42C-ACCC-42C8-99BD-9136BFB45E75-1024x544.png\")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
B. Triggers (Pemicu Kemunculan)<\/h3>\n\n\n\n
Menentukan kapan pop-up otomatis muncul saat pengunjung mengakses halaman.<\/p>\n\n\n\n
- \n
- Pilih tab Triggers<\/strong>.<\/li>\n\n\n\n
- Aktifkan opsi On Page Load<\/strong> menjadi YES<\/strong>.<\/li>\n\n\n\n
- Tentukan jeda waktu muncul pada kolom Within (sec)<\/strong> (rekomendasi: 1<\/strong> detik agar pop-up langsung terlihat begitu halaman selesai memuat).<\/li>\n\n\n\n
- Click Save & Close<\/strong> (atau klik Next<\/em> jika ingin melewati bagian Advanced Rules<\/em>).<\/li>\n<\/ol>\n\n\n\n
![\"\"](\"https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/33A81C59-F0D6-4BD5-8485-3FD2F1B85711-1024x544.png\")
<\/figure>\n\n\n\nLangkah 5: Pengujian (Pratinjau Hasil)<\/h2>\n\n\n\n
- \n
- Buka halaman utama (front page<\/em>) website Anda menggunakan mode Incognito<\/em> \/ Private Window<\/em> pada browser.<\/li>\n\n\n\n
- Pastikan banner pop-up muncul di tengah layar dengan rapi dan tombol tutup (tanda X<\/strong>) berfungsi dengan baik.<\/li>\n<\/ol>\n\n\n\n
\n
Catatan Penting Pengelola Website UIN Malang:<\/strong><\/p>\n\n\n\n
- \n
- Ukuran File Gambar:<\/strong> Usahakan file pamflet\/banner yang diunggah berukuran < 300 KB agar tidak memberatkan kecepatan muat website.<\/li>\n\n\n\n
- Penonaktifan:<\/strong> Jika masa pengumuman telah selesai, ubah status Publish Condition<\/em> menjadi nonaktif (Draft<\/em>) atau hapus aturan Conditions<\/em> pada pop-up tersebut.<\/li>\n<\/ul>\n\n\n\n
![\"\"](\"https:\/\/ptipd.uin-malang.ac.id\/wp-content\/uploads\/2026\/09\/8D1EEEF6-115D-474A-A046-39856A6EDDC3-1024x544.png\")
<\/figure>\n<\/blockquote>","protected":false},"excerpt":{"rendered":"Panduan ini bertujuan untuk memudahkan pengelola website unit, fakultas, atau lembaga di lingkungan UIN Malang dalam membuat pengumuman, pamflet, atau informasi penting menggunakan fitur Pop-up dari Elementor Pro. Langkah 1: Mengakses Menu Popups Langkah 2: Membuat Template Pop-up Baru Langkah 3: Memilih Layout atau Mendesain Pop-up Langkah 4: Mengatur Kondisi Tampil (Publish Settings) Setelah desain […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,81],"tags":[],"class_list":["post-18944","post","type-post","status-publish","format-standard","hentry","category-panduan","category-wordpress"],"_links":{"self":[{"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/posts\/18944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/comments?post=18944"}],"version-history":[{"count":2,"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/posts\/18944\/revisions"}],"predecessor-version":[{"id":18957,"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/posts\/18944\/revisions\/18957"}],"wp:attachment":[{"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/media?parent=18944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/categories?post=18944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ptipd.uin-malang.ac.id\/en\/wp-json\/wp\/v2\/tags?post=18944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Penonaktifan:<\/strong> Jika masa pengumuman telah selesai, ubah status Publish Condition<\/em> menjadi nonaktif (Draft<\/em>) atau hapus aturan Conditions<\/em> pada pop-up tersebut.<\/li>\n<\/ul>\n\n\n\n
- Pastikan banner pop-up muncul di tengah layar dengan rapi dan tombol tutup (tanda X<\/strong>) berfungsi dengan baik.<\/li>\n<\/ol>\n\n\n\n
- Aktifkan opsi On Page Load<\/strong> menjadi YES<\/strong>.<\/li>\n\n\n\n
- Untuk Seluruh Halaman Website:<\/strong> Pilih
- Click the button Add Condition<\/strong>.<\/li>\n\n\n\n
- Jika ingin menggunakan desain banner\/pamflet sendiri, tutup jendela Library (klik tanda X<\/em>).<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Anda bisa memilih template preset<\/em> yang sudah ada jika sesuai.<\/li>\n\n\n\n
- Name your template:<\/strong> Isikan nama pop-up yang spesifik (contoh: Pop-up Pengumuman KTM Online<\/em> or Pop-up Wisuda 2026<\/em>).<\/li>\n<\/ul>\n<\/li>\n\n\n\n
- Jendela pop-up baru akan muncul:\n
- Pada menu navigasi sebelah kiri, arahkan kursor ke menu Elementor<\/strong> then click Editor<\/strong> (atau menu Templates<\/strong>).<\/li>\n\n\n\n