Rumahweb Journal : News, Article, and Tutorial of Web Dev
opengraph - Cara Membuat Popup di WordPress

Cara Membuat Popup di WordPress

Pernahkan Anda pada saat mengunjungi suatu Website dan mendapati tampilan popup otomatis yang berisi promo ataupun penawaran yang cukup menarik? Contohnya seperti gambar berikut:

image 1 - Cara Membuat Popup di WordPress

Popup pada website sering kita jumpai di website-website seperti Toko Online, penyedia jasa, bahkan blog pribadi pun tidak jarang juga menampilkan popup yang berisi untuk subscribe Blog, mengisi form, subscribe newsletter, bahkan produk dan jasa.

Pada panduan kali ini Rumahweb akan membahas bagaimana membuat popup di WordPress dengan mudah! Berikut panduannya :

Langkah 1. Login Dashboard WordPress

Silahkan Anda login ke dashboard WordPRess terlebih dahulu dengan mengakses namadomain/wp-admin seperti gambar berikut :

login WordPress - Panduan Membuat Popup di WordPress

Langkah 2. Instalasi Plugin

Setelah berhasil login ke halaman admin WordPress. Pilih Menu Plugins > Add New Untuk melakukan instalasi Plugin.

Install plugin - Panduan Membuat Popup di WordPress

Setelah itu pada kolom pencarian Plugin. Silahkan Anda ketikkan “Popup”, dan klik “install Now” pada plugin Popup Builder sesuai dengan gambar berikut,

Install plugin - Panduan Membuat Popup di WordPress

Setelah berhasil Instalasi plugin, silahkan aktifkan pluginnya dengan cara klik Activate.

Activate plugin - Panduan Membuat Popup di WordPress

Langkah 3. Membuat Popup

Setelah Instalasi dan aktivasi Plugin berhasil, akan tampil menu baru Bernama Popup Builder. Untuk membuat Popup dapat dilakukan melalui menu Popup Builder > Add New sesuai dengan gambar berikut :

membuat popup baru - Panduan Membuat Popup di WordPress

Pada saat membuat Popup baru, Anda akan diminta memilih jenis popup yang ada dibuat. Terdapat beberapa pilihan antara lain, Image, HTML, Facebook, Subscription.

Karena pada panduan kali ini Jenis Popup yang akan dibuat hanya menampilkan gambar, jadi akan memilih Image.

Memilih jenis popup - Panduan Membuat Popup di WordPress

Setelah itu silahkan Anda isi Judul Popup yang akan dibuat, dan pilih gambar yang akan dijadikan tampilan Popupnya dengan cara klik Select Image sesuai dengan gambar berikut :

memilih gambar popup - Panduan Membuat Popup di WordPress

Setelah itu pada tab Upload Files, silahkan Anda klik Select Files.

memilih gambar - Panduan Membuat Popup di WordPress

Setelah memilih gambar yang akan dijadikan Popup, silahkan klik Choose Image.

memilih gamba r- Panduan Membuat Popup di WordPress

Berikut tampilan setelah Gambar berhasil di upload:

add image- Panduan Membuat Popup di WordPress

Langkah 4. Penyesuaian

Setelah Anda berhasil melakukan Instalasi, Aktivasi Plugin, dan menambahkan Popup Baru. Secara default Popup tersebut sudah tampil pada saat akses ke Website.

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.

Popup Display Rule

  • 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.

Popup Event

  • 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.
  • Delay : Ini berfungi untuk menentukan kapan popup akan tampil setelah halaman diakses.
Option popup - Panduan Membuat Popup di WordPress

Design

  • Theme : Anda juga dapat menentukan tema Popup yang akan ditampilkan. Terdapat 6 pilihan yang dapat anda gunakan.
theme popup- Panduan Membuat Popup di WordPress

Dimension

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.

responsive popup - Panduan Membuat Popup di WordPress

Popup Options

Selanjutnya pada tab Popup Options anda dapat menentukan Action yang akan dilakukan pada saat popup di klik. Contoh pada gambar dibawah, rumahweb menggunakan Action Redirect, jadi pada saat Popup di klik, pengunjung akan dibawa ke URL yang sudah ditentukan.

popup options - Panduan Membuat Popup di WordPress

Selesai

Setelah melakukan Instalasi, sampai dengan penyesuaian. Silahkan anda publish popupnya, dan coba akses ke website. maka akan tampil Popup seperti gambar berikut,

hasil popup - Panduan Membuat Popup di WordPress

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.

Tinggalkan Komentar

Wahid Husain

Blog Competition