{"id":17873,"date":"2020-12-26T16:53:15","date_gmt":"2020-12-26T09:53:15","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=17873"},"modified":"2023-02-13T15:36:25","modified_gmt":"2023-02-13T08:36:25","slug":"cara-membuat-popup-di-wordpress","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-membuat-popup-di-wordpress\/","title":{"rendered":"Cara Membuat Popup di WordPress Tanpa Ribet"},"content":{"rendered":"\n<p>Popup adalah sebuah layer atau jendela kecil yang muncul di depan interface halaman sebuah website. Biasanya, popup digunakan untuk menampilkan iklan maupun promo pada website. Pada panduan ini, kami akan berbagi cara membuat popup di WordPress dengan bantuan plugin. <\/p>\n\n\n\n\n\n<p>Salah satu contoh popup pada website seperti berikut : <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/17.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"638\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/17-1024x638.png\" alt=\"image 1 - Cara Membuat Popup di WordPress\" class=\"wp-image-17939\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/17-1024x638.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/17-300x187.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/17-768x478.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/17-370x230.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/17-270x168.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/17-570x355.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/17-740x461.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/17.png 1142w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><em><a href=\"https:\/\/blog.rumahweb.com\/pop-up-adalah\/\" title=\"pop up adalah\">Pop up<\/a> <\/em>pada website sering kita jumpai di website-website seperti Toko Online, penyedia jasa, bahkan blog pribadi pun tidak jarang juga menampilkan <em>popup <\/em>yang berisi untuk <em>subscribe <\/em>Blog, mengisi <em>form<\/em>, <em>subscribe newsletter<\/em>, bahkan produk dan jasa. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cara Membuat Popup di WordPress<\/h2>\n\n\n\n<p>Pada panduan kali ini Rumahweb akan membahas bagaimana membuat popup di WordPress dengan plugin popup builder. Berikut panduannya :<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Langkah 1. Instalasi Plugin Popup Builder<\/h3>\n\n\n\n<p>Silahkan Anda login ke dashboard WordPress terlebih dahulu dengan mengakses namadomain\/wp-admin seperti gambar berikut :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/1-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"702\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/1-1-1024x702.png\" alt=\"login WordPress - Panduan Membuat Popup di WordPress\" class=\"wp-image-17913\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/1-1-1024x702.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/1-1-300x206.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/1-1-768x527.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/1-1-370x254.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/1-1-270x185.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/1-1-570x391.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/1-1-740x507.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/1-1.png 1037w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Setelah berhasil login ke halaman admin WordPress. Pilih Menu Plugins &gt; Add New Untuk melakukan instalasi Plugin<strong>.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/2-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"681\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/2-2-1024x681.png\" alt=\"Install plugin - Panduan Membuat Popup di WordPress\" class=\"wp-image-17914\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/2-2-1024x681.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/2-2-300x200.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/2-2-768x511.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/2-2-370x246.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/2-2-270x180.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/2-2-570x379.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/2-2-740x492.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/2-2.png 1036w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Setelah itu pada kolom pencarian Plugin. Silahkan Anda ketikkan &#8220;Popup&#8221;, dan klik &#8220;install Now&#8221; pada <a href=\"https:\/\/id.wordpress.org\/plugins\/popup-builder\/\">plugin <strong>Popup Builder<\/strong><\/a> sesuai dengan gambar berikut,<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/3-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"639\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/3-1-1024x639.png\" alt=\"Install plugin - Panduan Membuat Popup di WordPress\" class=\"wp-image-17915\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/3-1-1024x639.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/3-1-300x187.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/3-1-768x479.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/3-1-370x231.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/3-1-270x168.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/3-1-570x356.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/3-1-740x462.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/3-1.png 1138w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Setelah berhasil Instalasi plugin, silahkan aktifkan pluginnya dengan cara klik Activate.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/4-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"637\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/4-1-1024x637.png\" alt=\"Activate plugin - Panduan Membuat Popup di WordPress\" class=\"wp-image-17916\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/4-1-1024x637.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/4-1-300x187.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/4-1-768x478.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/4-1-370x230.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/4-1-270x168.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/4-1-570x355.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/4-1-740x460.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/4-1.png 1143w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Langkah 2. Membuat Popup<\/h3>\n\n\n\n<p>Setelah Instalasi dan aktivasi Plugin berhasil, akan tampil menu baru Bernama <strong>Popup Builder<\/strong>. Untuk membuat Popup dapat dilakukan melalui menu <strong>Popup Builder<\/strong> &gt; <strong>Add New<\/strong> sesuai dengan gambar berikut :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/5-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"618\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/5-2-1024x618.png\" alt=\"membuat popup baru - Panduan Membuat Popup di WordPress\" class=\"wp-image-17918\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/5-2-1024x618.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/5-2-300x181.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/5-2-768x464.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/5-2-370x223.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/5-2-270x163.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/5-2-570x344.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/5-2-740x447.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/5-2.png 1141w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Pada saat membuat Popup baru, Anda akan diminta memilih jenis popup yang ada dibuat. Terdapat beberapa pilihan antara lain, Image, HTML, Facebook, <em>Subscription<\/em>. <\/p>\n\n\n\n<p>Karena pada panduan kali ini Jenis Popup yang akan dibuat hanya menampilkan gambar, jadi akan memilih <em>Image<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/6.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/6-1024x640.png\" alt=\"Memilih jenis popup - Panduan Membuat Popup di WordPress\" class=\"wp-image-17919\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/6-1024x640.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/6-300x188.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/6-768x480.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/6-370x231.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/6-270x169.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/6-570x356.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/6-740x463.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/6.png 1137w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Setelah itu silahkan Anda isi Judul Popup yang akan dibuat, dan pilih gambar yang akan dijadikan tampilan Popupnya dengan cara klik <strong>Select Image<\/strong> sesuai dengan gambar berikut :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/7-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"636\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/7-1-1024x636.png\" alt=\"memilih gambar popup - Panduan Membuat Popup di WordPress\" class=\"wp-image-17920\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/7-1-1024x636.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/7-1-300x186.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/7-1-768x477.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/7-1-370x230.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/7-1-270x168.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/7-1-570x354.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/7-1-740x460.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/7-1.png 1140w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Setelah itu pada tab <strong>Upload Files<\/strong>, silahkan Anda klik <strong>Select Files<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/8-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/8-1-1024x551.png\" alt=\"memilih gambar - Panduan Membuat Popup di WordPress\" class=\"wp-image-17921\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/8-1-1024x551.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/8-1-300x161.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/8-1-768x413.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/8-1-370x199.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/8-1-270x145.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/8-1-570x307.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/8-1-740x398.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/8-1.png 1106w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Setelah memilih gambar yang akan dijadikan Popup, silahkan klik <strong>Choose Image<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/9.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"551\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/9-1024x551.png\" alt=\"memilih gamba r- Panduan Membuat Popup di WordPress\" class=\"wp-image-17922\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/9-1024x551.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/9-300x161.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/9-768x413.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/9-370x199.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/9-270x145.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/9-570x307.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/9-740x398.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/9.png 1093w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Berikut tampilan setelah Gambar berhasil di upload:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/10.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"618\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/10-1024x618.png\" alt=\"add image- Panduan Membuat Popup di WordPress\" class=\"wp-image-17923\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/10-1024x618.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/10-300x181.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/10-768x463.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/10-370x223.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/10-270x163.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/10-570x344.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/10-740x447.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/10.png 1140w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Langkah 3. Penyesuaian<\/h3>\n\n\n\n<p>Setelah Anda berhasil melakukan Instalasi, Aktivasi Plugin, dan menambahkan Popup Baru. Secara default Popup tersebut sudah tampil pada saat akses ke Website.<\/p>\n\n\n\n<p>Tetapi terdapat juga beberapa opsi yang dapat anda terapkan guna untuk menyesuaikan Popup yang telah anda buat seperti Popup Display Rule, Action Popup, dan sebagainya.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Popup Display Rule<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Display Rule : Pada Opsi ini anda akan diminta menentukan dimana Popup akan ditampilkan. Contohnya Anda ingin menampilkan Popup hanya pada saat akses ke halaman tertentu. <\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Popup Event <\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Event : Opsi ini digunakan untuk menentukan kapan Popup akan tampil. Pada opsi Event ini terdapat beberapa Pilihan. Pada panduan kali ini Rumahweb menggunakan Event On load, jadi Popup akan tampil setelah halaman diakses.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Delay : Ini berfungi untuk menentukan kapan popup akan tampil setelah halaman diakses.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/11.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"638\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/11-1024x638.png\" alt=\"Option popup - Panduan Membuat Popup di WordPress\" class=\"wp-image-17925\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/11-1024x638.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/11-300x187.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/11-768x478.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/11-370x230.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/11-270x168.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/11-570x355.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/11-740x461.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/11.png 1142w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Design<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Theme : Anda juga dapat menentukan tema Popup yang akan ditampilkan. Terdapat 6 pilihan yang dapat anda gunakan.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/12-New.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"613\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/12-New-1024x613.png\" alt=\"theme popup- Panduan Membuat Popup di WordPress\" class=\"wp-image-17929\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/12-New-1024x613.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/12-New-300x180.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/12-New-768x460.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/12-New-370x222.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/12-New-270x162.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/12-New-570x341.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/12-New-740x443.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/12-New.png 1139w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Dimension<\/h4>\n\n\n\n<p>Pada tab Dimension anda dapat melakukan pengaturan dimensi atau ukuran Popup yang akan tampilkan. Secara default pengaturan dimensi, ukuran popup akan tersetting Auto. Jadi ukuran popup akan mengikuti besar layar device.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/14.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"445\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/14-1024x445.png\" alt=\"responsive popup - Panduan Membuat Popup di WordPress\" class=\"wp-image-17932\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/14-1024x445.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/14-300x130.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/14-768x333.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/14-370x161.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/14-270x117.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/14-570x248.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/14-740x321.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/14.png 1140w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Popup Options<\/h4>\n\n\n\n<p>Selanjutnya pada tab Popup Options anda dapat menentukan Action yang akan dilakukan pada saat popup di klik. Contoh pada gambar dibawah, rumahweb menggunakan <strong>Action Redirect<\/strong>, jadi pada saat Popup di klik, pengunjung akan dibawa ke URL yang sudah ditentukan. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/15.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/15-1024x486.png\" alt=\"popup options - Panduan Membuat Popup di WordPress\" class=\"wp-image-17933\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/15-1024x486.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/15-300x143.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/15-768x365.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/15-370x176.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/15-270x128.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/15-570x271.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/15-740x352.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/15.png 1362w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Sampai tahap ini, cara membuat popup di WordPress telah selesai. Selanjutnya, silahkan anda publish popupnya, dan coba akses ke website. maka akan tampil Popup seperti gambar berikut :<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/16.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"625\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/16-1024x625.png\" alt=\"hasil popup - Panduan Membuat Popup di WordPress\" class=\"wp-image-17935\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/16-1024x625.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/16-300x183.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/16-768x469.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/16-370x226.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/16-270x165.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/16-570x348.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/16-740x452.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/16.png 1038w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Demikian panduan membuat popup di WordPress. Semoga bermanfaat dan selamat mencoba. Apabila ada kendala atau kesulitan, Anda dapat menghubungi kami melalui Livechat, Email, ataupun telefon.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Popup adalah sebuah layer atau jendela kecil yang muncul di depan interface halaman sebuah website. Biasanya, popup digunakan untuk menampilkan iklan maupun promo pada website. Pada panduan ini, kami akan berbagi cara membuat popup di WordPress dengan bantuan plugin. Salah satu contoh popup pada website seperti berikut : Pop up pada website sering kita jumpai [&hellip;]<\/p>\n","protected":false},"author":332,"featured_media":17943,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[463],"tags":[946,14],"class_list":{"0":"post-17873","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress","8":"tag-panduan-wordpress","9":"tag-wordpress"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/12\/popup-wordpress.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-4Eh","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/17873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/332"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=17873"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/17873\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/17943"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=17873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=17873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=17873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}