Rumahweb Journal
cara mudah membuat push notification wordpress

Cara Membuat Push Notification di WordPress

Ada banyak cara yang dapat Anda lakukan untuk menarik perhatian pembaca dan juga meningkatkan traffic pada website yang Anda kelola. Salah satunya adalah dengan menampilkan Pop-Up notification yang tampil pada saat website diakses, atau yang biasa disebut dengan Push Notification.

Pada kesempatan kali ini, Rumahweb akan menjelaskan bagaimana cara membuat push notification di WordPress. Sebelum berlanjut ketahapannya, Rumahweb akan menjelaskan terlebih dahulu apa itu Push Notification dan juga keuntungan memasang push notification pada Website. Berikut penjelasannya,

Apa itu Push Notification?

Web Push Notification adalah salah satu fitur pada sebuah website yang berfungsi untuk menampilkan sebuah notifikasi kepada pengunjung.

Konsep push notification pada WordPress ini pun sama halnya seperti Newsletter, jika newsletter dikirimkan ke inbox email, sedangkan untuk Push Notification ini akan mengirimkan langsung melalui notifikasi perangkat desktop atau mobile.

Keuntungan Menggunakan Push Notification di WordPress

Setelah mengetahui pengertian apa itu Push Notification, adapun keuntungan jika Anda menerapkan Push Notification pada website WordPress yang Anda kelola antara lain,

  • Meningkatkan Traffic Website
  • Meningkatkan Penjualan Produk pada Website
  • Memperluas Jangkauan website ke pengguna lain
  • Menginformasikan Artikel baru kepada pengunjung

Cara Membuat Push Notification di WordPress

Setelah memahami apa itu Push Notification dan juga beberapa keuntungan menggunakan Push Notification di WordPress, terdapat beberapa pilihan Plugin Push Notification yang bisa Anda gunakan.

Namun pada panduan kali ini kami akan menggunakan Plugin OneSignal – Web Push Notification. Selain gratis, banyak fitur yang disediakan pada plugin ini. Berikut informasi selengkapnya tentang cara membuat push notification di WordPress melalui plugin OneSignal.

Instalasi Plugin OneSignal Push Notification

Instalasi Plugin OneSignal Push Notification dapat dilakukan secara langsung melalui Dashboard WordPress.

1. Melalui dashboard WordPress, silahkan Anda cari plugin OneSignal – Web Push Notification dan klik Install Now untuk Install Pluginnya.

install plugin onesignal web push notification wordpress

2. Setelah berhasil install dan mengaktifkan Pluginnya, Notifikasi pada website tidak langsung tampil begitu saja.

Anda membutuhkan App ID dan REST API Key agar notifikasi pada website tampil dan berfungsi. App ID dan REST API Key ini bisa Anda dapatkan melalui https://onesignal.com/, dan akan Rumahweb Jelaskan pada tahapan Generate APP ID dan REST API Key OneSignal.

cara mendapatkan APP ID dan REST API Key OneSignal

Generate APP ID dan REST API Key OneSignal

1. Untuk mendapatkan App ID dan REST API Key Silahkan Anda Login terlebih dahulu ke https://onesignal.com/.

2. Setelah berhasil login ke website onesignal.com, silahkan Anda pilih New App/Website untuk membuat apps baru.

cara mendapatkan APP ID dan REST API Key OneSignal - new app

3. Selanjutnya silahkan Anda isi nama App atau Website yang akan dibuat, dan pada Platform pilih Web. Setelah itu silahkan pilih Next: Configure Your Platform.

cara mendapatkan APP ID dan REST API Key OneSignal -  Membuat app baru dan platform

4. Karena pada panduan kali ini Rumahweb membuat push notification untuk WordPress, maka pada tahapan integration silahkan Anda pilih WordPress Plugin or Website Builder > WordPress sesuai dengan gambar berikut,

cara mendapatkan APP ID dan REST API Key OneSignal -  Memilih wordpress platform

5. Selanjutnya Pada bagian WordPress Site Setup Anda akan diminta mengisi beberapa informasi antara lain,

  • Site Name : Silahkan Isi dengan nama website Anda
  • Site URL : Silahkan isi dengan Alamat website Anda

Setelah melengkapi, silahkan pilih Save untuk menyimpan pengaturan.

Wordpress setup onepush notification

6. Setelah itu Anda akan mendapatkan informasi APP ID dan API KEY, yang nantinya akan digunakan di Plugin pada WordPressnya. Silahkan Anda save APP ID dan API KEY tersebut.

APP ID dan API KEY onepush notification

Konfigurasi Plugin OneSignal – Push Notification

Setelah menyelesaikan Instalasi dan Mendapatkan APP ID dan REST API Key melalui https://onesignal.com/ sesuai dengan langkah-langkah diatas. Selanjutnya adalah masuk ke tahapan Konfigurasi Pluginnya.

1. Pertama, agar plugin OneSignal berfungsi Anda harus memasukkan APP ID dan REST API Key terlebih dahulu yang sebelumnya sudah didapatkan pada website onesignal.com. Silahkan Anda input APP ID dan REST API Key melalui Dashboard WordPress di menu OneSignal Push > Configuration sesuai dengan gambar berikut,

memasukkan APP ID dan REST API Key

2. Selanjutnya untuk mengatur Notifikasi agar tampil pada saat website dikunjungi pastikan opsi Automatically Prompt new site visitor with OneSignal Slide Prompt before Native Browser aktif seperti gambar berikut,

seting plugin One Signal WordPress

3. Setelah sudah dilakukan semua, silahkan Anda pilih Save untuk menyimpan konfigurasinya.

save setting onesignal wordpress

Setelah selesai melakukan semua tahapan diatas, akan tampil popup notifikasi yang tampil pada website saat diakses sesuai dengan gambar berikut,

tampilan popup push notification

Demikian cara membuat push notification di WordPress dari Rumahweb. Selamat mencoba dan semoga bermanfaat!

Bermanfaatkah Artikel Ini?

Klik bintang 5 untuk rating!

Rating rata-rata 5 / 5. Vote count: 1

Belum ada vote hingga saat ini!

Kami mohon maaf artikel ini kurang berguna untuk Anda!

Mari kita perbaiki artikel ini!

Beri tahu kami bagaimana kami dapat meningkatkan artikel ini?

SSL Murah

Wahid Husain

Person who love family, cat, sleep, and you <3