Cara Menambahkan Notifikasi Push Web ke Blog WordPress - Teknomedia

23 Oktober 2020

Cara Menambahkan Notifikasi Push Web ke Blog WordPress


Apakah Kalian ingin menambahkan notifikasi push ke situs WordPress Kalian?

Notifikasi push memungkinkan untuk mengirim pesan ke pengguna bahkan saat mereka tidak mengunjungi situs web Anda. Ini membantu membawa kembali pengguna ke situs web Anda, meningkatkan lalu lintas, dan menghasilkan lebih banyak uang.

Pada artikel ini, kita akan membahas cara menambahkan notifikasi push web dengan mudah ke situs atau blog WordPress.


Apa itu Notifikasi Push?

Notifikasi push adalah pesan notifikasi pendek dan dapat diklik yang muncul sebagai popup di desktop atau perangkat seluler pengguna.

Notofikasi ini muncul di atas desktop atau di area notifikasi pada perangkat seluler mereka. Hal terbaiknya adalah notifikasi dapat ditampilkan bahkan saat browser pengguna tidak terbuka.

Berikut adalah contoh pemberitahuan push di Windows 10:



Pesan pemberitahuan selamat datang / terima kasih


Pemberitahuan push memungkinkan kita menjangkau pengguna di seluruh perangkat dengan pembaruan dan penawaran terbaru dari blog atau website kita. Notifikasi push web adalah cara yang sangat efektif untuk mengubah pengunjung situs web menjadi pengikut dan pelanggan setia.


Mengapa perlu Menambahkan Pemberitahuan Push Web ke blog atau Situs WordPress Anda?

Tahukah kalian bahwa 70% orang yang meninggalkan situs web atau blog kita tidak akan pernah kembali? Inilah mengapa kita perlu mengubah pengguna situs web tersebut menjadi pelanggan atau subscriber.

Anda dapat melakukan ini dengan menggunakan beberapa saluran sekaligus. Di antaranya dengan pemasaran email , media sosial, pemasaran seluler atau SMS, dan pemberitahuan push web.

Daftar email masih merupakan alat pemasaran paling ampuh yang tersedia saat ini. Namun, pemberitahuan push juga sangat efektif.

Di berbagai situs dan blog, pemberitahuan push secara konsisten merupakan salah satu dari 5 sumber lalu lintas teratas.

Berikut ini beberapa alasan yang menjadikan notifikasi push sebagai alat pemasaran yang hebat:

  • Pengguna harus memberikan izin eksplisit mereka untuk menerima pemberitahuan push. Ini berarti mereka sudah tertarik dengan apa yang Anda tawarkan dan lebih cenderung terlibat dengan pemberitahuan.
  • Notifikasi push lebih pendek dan membutuhkan lebih sedikit perhatian daripada email atau pembaruan media sosial.
  • Tidak ada algoritma seperti di media sosial untuk membatasi jangkauan Anda. Hampir 100% pesan terkirim.
  • Pengguna dapat mengontrol bagaimana perangkat mereka menampilkan notifikasi. Mereka dapat menunda atau mematikannya sepenuhnya.
  • Tidak banyak perusahaan yang menggunakan pemberitahuan push.
Situs populer seperti Facebook, Pinterest, LinkedIn, dan banyak lainnya memahami pentingnya ini. Mereka sudah menggunakan notifikasi push web.

Menurut sebuah survei , pemberitahuan push memiliki rasio buka 50% lebih tinggi daripada email dan rasio klik dua kali lebih banyak. Mereka lebih menarik daripada SMS, pemasaran email, dan platform media sosial.

Karena itu, mari kita bahas bersama cara menambahkan notifikasi push web dengan mudah ke situs WordPress .


Menyiapkan Pemberitahuan Push Web di WordPress dengan PushEngage

PushEngage adalah layanan notifikasi push terbaik di pasar. Ini memungkinkan Anda dengan mudah menambahkan pemberitahuan push ke situs WordPress Anda.


Membuat Akun PushEngage Anda

Pertama, Anda harus menuju ke situs web PushEngage dan klik tombol Memulai Gratis:




Paket gratis ini mencakup hingga 2.500 pelanggan dan 120 kampanye pemberitahuan setiap bulan. Anda harus upgrade saat Anda mendapatkan lebih banyak pelanggan dan perlu mengirim lebih banyak kampanye.

Masukkan detail akun Anda atau gunakan Akun Google Anda untuk mendaftar ke PushEngage.




Setelah mendaftar, Anda akan mencapai dasbor PushEngage. Jika Anda mendaftar menggunakan akun Google Anda, PushEngage akan meminta Anda memasukkan detail situs web Anda:





Anda sekarang akan melihat halaman Settings » Site Settings » Installation Settings di dashboard PushEngage Anda.

Di sini, Anda perlu mengunggah gambar untuk digunakan dalam pemberitahuan push Anda. Silakan dan klik tombol 'Ubah' di bawah kotak gambar kosong.




Gambar Anda harus dalam format file PNG atau JPG dan ukuran yang disarankan adalah 256x256px. Gambar ini akan ditampilkan di notifikasi push Anda.

Anda sekarang telah menyelesaikan informasi kunci untuk akun PushEngage Anda.


Menghubungkan Situs WordPress Anda dengan PushEngage

Langkah selanjutnya adalah menghubungkan situs web Anda ke PushEngage.

Untuk melakukan ini, Anda perlu menginstal dan mengaktifkan plugin WordPress PushEngage  .

Setelah instalasi, Anda juga perlu mengunduh file JavaScript untuk PushEngage jika situs Anda menggunakan HTTPS . Anda perlu mengekstraknya dan mengunggahnya ke folder root situs web Anda.

Untuk mengunduh file, buka Pengaturan »Pengaturan Situs» Pengaturan Instalasi di akun PushEngage Anda.

Di bawah 'Choose Website Type and Add Script', Anda perlu mengklik tab WordPress. Kemudian, lanjutkan dan klik tombol 'Download Package File ':





Selanjutnya, unzip file di komputer Anda. Cukup klik kanan padanya dan kemudian pilih opsi Ekstrak:




Anda kemudian akan melihat file tersebut service-worker.js:




Sekarang, Anda perlu mengunggah file itu ke folder root situs web Anda di akun hosting WordPress Anda . Folder root adalah tempat semua folder dan file lain disimpan untuk situs Anda. Biasanya, ini adalah folder yang sama tempat Anda akan melihat / wp-content / folder.

Cukup sambungkan ke situs web Anda melalui FTP dan unggah file. 

Tips: Tidak yakin apakah Anda memiliki folder root? Cari file index.php. Jika Anda melihatnya, Anda berada di folder yang benar.





Sekarang setelah Anda mengunggah file, Anda dapat terus menghubungkan WordPress ke PushEngage.

Langkah selanjutnya adalah mendapatkan key API Anda. Cukup buka Settings » Site Settings » API Keys di dasbor PushEngage Anda. Kemudian, lanjutkan dan klik tombol 'Generate a New API Key':




Anda kemudian bisa melihat kunci API Anda.






Di tab baru, buka halaman PushEngage di admin WordPress Anda. Kemudian, klik tab 'Setup'. Anda akan melihat kotak untuk kunci API Anda.

Cukup masukkan kunci API Anda di sini, lalu klik tombol Submit.







Menyiapkan Pesan Notifikasi Push Anda

Sekarang, Anda akan melihat pengaturan PushEngage Anda. Periksa apakah Anda suka dengan Pengaturan Umum. Anda dapat mengubah detail akun Anda di sini atau di situs web PushEngage:




Selanjutnya, saatnya menyiapkan pesan yang akan dapat dilihat orang saat mereka tiba di situs atau blog Anda. Cukup klik tab 'Subscription Dialogbox' untuk melihat dan mengubah pengaturan.




Anda akan melihat logo Anda di dalam pesan, ditambah teks default. Anda dapat mengubahnya ke pesan Anda sendiri. Jangan lupa untuk mengklik tombol 'Update Optin Settings' untuk menyimpan perubahan.




Di bawah ini, Anda dapat mengubah pesan yang ditampilkan di halaman perantara. Ini adalah halaman yang muncul setelah pengguna pertama kali mengklik Izinkan.


Cukup ketikkan teks yang ingin Anda gunakan. Jangan lupa untuk mengklik tombol 'Update Page Settings'.




Anda mungkin ingin membuat pemberitahuan selamat datang untuk berterima kasih kepada orang-orang yang telah berlangganan. Ini juga memungkinkan Anda dengan mudah menguji apakah notifikasi Anda berfungsi dengan baik.

Cukup klik pada tab 'Welcome Notification Settings' untuk mengaturnya. Di sini, Anda perlu mengetikkan judul dan pesan untuk pemberitahuan selamat datang. Anda dapat menggunakan beranda Anda sebagai URL, atau Anda dapat mengarahkan pengguna ke halaman tertentu.

Pastikan Anda mencentang kotak 'Send Welcome Notifications to Subscribers' untuk mengaktifkan pemberitahuan selamat datang. Anda juga perlu mengklik tombol Perbarui untuk menyimpan perubahan Anda.





Menguji Notifikasi Push di Situs Web atau blog Anda

Setelah Anda mengatur pemberitahuan push, selanjutnya adalah memeriksa apakah mereka berfungsi seperti yang Anda harapkan.

Untuk menguji notifikasi push Anda, buka situs web Anda di komputer atau ponsel Anda.


Anda akan segera melihat kotak dialog langganan yang telah Anda buat. Sebagai contoh milik saya tampilannya di komputer desktop seperti ini :





Dan inilah kotak dialog langganan kami di perangkat seluler:




Silakan dan klik tombol 'Allow'. Anda kemudian akan melihat halaman perantara di jendela popup. Berikut tampilannya di komputer:




Anda juga perlu mengklik 'Allow' di sini. Sekarang, Anda telah berhasil berlangganan pemberitahuan push dari situs Anda.

Pemberitahuan selamat datang Anda akan muncul di layar Anda dalam beberapa menit. Sebagai contoh punya saya, menunjukkan pesan selamat datang yang saya buat sebelumnya:






Bagaimana jika pengguna memilih untuk tidak mengaktifkan pemberitahuan tetapi kemudian ingin berlangganan? Ini secara otomatis diaktifkan dengan PushEngage. Pengguna akan melihat widget lonceng di pojok kanan bawah situs web Anda:






Mereka cukup mengklik ini untuk berlangganan ke situs web Anda. Untuk mengubah widget pemberitahuan lonceng, cukup buka Settings » Subscription Settings » Opt-in Management di akun PushEngage Anda.

Anda dapat mengubah warna, posisi, dan label widget:




Anda bahkan dapat menukar bel dengan tombol yang muncul di sepanjang sisi situs web seperti ini:






Mengirim Pemberitahuan Push ke Pelanggan Anda

Secara default, PushEngage akan mengirimkan pemberitahuan untuk setiap posting baru. Pemberitahuan ini akan menyertakan judul posting dan versi kecil dari gambar unggulan. Saat pengguna mengklik notifikasi, mereka akan langsung diarahkan ke postingan blog Anda:




Jika Anda tidak menginginkan pemberitahuan otomatis, Anda dapat mematikannya dengan mengunjungi PushEngage » General Settings di dasbor WordPress Anda.

Cukup gulir ke bawah ke bagian 'WordPress Post Settings' dan hapus centang pada kotak 'Auto Push'. Jangan lupa untuk mengklik tombol 'Save WordPress Settings'.




Anda dapat membuat pemberitahuan khusus kapan saja di PushEngage. Cukup masuk ke akun Anda di situs web PushEngage, lalu buka Notifikasi »Buat» Notifikasi Baru .

Layar ini memberi Anda opsi untuk mengatur judul, pesan, URL, gambar, dan lainnya. Anda dapat menjadwalkan notifikasi untuk keluar di lain waktu atau Anda dapat segera mengirimkannya.

Tips: Jika Anda menjadwalkan pemberitahuan sebelumnya, pastikan zona waktu Anda benar. Sangat mudah untuk memeriksa atau mengubahnya di bawah Notifications » Create » New Notification di akun Anda di situs web PushEngage.

Kami telah membuat pemberitahuan khusus untuk entri blog kami dengan judul dan pesan khusus.





Fitur PushEngage Lain yang Digunakan untuk Situs Web Anda

PushEngage menawarkan berbagai fitur lainnya, bahkan dengan paket gratis.

Misalnya, Anda dapat mengatur overlay. Ini muncul di atas konten situs web Anda dan menunjukkan kepada pengguna tempat untuk mengeklik untuk mengizinkan pemberitahuan. Berikut ini adalah tindakan overlay di situs web PushEngage:




Anda dapat mengatur overlay di akun Anda di situs web PushEngage. Cukup buka Settings » Subscription Settings » Opt-in Management dan gulir ke bawah ke bagian 'Subscription Overlay'.

Kemudian, centang tombol 'Enable Subscription Overlay'. Anda dapat menggunakan label overlay default atau mengetik tulisan yang berbeda:




Karena cara kerja browser Safari, Anda perlu melakukan beberapa langkah tambahan jika Anda ingin pengguna Safari dapat berlangganan notifikasi push Anda. Untuk mengaktifkan pemberitahuan push web untuk Safari, Anda memerlukan akun pengembang Apple ($ 99 / tahun). Anda kemudian dapat membuat ID Push unik untuk situs web Anda.

Setelah Anda memiliki Push ID dan membuat sertifikat, Anda perlu menambahkannya di bawah Settings » Subscription Settings » Safari Web Push :





Plugin Notifikasi Push WordPress Bagus Lainnya

Penting untuk memilih layanan notifikasi push web yang tepat sejak awal. Banyak penyedia mencoba mengunci Anda di platform mereka. Itu berarti mengubah layanan pemberitahuan push Anda bisa berarti kehilangan pelanggan Anda. Jadi jika Anda beralih, Anda akan memulai lagi dari awal.

Inilah sebabnya kami menyarankan untuk menanyakan penyedia yang Anda pilih untuk semua pengaturan yang perlu Anda konfigurasikan untuk menjadikan daftar pelanggan Anda portabel.

Kami merekomendasikan PushEngage karena memiliki paket gratis yang banyak ditambah banyak fitur berbayar yang kuat. Dengan paket berbayar PushEngage, Anda dapat:
  • Menyiapkan penjawab otomatis, seperti untuk kampanye selamat datang
  • Mengirim pemberitahuan saat pengguna meninggalkan keranjangnya
  • Memicu kampanye berdasarkan tindakan pengguna
  • Mengizinkan pengguna untuk menambahkan peringatan produk ketika produk mulai dijual atau kembali tersedia
  • … Dan banyak lagi
WordPress, tersedia banyak pilihan plugin notifikasi push. Berikut beberapa plugin notifikasi push WordPress yang mungkin ingin Anda coba:
  • PushCrew - Menghubungkan situs Anda ke layanan notifikasi push. Mereka menawarkan paket gratis terbatas untuk 2000 pelanggan.
  • PushAlert - Pemberitahuan Push Web - Membantu Anda terhubung ke layanan pemberitahuan push web PushAlert. Mereka juga menawarkan paket gratis terbatas untuk 3000 pelanggan.
  • PushAssist - Plugin konektor untuk layanan notifikasi push web PushAssist. Paket gratis mereka terbatas untuk 2000 pelanggan.
  • OneSignal - Memiliki paket gratis terbatas yang mencakup fitur pemberitahuan push web dasar. Taktik upsell mereka sangat agresif dan support tidak membantu.
Semoga artikel ini membantu Anda mempelajari cara menambahkan pemberitahuan push web ke situs WordPress Anda. 
Comments