Cara Membuat Push Notification Gratis dengan OneSignal di WordPress

Cara Membuat Push Notification Gratis dengan OneSignal di WordPress – Harapan pemilik website terhadap pengunjung adalah mempertahankan pengunjung dan membuat pengunjung itu datang kembali mengunjungi situs website.

Tutorial WordPress kali ini membahas cara membuat membuat push notification di WordPress dengan menggunakan OneSignal.

Cara Membuat Push Notification Gratis dengan OneSignal di WordPress

Salah satu cara agar pengunjung kembali ke situs website yaitu dengan cara memberi notifikasi terhadap pengunjung tersebut ketika ada postingan artikel baru.

Memasang push notification juga dapat meningkat pengunjung yang lebih banyak.

Kenapa Demikian ?

Pernahkan kalian duduk bersama teman anda dan ketika itu saling membuka laptop. Bayangkan juga ada noitifikasi pada laptop kamu. Hal itu akan menarik perhatian temen kamu dan membuat penasaran. Dari rasa penasaran tersebut maka akan mengujungi situs yang ada di notifikasi.

Cara membuat nofifikasi di wordpress mempunyai banyak cara. Tedapat layanan push notification yang berkualitas, salah satunya yaitu OneSginal.

Apa Itu One Signal ?

OneSignal merupakan layanan yang menyediakan fitur notifikasi untuk segala kebutuhan. Ada banyak layanan push notification di onesigal, salah satu notification ke browser yang digunakan.

Selain itu Onesignal juga banyak digunakan oleh programmer mobile untuk membuat notifikasi, karena onesignal sendiri juga menyediakan SDK.

Cara Mendaftar di Onesignal

Untuk menggunakan layanan di onesignal harus mendaftar dan melakukan konfigurasi. Yang kita butuhkan dari oneginal berupa kode APP ID dan API KEY.

Silahkan melakukan pendaftaran pada layanan onesignal dan melakukan login.

Jika tidak ingin ribet dapat melakukan login menggunakan akun google mail. Onesignal sudah terintegrasi dengan google mail. Jadi lebih mudah untuk melaukan pendaftaran.

Untuk melakukan pendaftaran silahkan kunjungi : https://onesignal.com/.

Membuat Aplikasi Push Notification di Onesginal

Setelah melakukan pendaftara, silahkan login ke akun anda.

Setelah itu akan di sajikan sebuah daftar tabel yang berisi daftar aplikasi. Namun ketika membuka pertama kali aplikasi kosong. Maka dari itu kita harus membuatnya.

Yuk kita buat.

Langkah Pertama Silahkan Klik “Add App”

Cara Membuat Push Notification Gratis dengan OneSignal di Wordpress

Silahkan masukkan nama aplikasi yang anda ingikan. Sebagai saran masukan nama aplikasi berdasarkan nama website.

Setelah itu klik tombol “ADD APP”.

Setelah itu memilih platform yang digunakan. Berhubung nofikasi menggunakan wordpress dan berupa halaman website. Silahkan pilih Web Push, dengan Logo seperti Google Chrome.

Cara Membuat Push Notification Gratis dengan OneSignal di Wordpress

Jika sudah memilih “Web Push”, silahkan Klik “Next“:.

Setelah itu anda akan di bawah ke pemilihan CMS atau pilihan website. Silahkan pilih “WordPress Plugin”.

Selain itu juga terdapat Kolom yang berguna untuk mengisi informasi website wordpress yang ingin di gunakan.

Cara Membuat Push Notification Gratis dengan OneSignal di Wordpress

Silahkan Masukkan nama Website dan URL website yang di inginkan. Bahkan juga bisa mengungga icon sebagai pemanis notifikasi.

Jika sudah di isi semua, silahkan klik “save”.

Instalasi dan Konfigurasi Onesignal selesai. Anda akan di arahkan di mana halaman tersebut berupa informasi APP ID dan APP KEY.

Cara Membuat Push Notification Gratis dengan OneSignal di Wordpress

Anda bisa membiarkan halaman tersebut dan kemudian pindah ke halaman wordpress untuk melakukan instalasi plugin ataupun langsung klik tombol “Finsish”, namun harus menyalin APP ID dan API KEY.

Menginstall Plugin Onesignal

Untuk menggunakan onesigna di wordpress harus menginstall sebuah plugin bernama onesignal. Silahkan lakukan instalasi plugin onesignal pada umumnya.

Cara Membuat Push Notification Gratis dengan OneSignal di Wordpress

Silahkan lakukan instalasi dan aktifkan Plugin Onesignal.

Setelahh itu langkah berikut nya melakukan konfigurasi.

Konfigurasi OneSignal di WordPress

Ketika sudah mengaktifkan plugin onesignal, selanjutnya silahkan buka plugin tersebut. Letak plugin sejajar di bagian sidebar sebelah kiri.

Cara Membuat Push Notification Gratis dengan OneSignal di Wordpress

Gambar di atas merupakan tampilan onesignal plugin wordpress. Untuk melakukan konfigurasi silahkan klik menu “configuration“.

Maka akan di temukan beberapa pengaturan. Hal yang paling penting agar wordpress dapat terhubung dengan aplikasi onesignal yang kita bikin tadi maka masukan APP ID dan API KEY yang berasal dari onesginal ketika tadi kita membuat.

Cara Membuat Push Notification Gratis dengan OneSignal di Wordpress

Selain itu silahkan isi kolom OneSignal Label.

Langkah berikutnya mengatur kiriman notifikasi.

Silahkan matikan “Enable the Subscription Bell” dan ubah teks notifikasi tersebut.

Contohnya :

Cara Membuat Push Notification Gratis dengan OneSignal di Wordpress

Selanjutnya silahkan lakukan penyimpanan, dengan mengklik tombol save.

Pengujian Push Notification OneSignal di Browser Chroome

Ktia sudah berhasil melakukan konfigurasi baik di Onesignal maupun di wordpress. Sekarang saat nya melakukan pengujian.

Agar tidak terjadi cache pada browser dapat menggunakan mode incognito (CTRL +SHIFT +N).

Silahkan buka website wordpress anda.

Cara Membuat Push Notification Gratis dengan OneSignal di Wordpress

Terlihat pada gambar di atas, terdapat pop up mengambang yang berupa notifikasi.

Artinya kita sudah berhasil membuat dan memasang push notification di wordpress.

Untuk melakukan pengujian lebih dalam lagi silahkan lakukan uji coba menggunakan postingan wordpress. Tapi dengan syarat silahlkan lakukan pilihan “allow” pada notifikasi.

Nah itu lah Cara Membuat Push Notification Gratis dengan OneSignal di WordPress.

Baca Juga…

Leave a Reply