Cara Membuat Notifikasi Browser di Website WordPress

0
983

Pada kesempatan ini saya akan memberikan tips bagi kamu yang ingin di website-nya muncul notifikasi postingan terbaru saat pertama kali pengunjung membuka browser. Tujuan dibuatnya notifikasi ini ialah untuk meningkatkan traffic pengunjung website, ketika pengunjung mengakses website kamu, nantinya di browser akan muncul notifikasi postingan terbaru secara otomatis, jika pengunjung melakukan subscribe notifikasi kamu.

Seperti pada website ardiyansyah.com saya ini. Muncul popup yang menawarkan pengunjung website untuk diberikan notifikasi update jika ada artikel terbaru.

Cara Membuat Notifikasi Browser di Website WordPress

Nanti ketika ada artikel baru yang dipublish maka akan muncul di dekstop kamu seperti ini.

Cara Membuat Notifikasi Browser di Website WordPress

Di smartphone pun muncul notifikasi dengan tampilannya akan seperti ini.

Cara Membuat Notifikasi Browser di Website WordPress

Keren kan!

Caranya cukup mudah, kita membutuhkan notifikasi dari OneSignal dan dua plugin wordpress yang juga akan saya sertakan link download-nya pada tutorial ini.

Oke langsung saja ini dia caranya.

  1. Daftarkan akun OneSignal.com disini, pilih Get Started dibagian WebPush
    Cara Membuat Notifikasi Browser di Website WordPress
  2. Setelah selesai didaftarkan, Buat aplikasi notifikasi kamu dengan klik Add new app
    Cara Membuat Notifikasi Browser di Website WordPress
  3. Buat nama aplikasinya, misalnya nama website kamu, contoh ardiyansyah.com
    Cara Membuat Notifikasi Browser di Website WordPress
  4. Pilih Website Push, lalu klik Next
    Cara Membuat Notifikasi Browser di Website WordPress
  5. Pilih Google Chrome & Chrome, lalu klik Next
    Cara Membuat Notifikasi Browser di Website WordPress
  6. Isikan URL website kamu, dan logo noifikasinya jika ada (jika tidak ada kosongkan saja)
    Cara Membuat Notifikasi Browser di Website WordPress
  7. Buat subdomain onesignal sesuai yang kamu inginkan, subdomian ini harus unik jika orang lain sudah membuatnya kamu harus membuatnya berbeda dari yang sudah ada, pada contoh ini nama subdomain onesignal saya adalah https://ardiyansyah.onesignal.com, jika sudah klik Save
    Cara Membuat Notifikasi Browser di Website WordPress
  8. Selanjutnya pilih WordPress, karena kita akan menggunakannya untuk website wordpress, lalu klik NextCara Membuat Notifikasi Browser di Website WordPress
  9. Maka akan muncul Rest API Key dan AppID yang bisa kamu gunakan nanti untuk dimasukkan di pengaturan plugin Website Push OneSignal. Biarkan dulu saja sementara jangan di close dulu jendela ini, skip ke step berikutnya.
    Cara Membuat Notifikasi Browser di Website WordPress
  10. Install dan aktifkan plugin wordpress berikut ini :
    – OneSignal – Free Web Push Notifications
    – onesignal-addon.zip
  11. Masuk ke pengaturan OneSignal Push di dashboard wordpress kamu
    Cara Membuat Notifikasi Browser di Website WordPress
  12. Isikan App ID, REST API Key dan OneSignal Subdomain yang tadi kamu buat
    Cara Membuat Notifikasi Browser di Website WordPress
  13. Dibagian Sent Notification Settings isikan sesuai gambar dibawah ini, untuk Notification Title isi dengan nama domain website kamu atau nama website kamu.
    Cara Membuat Notifikasi Browser di Website WordPress
  14. Dibagian Prompt Settings & Notify Button, ikuti pilihannya seperti gambar dibawah ini
    Cara Membuat Notifikasi Browser di Website WordPress
  15. Lalu ke bagian Popup Settings, pengaturan ini akan menampilkan popup notifikasi tulisan yang akan muncul saat website pertama kali diakses, silahkan kamu atur sendiri sesuai yang kamu inginkan, contohnya pada webiste ardiyansyah.com akan ditampilkan pesan notifikasi seperti dibawah ini
    Cara Membuat Notifikasi Browser di Website WordPress
  16. Dibagian Automatic Notification Settings, aktifkan opsi berikut supaya saat kamu posting artikel baru, otomatis akan mengirimkan push notifikasi ke browser pengunjung kamu yang telah melakukan subscribe sebelumnya
    Cara Membuat Notifikasi Browser di Website WordPress
  17. Klik Save
  18. Selesai sudah, saat kamu posting artikel baru, dipojok kanan atas akan ada opsi OneSignal Push Notification yang akan mengirimkan notifikasi saat artikel di Publish.
    Cara Membuat Notifikasi Browser di Website WordPress

Semoga bermanfaat, silahkan di share ke teman-teman kamu, jika di copas cantumkan sumber webiste ardiyansyah.com. Terima kasih 🙂

LEAVE A REPLY

Please enter your comment!
Please enter your name here