Aplikasi seluler WooCommerce untuk pelanggan adalah aplikasi iOS dan Android terpisah atas nama toko Anda yang dipasang pembeli untuk menelusuri dan membeli. Anda bisa mendapatkan empat cara: plugin aplikasi yang menggambar ulang katalog Anda dari WooCommerce API, pengonversi situs web ke aplikasi yang memuat toko langsung Anda, layanan terkelola, atau build kustom. Yang benar sangat bergantung pada seberapa banyak toko Anda berada di plugin.
Panduan ini membantu Anda memilih rute dan kemudian membuktikannya berhasil di toko Anda sendiri sebelum Anda mengeluarkan uang. Untuk versi singkatnya, lihat WooCommerce ke halaman aplikasi. Untuk perbandingan lebih luas yang juga mencakup situs konten WordPress, baca WordPress ke plugin aplikasi vs konverter.
Apakah aplikasi WooCommerce resmi untuk pelanggan?
Tidak. Aplikasi WooCommerce di App Store dan Google Play adalah aplikasi pengelolaan toko untuk pedagang. WooCommerce dokumentasi aplikasi seluler menjelaskannya dalam istilah berikut: Anda memproses pesanan, membuat dan mengelola produk, dan menerima pembayaran langsung. Pelanggan Anda tidak dapat berbelanja di sana, dan itu tidak membawa merek Anda.
Aplikasi pelanggan adalah hal yang berbeda. Ini memiliki nama dan ikon toko Anda, berada di layar beranda pembelanja, dan membuka area katalog, keranjang, dan akun Anda. WooCommerce tidak mengirimkannya, jadi setiap toko mendapatkannya dari pihak ketiga atau membuatnya.
Haruskah toko WooCommerce memiliki aplikasi?
Sebuah aplikasi mendapatkan tempatnya ketika orang yang sama membeli dari Anda berulang kali. Sebelum membandingkan rute, periksa toko Anda terhadap pertanyaan-pertanyaan ini.
- Apakah pelanggan memesan ulang? Kopi, makanan hewan, suplemen, perawatan kulit, perlengkapan percetakan, dan komponen dagang dibeli dalam satu siklus. Ikon layar beranda dan login tersimpan mempersingkat setiap repeat order.
- Apakah pelanggan login untuk melakukan sesuatu? Langganan untuk dijeda atau dilewati, pemesanan untuk dikelola, daftar harga grosir, pelacakan pesanan, dan pengunduhan semuanya memberi orang alasan untuk membuka area akun secara teratur.
- Apakah Anda memiliki berita yang layak untuk diberitahukan? Penurunan, penyetokan ulang, rentang musiman, dan dorongan penjualan. Sebuah toko yang berganti dua kali setahun hanya mempunyai sedikit barang untuk dikirim.
- Apakah situs selulernya sudah bagus? Jika pembeli melalui telepon mengabaikan pembayaran Anda hari ini, aplikasi yang dibuat berdasarkan pembayaran tersebut akan mewarisi masalahnya.
Jika sebagian besar pesanan Anda datang dari pengunjung pertama kali yang datang melalui penelusuran atau iklan, lakukan upaya tersebut di situs seluler. Tidak ada yang memasang aplikasi untuk dibeli sekali.
Apa yang membuat WooCommerce berbeda dari toko yang dihosting?
WooCommerce memberi Anda WordPress dan memungkinkan Anda merakit sisanya. Toko pada umumnya menjalankan sebuah tema, satu atau tiga gateway pembayaran, kalkulator pengiriman, dan kemudian plugin yang menjadikannya milik Anda: Langganan WooCommerce, Pemesanan, Pengaya Produk, plugin harga grosir, skema loyalitas, bidang pembayaran khusus untuk catatan pengiriman.
Jadi ajukan satu pertanyaan untuk setiap rute di bawah ini: apakah aplikasi menunjukkan apa yang ditambahkan plugin saya, atau hanya apa yang diketahui oleh inti WooCommerce?
Apa saja empat cara untuk mendapatkan aplikasi pelanggan WooCommerce?
Rute 1: Plugin aplikasi yang membangun kembali toko dari API
Beberapa layanan terhubung ke toko Anda melalui API REST WooCommerce, biasanya dengan plugin pendamping WordPress, dan menggambar produk, kategori, keranjang, dan pesanan sebagai layar aslinya. Anda mendesain aplikasi di dasbor vendor dan membayar langganan.
Baik dalam: daftar produk asli dan halaman produk yang dapat digulir dan dianimasikan seperti aplikasi belanja lainnya, dan layar beranda yang dapat Anda tata letaknya berbeda dari situs web Anda.
Periksa dengan cermat: API menjelaskan produk, variasi, pelanggan, dan pesanan. Itu tidak menjelaskan apa yang dirender oleh plugin pihak ketiga pada halaman. Formulir tambahan, kalender pemesanan, harga berdasarkan peran, atau langkah checkout khusus, masing-masing memerlukan vendor untuk membangun dukungan untuk plugin spesifik tersebut. Beberapa layanan ini menampilkan pembayaran situs web Anda di WebView karena alasan ini. Tanyakan kepada vendor daftar ekstensi dan gateway yang didukung, lalu bandingkan dengan daftar plugin Anda baris demi baris.
Rute 2: Pengonversi situs web ke aplikasi
Konverter membangun shell asli di sekitar situs web langsung Anda. Shell menyediakan ikon aplikasi, layar peluncuran, header asli, menu dan tab bawah, dan pemberitahuan push opsional. Etalase Anda dimuat di dalamnya dalam WebView, mesin browser yang sama yang digunakan Safari dan Chrome.
Baik dalam: kesetiaan. Apa pun tema dan plugin yang Anda render di ponsel, itulah yang ditampilkan aplikasi, karena halamannya sama dari server yang sama. Tidak ada yang perlu disinkronkan, dan Anda tidak memiliki katalog atau desain kedua.
Periksa dengan cermat: Anda tidak mendapatkan layar produk yang digambar ulang secara asli. Aplikasi ini secepat dan serapi situs seluler Anda dan tidak lebih baik. Ada beberapa hal yang berperilaku berbeda di browser tersemat dibandingkan di Safari atau Chrome, dan itulah tujuan dari rencana pengujian di bawah ini.
SiteTo.App mengambil rute ini. Anda menempelkan URL toko Anda, mengatur nama, ikon dan tab, dan melihat pratinjau aplikasi di ponsel Anda sendiri secara gratis. Biaya pembuatannya adalah $29 untuk Android, $79 untuk iOS, atau $99 untuk keduanya, dibayar satu kali.
Rute 3: Layanan aplikasi terkelola
Layanan terkelola biasanya menggunakan pendekatan WebView yang sama untuk halaman Anda dan menambahkan tim: mereka mengonfigurasi aplikasi, membuat layar asli khusus sesuai keinginan Anda, mengirimkannya ke toko, dan memeliharanya dengan biaya bulanan. Kita Perbandingan SiteTo.App vs MobiLoud melihat salah satu layanan tersebut secara detail.
Rute 4: Aplikasi khusus
Pengembang atau agensi membuat aplikasi dengan REST API dan Store API, dengan setiap layar dirancang untuk toko Anda. Ini adalah rute untuk hal-hal yang tidak dapat dilakukan oleh situs web, seperti bekerja sepenuhnya secara offline. Ini dihargai sebagai sebuah proyek dan kemudian memerlukan pemeliharaan, termasuk pengerjaan ulang ketika Anda mengubah plugin tempat aplikasi bergantung.
Bagaimana perbandingan rutenya?
| Plugin aplikasi berbasis API | Konverter situs web ke aplikasi | Layanan terkelola | Aplikasi khusus | |
|---|---|---|---|---|
| Layar produk dan keranjang | Asli, ditarik oleh vendor | Situs seluler Anda | Situs seluler Anda, ditambah layar asli khusus | Asli, dibuat untuk Anda |
| Plugin pihak ketiga | Hanya yang didukung vendor | Apa pun yang berfungsi di situs seluler Anda | Apa pun yang berfungsi di situs seluler Anda | Masing-masing terintegrasi dengan tangan |
| Check-out | Alur vendor atau situs Anda di WebView | Pembayaran situs web Anda | Pembayaran situs web Anda | Dibangun atau tertanam |
| Model penetapan harga | Berlangganan | Biaya pembangunan satu kali | Biaya bulanan | Proyek plus pemeliharaan |
| Siapa yang tunduk pada toko | Bervariasi menurut vendor | Anda | Layanan | Anda atau agensi Anda |
| Bekerja saat Anda mengganti toko | Periksa kembali dukungan plugin | Biasanya tidak ada | Biasanya tidak ada | Waktu pengembang |
Keanggotaan pengembang Apple ($99 setahun) dan pendaftaran Google Play ($25 satu kali) berlaku untuk setiap rute. Itu panduan biaya aplikasi situs web mencakup seluruh anggaran.
Rute mana yang cocok dengan toko WooCommerce yang mana?
Pilih plugin aplikasi berbasis API jika toko Anda dekat dengan stok WooCommerce, dengan produk yang sederhana dan bervariasi serta gateway utama, dan nuansa penjelajahan asli lebih penting bagi Anda daripada biaya tetap yang rendah.
Pilih konverter jika toko seluler Anda sudah berfungsi dengan baik dan sebagian besar berasal dari plugin. Itu termasuk kotak berlangganan, pemesanan, konfigurator produk, toko grosir dengan harga masuk, dan toko dengan pembayaran yang disesuaikan.
Pilih layanan terkelola jika Anda ingin tim yang memiliki peluncuran dan pemeliharaan, atau Anda memerlukan layar asli khusus di atas situs Anda dan biaya bulanannya masuk akal dibandingkan pendapatan aplikasi Anda.
Pilih bangunan khusus jika aplikasi harus melakukan sesuatu yang tidak dapat dilakukan oleh browser: berfungsi dengan baik secara offline, berkomunikasi dengan perangkat keras Bluetooth, menggunakan augmented reality, atau tetap bekerja di latar belakang.
Kapan SiteTo.App merupakan pilihan yang salah?
- Situs seluler Anda adalah masalahnya. Tema yang lambat atau proses pembayaran yang janggal di ponsel akan sama lambat dan janggalnya di aplikasi. Perbaiki situsnya terlebih dahulu.
- Anda memerlukan dorongan siklus hidup. SiteTo.App mengirimkan judul, teks, gambar, dan tautan ke semua orang yang ikut serta, melalui proyek Firebase Anda sendiri. Itu tidak mengirimkan pemberitahuan otomatis keranjang terbengkalai atau status pesanan, dan belum memiliki segmen atau penjadwalan.
- Anda menjual konten digital di iOS. Aplikasi ini menggunakan pembayaran situs web Anda dan tidak menambahkan pembelian dalam aplikasi Apple. Lihat catatan penerbitan di bawah.
Ini juga tidak cocok untuk Bluetooth, AR, penggunaan offline berat, atau pemrosesan latar belakang.
Bagaimana Anda menguji toko WooCommerce sebagai sebuah aplikasi?
Gunakan iPhone asli dan ponsel Android asli jika Anda berencana mengirimkan keduanya, dan lakukan langkah-langkah berikut secara berurutan. Tuliskan URL halaman jika terjadi kegagalan.
Langkah 1: Siapkan toko
Masukkan setiap gateway pembayaran ke mode pengujian atau mode sandbox, atau buat produk tersembunyi dengan harga rendah dan kupon 100% yang dapat Anda kembalikan. Buat akun pelanggan baru untuk pengujian.
Langkah 2: Telusuri dan buat keranjang
Buka kategori, gunakan filter dan pencarian, lalu buka produk variabel. Pilih opsinya, isi kolom tambahan apa pun, dan tambahkan ke keranjang. Perhatikan jumlah mini-cart atau troli. Jika tetap nol, cache halaman mungkin menyajikan konten yang disimpan. WooCommerce panduan cache mengatakan untuk mengecualikan halaman Keranjang, Checkout, dan Akun Saya serta sesi dan cookie keranjangnya dari cache.
Langkah 3: Periksa total
Terapkan kupon, masukkan alamat pengiriman sebenarnya dan bandingkan tarif pengiriman dan pajak dengan keranjang yang sama di situs web Anda. Keduanya harus sama persis, karena server yang sama melakukan aritmatika.
Langkah 4: Bayar dengan setiap gateway
Pembayaran adalah tempat WebView dalam aplikasi kemungkinan besar berbeda dari browser ponsel, jadi luangkan waktu paling banyak untuk langkah ini.
- Bidang kartu di halaman, seperti yang dari WooPayments atau Stripe, biasanya berperilaku seperti di web seluler. Gunakan kartu tes yang memicu 3-D Secure dan konfirmasikan tantangan muncul dan selesai.
- Gerbang pengalihan mengirim pelanggan ke bank, dompet, atau jendela PayPal. Ikuti seluruh jalur dan konfirmasikan bahwa Anda mendarat di halaman penerimaan pesanan di dalam aplikasi, bukan di browser ponsel dengan aplikasi yang tertinggal menunjukkan pembayaran basi.
- Apple Pay dan Google Pay tombol hanya ditampilkan ketika skrip gateway memutuskan bahwa lingkungan mendukungnya, dan WebView dalam aplikasi tidak sama dengan Safari atau Chrome. Google mendokumentasikan persyaratan khusus untuk Google Pay di Android WebView, dan WooPayments menerbitkannya sendiri catatan kompatibilitas checkout ekspres. Perlakukan tombol dompet sebagai bonus. Pembayaran kartu harus selalu tersedia di sampingnya.
Setelah itu periksa apakah pesanan muncul di wp-admin dengan status yang benar dan email konfirmasi sudah masuk.
Langkah 5: Uji akun dan sesi
Daftar atau masuk, buka Akun Saya, dan lihat pesanan. Kemudian tutup aplikasi sepenuhnya dan buka kembali. Anda tetap harus masuk dengan keranjang Anda utuh. Minta pengaturan ulang kata sandi dan ikuti tautan email untuk melihat di mana tautan tersebut terbuka dan apakah perjalanan kembali ke aplikasi masuk akal.
Jika Anda menggunakan plugin login sosial, coba setiap tombol. Google memblokir layar masuknya di WebView yang disematkan, jadi tombol "Lanjutkan dengan Google" mungkin menampilkan kesalahan di sana. Login email dan kata sandi adalah jalur yang dapat diandalkan, jadi pastikan jalur tersebut ditawarkan.
Langkah 6: Jalankan perjalanan setiap plugin
Buat daftar plugin yang berhubungan dengan pelanggan yang menjadikan toko Anda milik Anda dan jalankan satu perjalanan lengkap untuk masing-masing plugin.
- Subscriptions: beli satu, lalu tangguhkan, ubah metode pembayaran, dan batalkan dari Akun Saya.
- Bookings: pilih tanggal dan waktu di kalender seukuran ponsel dan selesaikan pemesanan.
- Grosir atau B2B: masuk dengan akun perdagangan, konfirmasikan tampilan harga perdagangan, dan lakukan pemesanan ulang.
Langkah 7: Rapikan bingkainya
Tutup spanduk cookie dan pop-up buletin apa pun. Pastikan header tempel, bilah bawah, atau tombol obrolan mengambang tema Anda tidak berfungsi ganda dengan header dan tab asli. SiteTo.App dapat menjalankan skrip yang menyembunyikan header dan pop-up situs Anda di dalam aplikasi, jadi catat apa pun yang ingin Anda hapus. Jika firewall atau CAPTCHA menantang Anda saat login, pastikan pelanggan sebenarnya dapat menyebarkannya melalui telepon.
Apa yang seharusnya disampaikan oleh hasil tersebut kepada Anda?
| Hasil | Apa yang harus dilakukan |
|---|---|
| Semuanya berlalu | Pilih tab Anda, buat, dan lanjutkan ke penerbitan |
| Tombol dompet hilang tetapi kartu berfungsi | Luncurkan dengan kartu dan perlakukan dompet sebagai penyempurnaan selanjutnya |
| Gerbang pengalihan tidak kembali ke aplikasi | Bicaralah dengan gateway tentang opsi di halaman, atau tawarkan gateway lain |
| Halaman plugin rusak pada lebar ponsel | Perbaiki di situs web; perbaikannya juga membantu pembeli web seluler |
| Checkout lambat atau membingungkan | Tingkatkan pembayaran seluler sebelum membuat aplikasi apa pun |
Apa yang harus Anda siapkan di aplikasi itu sendiri?
Gunakan bagian asli aplikasi untuk mempercepat pembelian berulang.
- Tab bawah: Beranda, Toko atau kategori terkuat Anda, Keranjang, dan Akun Saya berfungsi untuk sebagian besar toko. Toko yang banyak memesan ulang dapat langsung mengarahkan perhatiannya
/my-account/orders/. - Lencana keranjang: dengan bantuan pengembang, itu SiteTo.AppJSSDK dapat melihat URL di situs Anda dan menampilkan nomor yang ditampilkannya sebagai lencana di tab. WooCommerce Simpan titik akhir keranjang API mengembalikan sebuah
items_countuntuk keranjang saat ini, yang dapat digunakan pengembang sebagai nilai lencana. - Push: sambungkan Firebase menggunakan Panduan Firebase dan putuskan terlebih dahulu apa yang akan Anda kirim.
Perubahan produk, harga dan stok di wp-admin muncul di aplikasi tanpa versi baru. Mengubah ikon, nama aplikasi, atau pengaturan asli lainnya memerlukan pembuatan ulang, dan pembuatan ulang selanjutnya akan dikutip secara terpisah.
Apa yang perlu diketahui toko WooCommerce sebelum menerbitkannya?
Anda mengirimkan aplikasi dari akun Apple dan Google Anda sendiri. SiteTo.App menandatangani versi iOS dan mengunggahnya ke TestFlight di akun Apple Anda, jadi Anda tidak memerlukan Mac atau Xcode, dan memberi Anda AAB untuk Google Play, atau APK. Itu membuat dan menerbitkan panduan berjalan melalui setiap langkah. Apple dan Google memutuskan apa yang akan disetujui, dan tidak ada yang bisa menjanjikan hasilnya. Poin-poin ini khususnya muncul untuk toko WooCommerce.
Barang fisik pakai checkout sendiri. milik Apple Pedoman Tinjauan Aplikasi menyatakan bahwa barang dan jasa yang dikonsumsi di luar aplikasi dibayar dengan metode selain pembelian dalam aplikasi (pasal 3.1.3(e)). Sebuah toko yang mengirimkan produk berdiri kokoh.
Barang digital berbeda. Konten yang digunakan di dalam aplikasi, seperti kursus berbayar, perpustakaan video, atau area khusus anggota, termasuk dalam aturan pembelian dalam aplikasi Apple di bagian 3.1. Google Play memiliki kebijakan pembayarannya sendiri untuk barang digital dalam aplikasi. Baca keduanya sebelum Anda membangun apakah produk digital atau keanggotaan berbayar adalah bagian nyata dari penjualan Anda.
Tawarkan penghapusan akun. Apple mengharapkan aplikasi apa pun yang mendukung pembuatan akun memungkinkan orang mulai menghapus akun mereka dari dalam aplikasi. Halaman Akun Saya WooCommerce default tidak memiliki opsi seperti itu. Tambahkan satu dengan plugin atau formulir permintaan yang diberi label jelas.
Beri pengulas jalan masuk. Jika harga atau produk berada di belakang login, seperti di banyak toko grosir, berikan akun pengujian yang berfungsi di catatan ulasan.
Tampilkan lebih dari sekadar situs web. Pedoman Apple 4.2 meminta aplikasi untuk menawarkan lebih dari sekadar situs yang dikemas ulang. Tab asli, header asli, dan pemberitahuan push membantu, begitu pula toko dengan fungsi nyata di balik login. Itu Pedoman 4.2 panduan menjelaskan cara mempersiapkannya, dan panduan penerbitan mencakup daftar, tangkapan layar, dan jawaban privasi.
Pertanyaan umum
Apakah saya perlu menginstal plugin WordPress?
Tidak dengan konverter. SiteTo.App berfungsi dari URL toko publik Anda, jadi Anda tidak perlu menambahkan plugin ke WordPress atau membuat kunci REST API. Layanan aplikasi berbasis API biasanya memerlukan plugin pendamping dan akses API, karena mereka membaca katalog Anda secara langsung.
Apa yang terjadi pada aplikasi ketika saya memperbarui WooCommerce atau plugin?
Aplikasi ini menampilkan toko yang diperbarui saat dibuka lagi, tanpa versi baru. Itu juga berarti pembaruan plugin yang merusak pembayaran seluler Anda akan merusaknya di aplikasi pada saat yang sama. Jalankan perintah pengujian cepat di ponsel setelah pembaruan signifikan, seperti yang Anda lakukan di situs web.
Bisakah saya meluncurkannya di Android terlebih dahulu?
Ya. Versi Android berharga $29 dan pendaftaran Google Play berharga $25 sekali. Membeli versi iOS nanti akan berharga $79, jadi keduanya dibeli secara terpisah menjadi $108 versus $99 untuk keduanya secara bersamaan.
Langkah selanjutnya
Buka toko Anda di ponsel Anda dan lakukan pesanan percobaan. Jika itu berjalan dengan baik, pratinjau toko WooCommerce Anda sebagai aplikasi gratis, jalankan tujuh langkah di atas, dan periksa penetapan harga setelah Anda tahu itu berhasil.
Lihat situs web Anda sebagai aplikasi
Sesuaikan pengalaman dan pratinjau sebelum memilih platform.
Bangun pratinjau Anda


