Push Notification

http://undercover.co.id/ – Apakah Anda ingin menambahkan pemberitahuan push ke situs WordPress Anda?

Pemberitahuan push memungkinkan Anda mengirim pemberitahuan kepada pengguna bahkan ketika mereka tidak mengunjungi situs web Anda.

Pada artikel ini, kami akan menunjukkan kepada Anda cara menambahkan notifikasi push web dengan mudah ke situs WordPress Anda.

Kami juga akan berbicara tentang plugin pemberitahuan push WordPress terbaik dan cara mengirim pemberitahuan push desktop & seluler dari situs WordPress Anda.

Menambahkan pemberitahuan push web ke situs WordPress

Apa itu Push Notification?


Pemberitahuan push adalah pesan yang dapat diklik yang ditampilkan di atas desktop pengguna atau area pemberitahuan di perangkat seluler mereka. Mereka dapat ditampilkan bahkan ketika browser pengguna tidak terbuka.

Pemberitahuan Push Web Ditampilkan di Seluler

Selain dari desktop, notifikasi push web juga berfungsi pada perangkat seluler. Ini memungkinkan Anda menjangkau pengguna di berbagai perangkat dengan pembaruan dan penawaran terbaru.

Pemberitahuan push web telah terbukti menjadi cara yang sangat efektif untuk mengubah pengunjung situs web menjadi pelanggan dan pengikut yang setia.

Mengapa Menambahkan Notifikasi Web Push ke Situs WordPress Anda?
Kami telah membahas bahwa 70% orang yang meninggalkan situs web Anda tidak akan pernah kembali.

Inilah sebabnya mengapa Anda perlu mengubah pengguna situs web tersebut menjadi pelanggan atau pelanggan.

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

Meskipun daftar email masih merupakan alat pemasaran yang paling dominan dan efektif yang Anda inginkan, pemberitahuan push bagi kami terbukti cukup efektif.

Inilah alasannya:

Pengguna harus memberikan izin eksplisit untuk menerima pemberitahuan push. Ini berarti mereka sudah tertarik dengan apa yang Anda tawarkan dan lebih cenderung terlibat dengan pemberitahuan.


Pemberitahuan push lebih pendek dan tidak terlalu diperhatikan daripada pembaruan email atau media sosial.


Tidak ada algoritma, sehingga hampir 100% pesan terkirim.


Pengguna dapat mengontrol bagaimana perangkat mereka menampilkan pemberitahuan, mereka dapat menunda, atau mematikannya sama sekali.
Tidak banyak perusahaan yang menggunakannya.


Situs populer termasuk Facebook, Pinterest, LinkedIn, dan banyak lainnya memahami pentingnya dan sudah menggunakan pemberitahuan push web.

Pemberitahuan ini lebih menarik daripada SMS, pemasaran email, dan platform media sosial. Menurut survei , pemberitahuan push memiliki tingkat terbuka 50% lebih tinggi daripada email dan dua kali lebih banyak klik-rate.

Karena itu, mari kita lihat cara menambahkan pemberitahuan push web ke situs WordPress.

Menyiapkan Push Notification di WordPress dengan OneSignal


OneSignal adalah layanan pemberitahuan push gratis untuk situs web WordPress.

Ini memungkinkan Anda untuk dengan mudah menambahkan pemberitahuan push ke situs web apa pun.

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin OneSignal .

Perlu bantuan menginstal plugin? Lihat panduan langkah demi langkah kami tentang cara memasang plugin WordPress .

Setelah aktivasi, plugin akan menambahkan item menu baru berlabel OneSignal ke bilah admin WordPress Anda. Mengkliknya akan membawa Anda ke halaman pengaturan plugin.

Halaman Pengaturan OneSignal

Halaman pengaturan dibagi menjadi tab Pengaturan dan Konfigurasi. Tab pengaturan sebenarnya adalah dokumentasi terperinci tentang cara mengatur pemberitahuan push OneSignal di WordPress.

Ini memiliki langkah yang sama yang akan kami tunjukkan pada Anda dalam tutorial ini.

Untuk mengatur OneSignal, Anda harus menambahkan Kunci API dan ID Aplikasi ke dalam pengaturan plugin.

Mari kita mulai.

Langkah 1: Menyiapkan Pemberitahuan Push OneSignal


Pertama, Anda perlu mengunjungi situs web OneSignal dan klik tombol memulai di sebelah opsi Web Push.

OneSignal memulai

Anda akan diminta untuk memberikan email dan kata sandi Anda untuk membuat akun gratis. Setelah akun Anda dibuat, Anda akan mencapai dasbor OneSignal.

Tambahkan aplikasi OneSignal

Di dasbor, klik tombol ‘Tambah Aplikasi’ untuk membuat aplikasi pertama Anda.

Anda akan diminta memberikan nama untuk aplikasi Anda. Anda dapat menggunakan apa pun di sini yang membantu Anda mengidentifikasinya.

Masukkan nama untuk aplikasi Anda

Selanjutnya, Anda harus memilih platform. Anda dapat memilih beberapa platform untuk suatu aplikasi. Untuk saat ini, kami sarankan memilih ‘Web Push’ dan klik tombol berikutnya untuk melanjutkan.

Pilih platform aplikasi

Pada langkah berikutnya, Anda akan diminta untuk memilih metode integrasi. Silakan dan klik kotak ‘Plugin WordPress atau Pembuat Situs Web’ dan kemudian pilih WordPress.

Pilih metode integrasi

Ketika Anda sedikit gulir ke bawah, Anda akan melihat bagian ‘Pengaturan Situs WordPress’.

Anda harus memasukkan nama situs web Anda, URL, dan mengunggah logo. Logo ini akan muncul di notifikasi Anda, jadi sebaiknya gunakan ikon situs Anda (favicon) atau logo situs web.

Penyiapan situs WordPress

Di bawah itu, Anda akan melihat sakelar yang dapat Anda aktifkan jika situs WordPress Anda tidak menggunakan SSL / https. Anda hanya dapat mengirim pemberitahuan push web dari URL https yang aman.

Jika situs WordPress Anda tidak menggunakan https, maka Anda perlu mengaktifkan pengaturan ini dan memasukkan label.

Label pada dasarnya adalah subdomain yang dihosting di server OneSignal menggunakan URL https yang aman. Subdomain ini akan digunakan untuk mengirim pemberitahuan push Anda.

Jika Anda ingin mengatur https di situs WordPress Anda sendiri, lihat tutorial langkah demi langkah tentang cara memindahkan WordPress dari https ke https .

Kami sangat merekomendasikan menggunakan domain Anda sendiri dengan SSL daripada subdomain di OneSignal, sehingga Anda tidak selamanya terkunci di platform mereka.

Setelah selesai, klik tombol simpan untuk menyimpan pengaturan OneSignal Anda. Sekarang Anda akan melihat kunci API yang perlu Anda salin.

Salin Kunci API

Sekarang, Anda dapat beralih kembali ke pengaturan plugin OneSignal di situs WordPress Anda dan beralih ke tab ‘Konfigurasi’. Anda perlu menempelkan kunci aplikasi dan API yang Anda salin sebelumnya.

Paste API Keys

Kunci API ini hanya akan memungkinkan Anda untuk mengirim pemberitahuan push melalui browser web Chrome dan Firefox.

Anda juga akan memerlukan ID Web Safari untuk mengirim pemberitahuan Push melalui browser web Safari.

Untuk mendapatkan kunci Safari API, Anda perlu beralih kembali ke situs web OneSignal dan pergi ke halaman pengaturan untuk aplikasi Anda. Sesampai di sana, Anda perlu mengklik ikon edit di sebelah Apple Safari.

Pengaturan pemberitahuan push untuk Safari

Selanjutnya, Anda akan diminta untuk memasukkan judul situs web Anda, URL, dan mengunggah ikon situs secara opsional.

Pengaturan Safari untuk pemberitahuan push

Klik tombol Simpan untuk menyimpan pengaturan Anda. Setelah itu, Anda akan melihat ID Web Safari Anda di layar yang perlu Anda salin.

ID Web Safari

Sekali lagi, kembali ke halaman pengaturan plugin di situs WordPress Anda dan rekatkan ID Web Safari di bawah tab konfigurasi.

Simpan pengaturan plugin OneSignal

Jangan lupa klik tombol simpan untuk menyimpan pengaturan plugin Anda.

Anda sekarang dapat mengunjungi situs web Anda di tab browser penyamaran baru. Anda akan melihat sembulan pemberitahuan push di bagian atas dan ikon pemberitahuan bel di sudut kanan bawah layar.

  • Pilih pemberitahuan push
  • Munculan pemberitahuan push juga akan muncul di browser seluler.
  • Pemberitahuan push push di browser seluler

Catatan: Tampilan pesan popup pemberitahuan push mungkin berbeda berdasarkan pengaturan https / https situs Anda.

Sekarang, Anda mungkin bertanya-tanya mengapa pemberitahuan push ini terlihat berbeda dari yang Anda lihat di beberapa situs web lain?

Biasanya pengguna melihat permintaan notifikasi default browser, yang terlihat seperti ini:

Browser default meminta pemberitahuan push

Sekarang masalahnya adalah, jika pengguna mengklik tombol ‘Blokir’, maka mereka tidak akan pernah melihat permintaan untuk berlangganan pemberitahuan. Untuk memperbaikinya, OneSignal hadir dengan dua tipe prompt berbeda.

Yang pertama adalah popup pemberitahuan push dan yang lainnya adalah ikon bel berlangganan. Keduanya sepenuhnya dapat disesuaikan, dan Anda dapat mengubahnya untuk memenuhi kebutuhan Anda.

Menyesuaikan Prompt Popup Push Notification


Popup pemberitahuan push dasar cukup sederhana. Ini menggunakan bahasa umum dan menampilkan logo situs Anda. Anda mungkin ingin menyesuaikannya agar lebih pribadi.

Cukup beralih ke tab konfigurasi di bawah halaman pengaturan plugin OneSignal di situs WordPress Anda dan gulir ke bawah ke bagian ‘Pengaturan Pop-Up https’.

Kustomisasi munculan pemberitahuan push

Anda perlu mengklik sakelar di sebelah ‘Kustomisasi teks https Pop-Up Prompt’, dan kemudian mulai menambahkan teks Anda sendiri.

Jangan lupa klik tombol Simpan untuk menyimpan pengaturan Anda sebelum menguji prompt.

Kustomisasi Ikon Pemberitahuan Lonceng


Biasanya, browser meminta notifikasi dan popup menghilang ketika pengguna menolaknya.

Bagaimana jika pengguna kemudian berubah pikiran dan ingin menerima pemberitahuan push?

Lonceng berlangganan di OneSignal memungkinkan Anda terus menampilkan kepada pengguna permintaan untuk berlangganan pemberitahuan push di situs Anda.

Ikon bel juga sepenuhnya dapat dikustomisasi dari halaman pengaturan plugin. Cukup gulir ke bawah ke bagian ‘Prompt Settings & Subscription Bell’ dan nyalakan opsi penyesuaian yang ingin Anda ubah.

Pengaturan bel berlangganan

Anda kemudian dapat menggulir ke bawah dan mengubah pengaturan untuk setiap opsi yang ingin Anda sesuaikan. Idealnya, Anda ingin mengubah warna ikon bel agar sesuai dengan warna tema Anda sendiri.

Kustomisasi ikon lonceng

Catatan: Kami tidak menggunakan ikon bel karena kami merasa itu terlalu mengganggu.

Mengirim Pemberitahuan Push dari Situs WordPress Anda


Secara default, plugin OneSignal secara otomatis mengirimkan pemberitahuan push untuk semua posting baru yang diterbitkan di situs web Anda. Jika Anda mau, maka Anda dapat mematikan fitur ini dari halaman pengaturan plugin di bagian ‘Pengaturan Pemberitahuan Otomatis’.

Pengaturan pemberitahuan otomatis

Anda juga dapat secara manual mengirim notifikasi ketika Anda mempublikasikan atau memperbarui posting. Cukup edit posting atau halaman WordPress, dan Anda akan melihat kotak meta OneSignal di bawah kolom pengaturan dokumen di sebelah kanan.

Kotak notifikasi OneSignal di Gutenberg

Jika Anda menggunakan editor klasik lama , maka Anda akan melihat kotak meta

Kirim kotak pemberitahuan push di editor klasik

Centang kotak di sebelah ‘Kirim pemberitahuan pada pembaruan posting / terbitkan’ dan kemudian klik tombol perbarui atau terbitkan.

OneSignal sekarang akan mengirim artikel Anda sebagai pemberitahuan push untuk semua pelanggan Anda.

Kirim pemberitahuan push selamat datang ke pelanggan baru

Anda juga dapat mengirim pemberitahuan push selamat datang ke pelanggan baru Anda.

Kunjungi halaman pengaturan OneSignal di area admin WordPress Anda dan gulir ke bawah ke bagian ‘Pengaturan Pemberitahuan Selamat Datang’.

Selamat datang notifikasi

Sekarang ketika berlangganan pemberitahuan push yang baru, mereka akan menerima pemberitahuan selamat datang di perangkat mereka. Bergantung pada browser dan perangkat mereka, notifikasi mungkin terlihat berbeda.

Pesan sambutan ditampilkan di Mac melalui Firefox

Itu saja, Anda telah berhasil menambahkan pemberitahuan push web ke situs WordPress Anda.

Anda juga dapat mengirim pemberitahuan khusus dari dasbor aplikasi OneSignal. Prosesnya cukup intuitif dan Anda bisa mengikuti petunjuk di layar setelah Anda masuk ke OneSignal.

Plugin Push Notification WordPress


Penting untuk memilih layanan pemberitahuan push web yang benar dari awal.

Karena sebagian besar penyedia mencoba untuk mengunci Anda di platform mereka, mengubah layanan pemberitahuan push Anda dapat mengakibatkan kehilangan pelanggan lama Anda.

Berarti jika Anda beralih, maka Anda akan mulai dari awal.

Inilah sebabnya mengapa kami menyarankan meminta penyedia yang Anda pilih untuk semua pengaturan yang perlu Anda konfigurasi untuk membuat daftar pelanggan Anda portabel.

OneSignal menawarkan plugin pemberitahuan push WordPress gratis dengan push seluler dan pemberitahuan push web tanpa batas untuk pelanggan hingga 30 ribu.


Bahkan paket gratis mereka mencakup fitur seperti segmentasi, pelokalan, pelacakan dengan Google analytics , dan API yang kuat.


Anda dapat menggunakannya dengan semua layanan pemasaran email teratas untuk mengirim email buletin Anda melalui pemberitahuan push web


WordPress adalah tentang pilihan. Berikut adalah beberapa plugin pemberitahuan push WordPress lainnya yang juga dapat Anda coba.

PushCrew – Menghubungkan situs web Anda ke layanan push notification PushCrew. Mereka menawarkan paket gratis terbatas untuk 2000 pelanggan.


PushEngage Web Push Notifications – Ini adalah plugin konektor untuk PushEngage, penyedia layanan pemberitahuan push. Mereka memiliki paket gratis terbatas untuk 2500 pelanggan, 120 notifikasi, dan 5000 klik.


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 2.000 pelanggan.

baca juga

    Scroll to Top