Cara Menambahkan Notifikasi Push iOS ke Aplikasi Anda (Metode Mudah)

Diterbitkan: 2023-08-04

Mencari panduan tentang cara mengirim pemberitahuan push iOS dan mengembangkan bisnis Anda?

Anda pasti berada di tempat yang tepat.

Dalam artikel ini, kami akan menunjukkan cara menambahkan pemberitahuan push web ke Progressive Web App (PWA), membuat kampanye push pertama, dan mengirimkannya. Semua ini tanpa coding apapun, dan dalam waktu kurang dari 10 menit.

Kedengarannya bagus? Mari selami!

Cara Menambahkan Notifikasi Push iOS ke Aplikasi Anda

Menginstal pemberitahuan push web iOS dan iPadOS ke situs web tidaklah sulit. Tapi itu memang memiliki beberapa langkah dan Anda ingin mengikuti panduan ini langkah demi langkah.

Jangan melompat ke depan dalam waktu kapan saja dan Anda akan baik-baik saja.

Sebelum Anda membuat kampanye notifikasi push selamat datang, Anda harus memilih layanan notifikasi push. Layanan pemberitahuan push adalah perangkat lunak yang memungkinkan Anda membuat kampanye push tanpa pengkodean apa pun.

Kami merekomendasikan menggunakan PushEngage.

Kirim pemberitahuan push iOS dengan PushEngage

PushEngage adalah plugin notifikasi push #1 di dunia.

Pemberitahuan push membantu Anda meningkatkan lalu lintas situs web dan keterlibatan dengan autopilot. Dan jika Anda menjalankan toko online, PushEngage juga membantu Anda meningkatkan penjualan dengan membantu Anda membuat pemberitahuan push eCommerce otomatis.

Anda dapat memulai secara gratis, tetapi jika Anda serius ingin mengembangkan bisnis, Anda harus membeli paket berbayar. Selain itu, sebelum membeli layanan notifikasi push apa pun, Anda harus membaca panduan ini untuk biaya notifikasi push.

Berikut sekilas tentang apa yang Anda dapatkan dengan PushEngage:

  • Kampanye otomatis dengan konversi tinggi
  • Beberapa opsi penargetan dan penjadwalan kampanye
  • Pelacakan sasaran dan analitik lanjutan
  • Pengujian A/B yang cerdas
  • Template pemberitahuan push yang terbukti untuk membantu Anda mendapatkan lebih banyak lalu lintas dan konversi
  • Manajer Sukses yang Berdedikasi

Anda akan melihat bahwa PushEngage adalah taruhan terbaik jika Anda ingin membangun lalu lintas, keterlibatan, dan penjualan untuk bisnis Anda. Dan jika Anda memiliki anggaran terbatas, Anda selalu bisa sedikit kreatif dengan pemberitahuan push Anda.

Ayo pergi!

Langkah #1: Buat Akun PushEngage Gratis

Buka PushEngage dan klik Mulai Gratis Sekarang:

PushEngage pemberitahuan web wordpress

Anda dapat memulai dengan paket gratis. Tetapi jika Anda mencari notifikasi browser yang paling kuat, Anda harus memilih paket berbayar berdasarkan kebutuhan bisnis Anda. Setelah Anda mengetahui paket mana yang Anda inginkan, klik Memulai untuk membuat akun PushEngage Anda.

Langkah #2: Daftar ke PushEngage

Sekarang, saatnya membuat akun PushEngage Anda. Mulailah dengan mendaftar dengan alamat email atau ID Gmail:

Pengaturan Akun PushEngage

Kemudian, isi detail akun Anda:

Siapkan akun PE

Dan tambahkan informasi kartu kredit Anda untuk membeli paket Anda:

Tambahkan Kartu PE

Jika Anda memilih akun gratis, maka kartu kredit Anda tidak akan pernah ditagih uang sampai Anda memilih untuk meningkatkan paket Anda. Dan sekarang, Anda siap untuk mendapatkan akses ke dasbor PushEngage Anda. Cukup klik Pendaftaran Lengkap dan Dapatkan Akses Instan .

Jika Anda pernah menggunakan OneSignal atau PushAlert sebelumnya, Anda akan melihat bahwa PushEngage memberi Anda pengalaman yang jauh lebih bersih dari dasbor. Dasbor OneSignal tidak dimaksudkan untuk kampanye tingkat lanjut. Untuk itu, Anda memerlukan API lebih dari plugin OneSignal.

Langkah #3: Tambahkan file Manifest Aplikasi Web ke Situs Web Anda

Pikirkan manifes aplikasi web sebagai file khusus yang berfungsi seperti buku panduan untuk situs web Anda saat dipasang di ponsel atau komputer seseorang. Itu ditulis dalam bahasa yang disebut JSON, tetapi Anda tidak perlu khawatir tentang bagian itu.

File manifes berisi informasi penting tentang aplikasi web Anda, seperti nama, deskripsi, ikon, dan warnanya. Jadi, saat seseorang menambahkan situs web Anda ke layar utama atau menginstalnya di perangkat mereka, browser menggunakan manifes ini untuk mengetahui bagaimana seharusnya tampilan dan perilaku aplikasi Anda.

Misalnya, manifes memberi tahu browser ikon apa yang akan digunakan untuk aplikasi Anda di layar beranda atau laci aplikasi, sehingga tampilannya bagus dan mudah dikenali. Itu juga menentukan warna dan tema aplikasi Anda untuk memberikan tampilan yang konsisten dan menarik.

Selain itu, manifes menyertakan URL yang harus dibuka saat seseorang meluncurkan aplikasi Anda. Dengan cara ini, browser mengetahui halaman atau bagian mana dari situs web Anda yang akan ditampilkan terlebih dahulu.

Membuat file manifes dapat dilakukan dengan cepat menggunakan alat online yang bekerja keras untuk Anda. Kami merekomendasikan penggunaan generator manifes aplikasi gratis ini untuk membangun manifes aplikasi web Anda dalam beberapa klik dan tanpa kode.

Setelah Anda menyiapkan manifes, Anda biasanya menamainya "manifest.json" dan mengunggahnya ke folder root situs web Anda.

Singkatnya, manifes aplikasi web seperti manual yang membuat aplikasi web Anda terlihat dan terasa pas saat orang menggunakannya di perangkat mereka. Ini adalah bagian penting untuk menciptakan pengalaman pengguna yang luar biasa bagi pengunjung situs web Anda.

Manifes tipikal terlihat seperti ini:

 { "name": "PushEngage", "short_name": "PushEngage", "start_url": "/", "display": "standalone", "theme_color": "#3b43ff", "background_color": "#ffffff", "icons": [ { "src": "icon/icon-128x128.png", "sizes": "128x128", "type": "image/png" }, { "src": "img/icon-192x192.png", "sizes": "192x192", "type": "image/png" }, { "src": "img/icon-512x512.png", "sizes": "512x512", "type": "image/png" } ] }

Setelah Anda menambahkan file manifes ke folder root server situs web Anda, Anda perlu menambahkan potongan kode di kepala HTML situs web Anda. Cuplikan akan terlihat seperti ini:

 <link rel="manifest" href="/manifest.json">

Jika Anda menggunakan WordPress dan memerlukan bantuan untuk menambahkan cuplikan kode ini ke header situs Anda, Anda dapat menggunakan WPCode untuk mengunggah file manifes. Itu salah satu plugin cuplikan kode terbaik untuk WordPress.

Langkah #4: Instal PushEngage ke Situs WordPress Anda

CATATAN: Jika Anda tidak menjalankan situs WordPress, Anda harus melihat panduan instalasi kami.

Anda selesai membuat akun. Jadi, buka dasbor PushEngage dan ikuti:

Dasbor PushEngage

Klik Pengaturan Situs »Detail Situs dan klik tombol Klik Di Sini Untuk Petunjuk Penyiapan :

Pengaturan Instalasi PushEngage

Klik pada tab WordPress dan klik tombol Instal Plugin PushEngage WordPress untuk menginstal plugin di situs web Anda.

Instalasi WordPress PushEngage

Inilah bagian kerennya: Saat Anda membuat akun PushEngage, Anda telah menyinkronkan situs web Anda dengan akun PushEngage Anda. Jadi, klik tautan penginstalan di dasbor PushEngage untuk menginstal plugin WordPress PushEngage secara otomatis ke situs web Anda.

Langkah #5: Hubungkan Situs WordPress Anda dengan PushEngage

Ketika Anda selesai menginstal dan mengaktifkan plugin PushEngage WordPress, Anda akan melihat wizard onboarding PushEngage:

Wisaya PushEngage

Wizard ini cukup mudah. Jika Anda pengguna baru, klik Baru? Klaim Akun Gratis Anda . Dan jika Anda sudah mendaftar, klik Hubungkan Akun Anda yang Ada .

Selanjutnya, Anda dapat memilih situs Anda dari daftar tarik-turun Pilih Situs di bawah Sambungkan situs terdaftar jika Anda telah mendaftarkan situs saat mendaftar:

Daftarkan situs di PushEngage

Atau, Anda dapat mengklik Daftarkan situs baru untuk menambahkan situs baru jika Anda memiliki paket harga Premium atau lebih tinggi. Pada langkah selanjutnya, wizard orientasi akan meminta Anda untuk menginstal plugin WordPress lain yang harus dimiliki.

Plugin WordPress yang direkomendasikan

Jika Anda mengikuti setiap langkah dengan benar, Anda akan melihat pesan sukses ini dari wisaya:

Instalasi PushEngage berhasil

Anda sekarang siap untuk membuat kampanye dan modal popup pemberitahuan push.

Langkah #6: Uji Manifes Situs Web Anda

Baiklah, mari ikuti langkah-langkah untuk menguji aplikasi web Anda dan memastikan semuanya bekerja dengan lancar.

Pertama, buka situs web Anda menggunakan browser Safari di iPhone atau iPad Anda. Pastikan perangkat Anda menjalankan iOS 16.4 atau versi yang lebih baru. Setelah situs web Anda dimuat, Anda akan melihat tombol Bagikan . Itu terlihat seperti kotak dengan panah mengarah ke atas. Ketuk tombol itu untuk membuka menu berbagi.

Di menu berbagi, Anda akan menemukan opsi bernama Add to Home Screen . Klik pada opsi itu.

Tambahkan ke Layar Utama

Sekarang, aplikasi web akan disimpan ke Layar Beranda perangkat Anda, sama seperti aplikasi lain yang Anda unduh dari App Store.

Jika semuanya telah diatur dengan benar, saat Anda membuka aplikasi dari Layar Beranda, aplikasi tidak akan terbuka lagi di browser Safari. Sebaliknya, rasanya seperti menggunakan aplikasi biasa di iPhone atau iPad Anda.

Untuk memberi tahu pengguna bahwa mereka bisa mendapatkan notifikasi push web dari aplikasi Anda, Anda dapat menampilkan spanduk di layar kepada mereka. Spanduk ini akan meminta mereka untuk menambahkan aplikasi Anda ke Layar Beranda mereka dan berlangganan pemberitahuan push web. Ini adalah cara praktis untuk membuat pengguna tetap terlibat dengan aplikasi Anda dan menerima pembaruan penting.

Jadi, ikuti langkah-langkah ini, dan Anda akan siap untuk memberikan pengalaman yang lancar dan seperti aplikasi kepada pengguna Anda di perangkat iOS! Untuk panduan lengkap tentang pengujian notifikasi push Anda, lihat dokumentasi kami di notifikasi push web iOS.

Cara Mempersonalisasikan Kampanye Anda

Sebelum membuat kampanye, Anda harus menyiapkan segmen dan grup audiens untuk mengirim pesan push yang dipersonalisasi.

Tidak ada yang mengalahkan tingkat personalisasi yang bisa Anda dapatkan dengan membuat segmen dan grup audiens untuk pelanggan notifikasi push Anda. Buka PushEngage » Audiens dan mulailah membuat segmen dan grup audiens segera.

Pada tab Segmen , Anda dapat membuat segmen baru atau mengedit segmen yang sudah ada:

Segmen Plugin WordPress PushEngage

Dan jika Anda memerlukan personalisasi yang lebih mendalam, buat grup audiens di tab Grup Audiens :

Grup Audiens di plugin WordPress PushEngage

Jika Anda baru mengenal segmen notifikasi push dan notifikasi push yang dipersonalisasi, Anda harus membaca artikel kami tentang cara membuat segmen dan pengumuman kami tentang pengelompokan audiens lanjutan.

Yang paling keren adalah Anda dapat membuat kampanye push bertarget dengan membuat Grup Audiens hanya untuk pengguna iOS dan iPadOS Anda:

Grup Audiens untuk menargetkan iOS dan iPadOS

Dan Anda dapat menggunakan Grup Audiens ini untuk kampanye dan siaran tetes Anda.

Cara Membuat Kampanye Tetes Pemberitahuan Dorong

Buka dasbor PushEngage dan buka Kampanye »Penjawab Otomatis Tetes dan klik Buat Penjawab Otomatis Tetes Baru :

Buat autoresponder tetes baru

Kemudian, beri nama kampanye Anda (kami menyarankan sesuatu seperti Tetesan Selamat Datang), dan di bawah Konten , pilih opsi yang berbunyi, " Kirim pemberitahuan segera setelah pengguna berlangganan "):

Membuat Tetes Selamat Datang

Pada titik ini, Anda dapat mengeklik panah di samping notifikasi untuk mengedit konten notifikasi Anda.

Jika Anda memiliki paket Premium atau Perusahaan dengan PushEngage, Anda dapat menambahkan lebih dari satu notifikasi untuk membuat urutan pesan selamat datang otomatis. Cukup klik Add New Notification dan edit kontennya.

Setelah selesai, klik Pengaturan Tetes dan pilih opsi untuk mengirimkan kampanye sambutan Anda ke semua pelanggan:

Kirim pemberitahuan push ke semua pelanggan

Kemudian, gulir ke bawah untuk menyetel parameter UTM Anda sendiri guna melacak notifikasi push:

UTM untuk pemberitahuan push RSS

Dan setelah selesai, scroll kembali ke atas dan klik tombol Activate Autoresponder :

Aktifkan penjawab otomatis

Dan selesai!

Cara Mengirim Siaran Push Web iOS

Buka dasbor PushEngage Anda dan buka Kampanye »Push Broadcasts dan klik tombol Buat Siaran Push Baru :

Buat Siaran Dorong Baru

Di bawah tab Konten , tambahkan konten notifikasi push Anda:

Dorong Konten Siaran

Dan Anda dapat menyiapkan pengujian A/B untuk meningkatkan rasio klik atau menjadwalkan siaran push untuk mendapatkan lebih banyak penayangan. Bagaimanapun, Anda harus memeriksa praktik terbaik pemberitahuan push kami untuk hasil terbaik.

Cara Membuat Modal Popup Notifikasi Push iOS

Modal popup pemberitahuan push adalah jendela kecil yang muncul di atas antarmuka situs web atau aplikasi seluler untuk menampilkan pesan atau pemberitahuan kepada pengunjung situs web.

Modal popup dapat dipicu oleh berbagai peristiwa. Anda dapat mengatur munculan untuk dipicu pada kunjungan halaman, pada kedalaman gulir, dan bahkan pada tindakan khusus seperti klik tombol.

Biasanya, Anda akan melihat ajakan untuk bertindak pada modal popup seperti "Berlangganan" atau "Izinkan" untuk mendapatkan persetujuan dari pengunjung untuk mengirimkan notifikasi push. Jika Anda mengikuti tutorial ini, Anda dapat membuat popup seperti ini:

Optin Gaya Safari Besar dengan Segmen

Anda dapat membuat modal popup yang dapat mengelompokkan pelanggan secara langsung atau membuat popup reguler yang hanya mengumpulkan pelanggan dengan atribut default seperti geolocation dan browser.

Kembali ke dasbor WordPress Anda. Pergi ke PushEngage » Desain :

Rancang Modal Popup di plugin PushEngage WordPress

Dan Anda dapat mengatur modal popup sebanyak yang Anda mau. Tentu saja, Anda dapat memastikan bahwa mereka dipicu pada waktu yang berbeda di bawah Opsi Tampilan untuk setiap modal sembulan.

Opsi pemberitahuan push berbasis gulir

Idenya di sini adalah memberi pengunjung Anda alasan kuat untuk berlangganan. Jika Anda memerlukan bantuan untuk itu, lihat artikel kami tentang cara membuat keikutsertaan notifikasi push khusus.

Optin Gaya Safari Besar dengan Segmen

Dan jika Anda ingin membuat modal popup yang lebih bertarget, Anda dapat menggunakan aturan penargetan di bawah tab Aturan Penargetan :

Aktifkan Aturan Penargetan WordPress PushEngage

Ini adalah aturan penargetan global dan akan lebih diutamakan daripada aturan penargetan untuk modal sembulan individual. Namun jika mau, Anda dapat membuat aturan penargetan yang kuat untuk setiap modal dengan mengeditnya.

Aturan Berlangganan PushEngage Optin

Misalnya, Anda dapat membuat modal popup dalam berbagai bahasa untuk menargetkan pengunjung dari berbagai negara.

Dan jika Anda ingin memulai beberapa template dengan rasio klik-tayang tinggi, Anda harus membaca artikel ini tentang keikutsertaan pemberitahuan push konversi tinggi.

Apa yang Harus Dilakukan Sebelum Anda Mengirim Pemberitahuan Push iOS

Kamu hampir selesai.

Sebelum Anda mulai mengirim pemberitahuan push, Anda harus menyiapkan keikutsertaan langganan untuk situs web Anda. Keikutsertaan Anda akan mengubah pengunjung web menjadi pelanggan pemberitahuan push. Jadi, ini adalah elemen kritis.

Jika Anda membutuhkan inspirasi, Anda dapat melihat artikel ini tentang keikutsertaan pemberitahuan push dengan konversi tinggi. Setelah selesai menyiapkan keikutsertaan, situs Anda dapat mengumpulkan pelanggan. Tetapi bagaimana Anda tahu bahwa keikutsertaan Anda berfungsi dengan baik?

Jadi, hal yang masuk akal untuk dilakukan adalah menyiapkan pemberitahuan push selamat datang.

Pro-Tip: Anda harus meluangkan waktu untuk menguji skala penuh notifikasi push Anda. Ini akan memecahkan masalah yang paling umum dan Anda tidak akan membuang waktu untuk mencoba menyelesaikan masalah nanti.

Apa yang Harus Dilakukan Setelah Anda Mengirim Pemberitahuan Push iOS

Itu saja untuk yang satu ini, teman-teman!

Jika Anda menemukan artikel ini bermanfaat, pastikan untuk memberikan komentar di bawah ini.

Memulai dengan pemberitahuan push bisa terasa menakutkan. Tetapi jika Anda mengawasi pelacakan sasaran dan analitik, Anda akan baik-baik saja. Lebih penting lagi, Anda akan mendapat lebih banyak keuntungan dengan bantuan kampanye pemberitahuan push. Berikut adalah beberapa sumber keren untuk Anda mulai:

  • Cara Menggunakan Pemberitahuan Dorong Penargetan Ulang untuk 2x Pendapatan Anda
  • Cara Mengurutkan Notifikasi Push Anda dan Menemukan Kampanye yang Menang
  • Cara Membersihkan Daftar Pelanggan Push Notifications (Mudah)
  • Cara Mengirim Notifikasi Push RSS Secara Otomatis
  • Cara Menggunakan Notifikasi Push untuk Mempromosikan Situs Berita
  • Cara Menggunakan Notifikasi Push Cross Selling untuk 2x Penjualan Anda
  • Cara Menggunakan Pemberitahuan Dorong Pengabaian Penelusuran (4 Langkah)

Jika Anda baru mengenal notifikasi push, Anda harus mencoba PushEngage. PushEngage adalah perangkat lunak notifikasi push #1 di pasar. Dan kampanye Anda akan berada di tangan yang aman.

Jadi, jika Anda belum melakukannya, mulailah dengan PushEngage hari ini!