Cara Menambahkan Notifikasi Browser untuk WordPress

Jika Anda telah mencoba mengembangkan daftar pelanggan email Anda tetapi tidak melihat pengunjung kembali ke situs Anda, Anda mungkin bertanya-tanya apa lagi yang dapat Anda lakukan. Memberi tahu pengunjung situs tentang pembaruan dan mengarahkan lalu lintas kembali ke situs Anda bisa menjadi tantangan.

Untungnya, notifikasi browser atau notifikasi 'push' dapat menambahkan elemen dinamis ke pengalaman situs web Anda. Opsi untuk mendorong informasi melalui browser masing-masing pengguna dapat membuka cara baru untuk terus memberi informasi kepada pengunjung Anda, dan bahkan mengumpulkan pelanggan baru.

Pada artikel ini, kami akan menjelaskan apa itu push notification dan di mana mereka dapat digunakan. Kami juga akan membahas cara menyiapkannya untuk browser desktop dan seluler. Jika Anda siap untuk mempelajari lebih lanjut tentang teknik yang bermanfaat ini, mari kita mulai!

Apakah Pemberitahuan Peramban Situs Web (Pemberitahuan Push)?

Sebagai pengguna web, Anda mungkin lebih terbiasa dengan notifikasi push saat berhubungan dengan ponsel cerdas Anda. Pemberitahuan push, sesuai dengan namanya, 'mendorong' informasi secara otomatis ke perangkat atau browser Anda untuk memberi tahu Anda ketika sesuatu yang penting telah terjadi. Ini mungkin saat Anda menerima pesan teks, misalnya, atau mendapat suka atau komentar di pos sosial.

Faktanya, 52% pengguna seluler telah mengaktifkan notifikasi push di ponsel mereka. Terlebih lagi, teknologi yang sama dapat digunakan untuk mencapai pemberitahuan push di dalam browser web desktop. Dengan mengaktifkan pemberitahuan push untuk situs web Anda, Anda dapat memanfaatkan fitur seperti lokasi geografis untuk menciptakan pengalaman yang dipersonalisasi, atau melacak kebiasaan pembeli untuk mengurangi kereta belanja yang diabaikan.

Salah satu contoh notifikasi browser yang beraksi adalah situs web kupon dan sampel gratis Freefly. Freefly menggunakan pemberitahuan push untuk browser desktop. Saat pengguna mengunjungi situs tersebut, mereka akan disambut dengan pemberitahuan yang menanyakan apakah mereka ingin mendapatkan "Peringatan Gratis". Anda dapat memilih "Ya" atau "Tidak, Terima Kasih", dan melanjutkan melihat situs web:

Sebuah studi kasus tentang implementasi pemberitahuan push Freefly mengungkapkan bahwa tujuannya adalah untuk memberikan komunikasi instan tentang penawaran terikat waktu kepada pengunjung. Pendekatan ini menarik 4.400 pelanggan baru dalam 30 hari, setelah proses penyiapan hanya dalam tiga menit.

Cara Mengatur Notifikasi Peramban Dengan WordPress (Dalam 6 Langkah)

Sekarang mari kita lihat OneSignal, plugin WordPress gratis yang menawarkan pemberitahuan push seluler dan web tanpa batas hingga 30.000 pelanggan.

OneSignal juga menampilkan kemampuan untuk mengelompokkan pemirsa, menerapkan fitur pelokalan, melacak hasil dengan Google Analytics, dan memanfaatkan API yang tangguh.

Ini berarti Anda dapat mengintegrasikannya dengan semua layanan pemasaran email teratas untuk mengirim buletin melalui pemberitahuan push, untuk pengalaman pelanggan yang lebih personal. Mari kita lihat cara memulai OneSignal dengan mengikuti enam langkah ini.

1. Unduh dan Instal Plugin OneSignal

Pertama, Anda ingin menuju ke Direktori Plugin WordPress dan mencari OneSignal. Setelah Anda mengunduh file plugin, Anda harus mengunjungi bagian Plugins di area admin situs WordPress Anda.

Alternatifnya, Anda dapat mencari OneSignal dari dalam bagian Plugin , dan menambahkan plugin gratis di sana.

Setelah Anda menginstal plugin, pastikan untuk memilih tombol Activate yang muncul setelah penginstalan selesai. Setelah Anda selesai melakukannya, Anda dapat mengklik tautan OneSignal untuk menyelesaikan prosesnya.

2. Kunjungi Situs Web OneSignal untuk Terhubung Dengan WordPress

Di situs web OneSignal, Anda harus membuat akun gratis. Ada juga beberapa langkah yang harus Anda selesaikan untuk memastikan OneSignal dikonfigurasi untuk situs WordPress Anda, dan untuk memilih browser yang ingin Anda gunakan.

Setelah Anda mendaftar, Anda akan diminta untuk memilih aplikasi untuk notifikasi Anda.

Dalam contoh kami, kami akan menggunakan Chrome. Anda harus memberi nama aplikasi Anda untuk melanjutkan ke langkah berikutnya. Pada layar berikut, Anda akan diminta untuk mengonfigurasi web push Anda.

Anda ingin memilih plugin WordPress atau Pembuat Situs Web di bagian atas layar untuk mengubah opsi yang disajikan. Setelah Anda melakukannya, Anda akan melihat ikon WordPress yang dapat Anda pilih, di antara daftar aplikasi web lainnya.

Setelah Anda memilih ikon WordPress , lebih banyak opsi konfigurasi berlabel WordPress Site Setup akan muncul di bawah. Di sinilah Anda dapat menambahkan informasi situs web Anda dan mengunggah ikon khusus jika Anda mau.

Dalam dialog penyiapan ini, Anda juga akan menemukan dokumentasi terkait situs yang tidak sepenuhnya HTTPS. Jika Anda berada dalam situasi itu, Anda sebaiknya meninjau dokumentasi ini dan mengikuti rekomendasi OneSignal. Setelah Anda selesai mengisi informasi situs Anda, simpan perubahan Anda.

3. Konfirmasi Konfigurasi di Panel Pengaturan Plugin WordPress Anda

Setelah Anda menyimpan informasi Pengaturan Situs WordPress Anda, Anda akan disajikan layar detail penting yang perlu ditransfer ke panel pengaturan OneSignal Anda di WordPress. Ini termasuk ID API dan Kunci API Anda untuk aplikasi yang baru saja Anda siapkan.

Anda dapat menggunakan tombol Buka Situs Web Saya di bawah informasi API, atau arahkan ke dasbor WordPress Anda di tab browser lain untuk menyelesaikan penyiapan.

Setelah Anda berada di dasbor, klik OneSignal Push di menu sebelah kiri dan pilih tab Konfigurasi . Di sinilah Anda harus memasukkan kode API tersebut, untuk membuat koneksi terakhir antara WordPress dan OneSignal.

Untuk menyiapkan pemberitahuan push untuk Apple Safari Browser juga, Anda harus kembali ke situs web OneSignal dan menambahkan Safari sebagai aplikasi (dan seterusnya untuk browser lain).

4. Sesuaikan Pesan Popup Anda

Sekarang setelah Anda membuat koneksi antara WordPress dan OneSignal, Anda dapat mulai menyesuaikan berbagai opsi yang disertakan dalam plugin. Ini termasuk pesan popup untuk berlangganan notifikasi push Anda.

Dalam pengaturan Push OneSignal di WordPress, Anda dapat menggulir ke bawah di bawah informasi API dan memutuskan apa yang ingin Anda katakan pada teks undangan push Anda.

Ini adalah cara terbaik untuk mempersonalisasi pengalaman dan memikat pengunjung untuk menggunakan notifikasi Anda.

5. Sesuaikan Ikon Notifikasi Anda

Item kunci lain yang dapat Anda sesuaikan adalah ikon notifikasi. Ini akan memungkinkan Anda mengubah cara pengunjung menerima pemberitahuan di browser mereka. Misalnya, Anda dapat merancang pesan terima kasih khusus yang akan diterima pengunjung setelah mereka berlangganan.

Selain itu, Anda dapat mengonfigurasi teks untuk notifikasi yang akan muncul jika pengunjung memblokir atau berhenti berlangganan dari layanan notifikasi push Anda. Meskipun hal ini kadang-kadang terjadi, Anda dapat mencoba membuat pengunjung terpikat dengan membuat pesan yang menjelaskan mengapa tetap berlangganan pemberitahuan Anda bermanfaat.

6. Kirim Notifikasi Dari Situs WordPress Anda

Sekarang Anda sudah siap dengan OneSignal, Anda mungkin bertanya-tanya bagaimana cara mengirim notifikasi. Untungnya, aplikasi OneSignal akan secara otomatis mengirimkan pemberitahuan push setiap kali ada postingan baru yang diterbitkan di situs web Anda.

Namun, jika Anda ingin mengirim pemberitahuan halaman atau posting secara manual, Anda dapat melakukannya dari layar pengeditan WordPress mana pun.

Di bawah tab Dokumen , Anda sekarang akan memiliki opsi OneSignal. Dari sana, Anda dapat mencentang kotak untuk mendorong pemberitahuan browser baru setiap kali kiriman diperbarui. Ini mungkin sangat berguna jika Anda memperbarui item di toko online Anda, misalnya. Anda juga dapat mengonfigurasi OneSignal untuk mengirim pemberitahuan push secara otomatis untuk jenis kiriman khusus tertentu.

Butuh Bantuan untuk Meningkatkan Pengalaman Digital Anda?

Menyiapkan pemberitahuan push untuk situs web WordPress Anda bisa menjadi cara sempurna untuk menciptakan pengalaman dinamis bagi pengunjung situs Anda. Jika Anda senang mempelajari alat ini, Anda akan menyukai sumber daya pengembang hebat lainnya yang harus kami bagikan di sini di WP Engine.

WP Engine menyediakan lebih dari sekadar layanan hosting WordPress yang cepat dan andal. Kami juga menawarkan Platform Pengalaman Digital lengkap. Artinya, dengan WP Engine, Anda dapat berfokus pada pengembangan desain situs web yang luar biasa untuk pelanggan Anda, dan menyerahkan pengelolaan hosting kepada kami!