Aplikasi Seluler PrestaShop: 4 Opsi, Biaya, dan Rencana Pengujian

Aplikasi seluler PrestaShop untuk pelanggan adalah aplikasi iOS dan Android atas nama toko Anda yang dipasang pembeli untuk menelusuri, memesan ulang, dan membayar. PrestaShop tidak mengirimkannya, jadi Anda mendapatkannya dengan salah satu dari empat cara: modul pembuat aplikasi seluler, pengonversi situs web ke aplikasi, layanan aplikasi terkelola, atau pembuatan kustom. Pilihan yang tepat sangat bergantung pada checkout Anda, karena checkout PrestaShop dibuat dari modul.

Panduan ini membantu Anda memilih rute dan membuktikannya di toko Anda sendiri sebelum mengeluarkan uang. Untuk versi singkatnya, lihat PrestaShop ke halaman aplikasi.

Haruskah toko PrestaShop memiliki aplikasi?

Sebuah aplikasi mendapatkan tempatnya ketika orang yang sama membeli dari Anda berulang kali. Periksa toko Anda terhadap empat pertanyaan terlebih dahulu.

• Apakah pelanggan memesan ulang? Anggur, kopi, makanan hewan, kosmetik, perlengkapan printer, suku cadang, dan barang habis pakai perdagangan dibeli dalam satu siklus.
• Apakah pelanggan masuk untuk melakukan sesuatu? Akun perdagangan dengan harga grup, riwayat pesanan, faktur, pengembalian, dan voucher loyalitas membawa orang kembali ke akun mereka.
• Apakah Anda memiliki berita yang layak untuk diberitahukan? Penjualan, pengisian ulang, dan rangkaian produk baru sesuai dengan dorongan.
• Apakah toko ponselnya sudah bagus? Jika pembeli melalui telepon mengabaikan pembayaran Anda hari ini, aplikasi yang dibuat berdasarkan pembayaran tersebut akan mewarisi masalahnya.

Jika sebagian besar pesanan berasal dari pengunjung pertama kali, gunakan tema seluler sebagai gantinya.

Apa yang membuat PrestaShop berbeda saat Anda menambahkan aplikasi?

PrestaShop bersifat open source dan biasanya dihosting sendiri, dan digunakan secara luas di Eropa dan Amerika Latin, di mana cara orang membayar dan menerima paket berubah dari satu negara ke negara lain. Sebuah toko pada umumnya dilengkapi dengan modul di negaranya satu per satu: modul pembayaran untuk metode bank yang dipercaya pelanggan, modul operator dengan peta titik penjemputan, terjemahan, peraturan pajak, dan kelompok pelanggan dengan harganya sendiri.

Itu membuat pembayaran menjadi bagian yang sulit. Produk dan kategori mudah disalin ke dalam aplikasi. Pembayaran yang dialihkan ke bank, meminta persetujuan di aplikasi perbankan dan kemudian kembali ke halaman konfirmasi pesanan Anda tidak.

Versinya juga bervariasi. PrestaShop 1.7, 8 dan 9 semuanya digunakan, dan PrestaShop 9.1, dirilis pada Maret 2026, menjadikan Hummingbird sebagai tema default untuk pemasangan baru sementara banyak toko tetap menggunakan tema Klasik atau tema khusus. Rute apa pun yang memasukkan kode ke dalam toko Anda harus sesuai dengan versi dan modul Anda.

Jadi ajukan satu pertanyaan untuk setiap rute: apakah aplikasi menunjukkan apa yang ditambahkan modul saya, atau hanya apa yang diketahui oleh inti PrestaShop?

Apa saja empat cara untuk mendapatkan aplikasi seluler PrestaShop?

Rute 1: Modul pembuat aplikasi seluler

Beberapa vendor menjual modul pembuat aplikasi seluler di Pasar Addons PrestaShop dan di situs mereka sendiri. Anda memasang modul konektor di back office Anda, modul ini memaparkan katalog, pelanggan, dan pesanan Anda ke aplikasi vendor, dan aplikasi tersebut menampilkannya sebagai layar asli. Beberapa membangun di atas Layanan web PrestaShop, API CRUD atas sumber daya seperti produk, kombinasi, keranjang, pelanggan, dan pesanan.

Baik dalam: daftar dan halaman produk asli, dan layar beranda yang ditata berbeda dari situs web Anda.

Periksa dengan cermat:

• Dukungan pembayaran dan operator. API menggambarkan pesanan dan operator sebagai data. Ini tidak menjelaskan apa yang dirender oleh modul pembayaran atau modul titik penjemputan di kasir, sehingga masing-masing memerlukan dukungan eksplisit dari vendor aplikasi. Mintalah daftar modul yang didukung dan bandingkan dengan modul Anda. Penggantian umum untuk yang tidak didukung adalah checkout situs web Anda yang ditampilkan di WebView.
• Versi dan lisensi. Konektornya adalah modul seperti modul lainnya, jadi pastikan modul tersebut mendukung versi PrestaShop Anda dan masih diperbarui. Lisensi bervariasi antara harga satu kali, langganan, dan tambahan berbayar, jadi pastikan Anda menerima build yang siap disimpan di bawah akun pengembang Anda sendiri.
• Design. Kustomisasi tema web Anda tidak terbawa. Aplikasi ini memiliki tampilan tersendiri.

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. Kantor depan Anda memuat di dalamnya dalam WebView, mesin browser yang sama yang digunakan Safari dan Chrome.

Baik dalam: kesetiaan. Aplikasi ini menampilkan tema dan modul apa pun yang Anda render di ponsel, karena halamannya sama dari server yang sama. Anda tidak menginstal apa pun di PrestaShop, jadi versinya tidak menjadi masalah.

Periksa dengan cermat: Anda tidak mendapatkan layar produk yang digambar ulang secara asli. Aplikasi ini secepat dan serapi tema seluler Anda dan tidak lebih baik. Pembayaran yang keluar dari toko Anda dapat berperilaku berbeda di browser tersemat dibandingkan di Safari atau Chrome, 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 menggunakan pendekatan WebView yang sama untuk halaman Anda dan menambahkan tim. Mereka mengonfigurasi aplikasi, membuat layar asli khusus, 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

Agensi atau pengembang membuat aplikasi berdasarkan API 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 perlu pengerjaan ulang ketika Anda meningkatkan PrestaShop atau mengganti modul yang bergantung padanya.

Bagaimana perbandingan rutenya?

Berapa biaya setiap rute?

• Modul pembuat aplikasi: ditetapkan oleh vendor. Periksa apakah harga listing adalah lisensi satu kali atau langganan, dan apakah build, push, dan pembaruan yang siap disimpan untuk versi PrestaShop baru disertakan atau dijual sebagai tambahan.
• Konverter situs web ke aplikasi: biaya pembangunan. SiteTo.App mengenakan biaya $29 untuk Android, $79 untuk iOS, atau $99 untuk keduanya, dibayar satu kali, dan pembangunan kembali selanjutnya akan dikutip secara terpisah.
• Layanan terkelola: biaya bulanan selama aplikasi aktif. Perbandingan yang ditautkan di bawah Rute 3 didasarkan pada angka terkini dari suatu layanan.
• Aplikasi khusus: kutipan proyek, lalu waktu pengembang setiap kali toko berubah di bawahnya.

Setiap rute juga memerlukan keanggotaan pengembang Apple ($99 per tahun) dan pendaftaran Google Play ($25 sekali), dibayarkan langsung kepada mereka. Itu panduan biaya aplikasi situs web mencakup seluruh anggaran.

Rute mana yang cocok dengan toko PrestaShop yang mana?

Pilih modul pembuat aplikasi jika toko Anda dekat dengan stok PrestaShop, modul pembayaran dan operator Anda ada dalam daftar yang didukung vendor, dan nuansa penjelajahan asli lebih penting bagi Anda daripada mempertahankan desain web Anda.

Pilih konverter jika toko ponsel Anda sudah berfungsi dengan baik dan sebagian besar berasal dari modul. Itu mencakup pembayaran bank lokal, pengiriman di titik penjemputan, harga grup B2B, beberapa bahasa, dan pembayaran yang disesuaikan.

Pilih layanan terkelola jika Anda ingin tim menjadi pemilik peluncuran dan pemeliharaan, dan biaya bulanannya masuk akal dibandingkan pendapatan aplikasi Anda.

Pilih bangunan khusus jika aplikasi harus melakukan sesuatu yang tidak dapat dilakukan oleh browser, misalnya berfungsi dengan baik secara offline.

Kapan SiteTo.App merupakan pilihan yang salah?

• Tema seluler Anda adalah masalahnya. Tema yang lambat atau proses pembayaran telepon yang canggung akan sama lambat dan canggungnya di aplikasi. Perbaiki tokonya dulu.
• 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 keranjang yang ditinggalkan atau status pesanan, dan belum memiliki segmen atau penjadwalan. Toko multi-negara tidak dapat mengirim satu pesan ke pelanggan Prancis dan pesan lainnya ke pelanggan Spanyol.
• Metode pembayaran utama Anda tidak dapat kembali ke aplikasi. Jika rencana pengujian menunjukkan bahwa metode perbankan yang paling sering Anda gunakan berakhir di browser ponsel dan penyedia pembayaran Anda tidak memiliki perbaikan, jangan meluncurkannya.
• Anda ingin orang lain mengirimkan dan mengelola aplikasi. Anda memublikasikannya dari akun Apple dan Google Anda sendiri, dan layanan terkelola lebih cocok jika Anda lebih suka menyerahkannya.

Ini juga tidak cocok untuk Bluetooth, AR, penggunaan offline berat, atau pemrosesan latar belakang.

Bagaimana Anda menguji toko PrestaShop sebagai sebuah aplikasi?

Gunakan iPhone asli dan ponsel Android asli jika Anda berencana mengirimkan keduanya. Kerjakan langkah-langkahnya secara berurutan. Jalankan lagi langkah yang gagal di browser normal ponsel: jika gagal juga, perbaikan ada di toko.

Langkah 1: Siapkan toko

Letakkan setiap modul pembayaran dalam mode uji coba, atau buat produk tersembunyi dengan harga rendah yang dapat Anda kembalikan dananya. Buat akun pelanggan percobaan. Keluarkan toko dari mode pemeliharaan, karena pratinjau toko yang tutup hanya menampilkan halaman pemeliharaan.

Langkah 2: Telusuri dan buat keranjang

Buka kategori, gunakan filter dan pencarian, lalu buka produk dengan kombinasi. Pilih ukuran atau warna dan tambahkan ke troli. Perhatikan jumlah keranjang di header tema Anda. Kemudian terapkan voucher di troli.

Langkah 3: Periksa pengiriman dan total

Masukkan alamat pengiriman sebenarnya dan bandingkan biaya operator dan pajak dengan keranjang yang sama di situs web Anda.

Jika Anda menggunakan titik penjemputan atau operator loker, buka petanya pada langkah pengiriman. Beberapa widget ini menawarkan tombol "gunakan lokasi saya". Jangan bergantung padanya. Ketik kode pos, pilih titik, dan konfirmasikan nanti bahwa kode tersebut muncul di halaman konfirmasi pesanan dan di pesanan back office.

Langkah 4: Bayar dengan setiap modul pembayaran

Langkah ini menentukan apakah Anda dapat meluncurkannya.

• Formulir kartu di halaman biasanya berperilaku seperti yang mereka lakukan di web seluler. Gunakan kartu tes yang memicu 3-D Secure dan konfirmasikan tantangan selesai.
• Metode pengalihan mengirim pelanggan ke halaman bank atau jendela PayPal. Ikuti seluruh jalur dan konfirmasikan bahwa Anda mendarat di halaman konfirmasi pesanan di dalam aplikasi.
• Metode aplikasi perbankan seperti iDEAL, Bancontact, BLIK, Bizum atau MB WAY meminta pelanggan untuk menyetujui pembayaran di aplikasi lain. Risikonya adalah jalan kembali. Aplikasi bank dapat mengembalikan pelanggan ke browser default ponsel, di mana toko Anda tidak memiliki sesi, sementara aplikasi dibiarkan menampilkan langkah pembayaran. Pesanan mungkin masih tercatat melalui notifikasi server penyedia, namun pelanggan melihat layar yang membingungkan.
• Tombol Apple Pay dan Google Pay hanya ditampilkan ketika skrip modul pembayaran memutuskan bahwa lingkungan mendukungnya, dan WebView dalam aplikasi tidak sama dengan Safari atau Chrome. Perlakukan mereka sebagai bonus dan sediakan pembayaran kartu di samping mereka.

Jika Anda kembali dari pembayaran ke keranjang kosong atau halaman login, lihat cookie terlebih dahulu. PrestaShop menyimpan sesi dalam cookie, dan pengembalian yang diterima tanpa sesi tersebut akan hilang, sehingga keranjang dapat terlihat kosong. Setidaknya satu penyedia pembayaran mendokumentasikan ini untuk PrestaShop dan menunjuk ke pengaturan Cookie SameSite di bawah Parameter Lanjutan → Administrasi, dengan HTTPS diaktifkan di seluruh toko. Tanyakan kepada dukungan modul pembayaran Anda pengaturan mana yang mereka perlukan.

Setelah itu, periksa apakah pesanan sudah sampai di back office dengan status yang benar.

Langkah 5: Uji akun dan sesi

Masuk, buka riwayat pesanan Anda, dan gunakan Susun Ulang pada pesanan sebelumnya jika tema Anda menawarkannya. Kemudian tutup aplikasi sepenuhnya dan buka kembali: Anda masih harus masuk dengan keranjang utuh. PrestaShop Pengaturan administrasi atur masa pakai cookie front office menjadi 480 jam (20 hari) secara default.

Halaman yang sama memiliki opsi yang disebut "Periksa alamat IP cookie", yang membandingkan alamat pengunjung dengan alamat yang disimpan di cookie. Ponsel berganti alamat saat berpindah antara Wi-Fi dan data seluler, jadi tinjau opsi tersebut jika penguji logout tanpa alasan yang jelas.

Jika Anda menggunakan modul login sosial, coba setiap tombol. Google memblokir layar masuknya di WebView yang disematkan, jadi tombol "Lanjutkan dengan Google" mungkin menampilkan kesalahan di sana. Pastikan login email dan kata sandi ditawarkan.

Langkah 6: Bahasa, mata uang, dan B2B

PrestaShop memasukkan bahasa ke dalam alamat, seperti /fr/ atau /es/, jadi tentukan bahasa apa yang akan digunakan untuk membuka aplikasi. Kemudian ganti bahasa dan mata uang dengan pemilih tema Anda dan periksa apakah harga dan keranjang mengikuti.

Untuk toko dagang, masuk dengan akun di grup pelanggan yang memiliki harga sendiri. Bandingkan harga produk dan total keranjang dengan akun yang sama di situs web.

Langkah 7: Rapikan bingkainya

Tangani spanduk cookie dan pop-up buletin apa pun, dan periksa apakah tajuk tempel tema Anda tidak berfungsi ganda dengan tajuk dan tab asli. SiteTo.App dapat menjalankan skrip yang menyembunyikan header dan pop-up situs Anda, jadi catat apa yang ingin Anda hapus.

Apa yang seharusnya disampaikan oleh hasil tersebut kepada Anda?

Apa yang harus Anda siapkan di aplikasi itu sendiri?

• Tab bawah: PrestaShop sudah memiliki tujuan yang bagus. Beranda, kategori teratas atau halaman penurunan Harga, Keranjang, dan Akun Saya berfungsi di sebagian besar toko, dan toko dagang dapat mengarahkan tab langsung ke riwayat pesanan. Aktifkan URL ramah di bawah Parameter Toko → Lalu Lintas & SEO terlebih dahulu, dan salin setiap alamat dari toko langsung Anda.
• Lencana keranjang: dengan bantuan pengembang, itu SiteTo.AppJSSDK dapat menampilkan hitungan pada tab Keranjang. Tema PrestaShop sejak 1.7 menyimpan keranjang saat ini di a prestashop.cart objek JavaScript dan jalankan updateCart peristiwa ketika itu berubah, yang memberi pengembang nomor untuk diteruskan.
• Push: hubungkan proyek Firebase Anda sendiri dengan Panduan Firebase, lalu kirimkan judul, teks, gambar, dan tautan dari dasbor.

Perubahan produk, harga, dan stok di back office muncul di aplikasi tanpa versi baru. Mengubah ikon atau nama aplikasi memerlukan pembangunan kembali, dan pembangunan kembali selanjutnya akan dikutip secara terpisah.

Apa yang perlu diketahui toko PrestaShop sebelum dipublikasikan?

Anda mengirimkan aplikasi dari akun Apple dan Google Anda sendiri. SiteTo.App menandatangani versi iOS dan mengunggahnya ke TestFlight di akun Apple Anda, sehingga Anda tidak memerlukan Mac atau Xcode, dan memberi Anda AAB untuk Google Play. 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 muncul khususnya untuk toko PrestaShop.

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)). Itu mencakup toko yang mengirimkan produk.

Produk virtual berbeda. Konten yang dapat diunduh yang digunakan di dalam aplikasi tunduk pada aturan pembelian dalam aplikasi Apple di bagian 3.1, dan Google Play memiliki kebijakan pembayarannya sendiri. Baca keduanya terlebih dahulu jika unduhan 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. Modul GDPR resmi PrestaShop menangani permintaan penghapusan yang divalidasi pedagang di back office. Tambahkan tautan atau formulir permintaan yang diberi label jelas "Hapus akun saya" ke area akun.

Beri pengulas jalan masuk. Jika harga atau katalog berada di belakang login, seperti di banyak toko B2B, 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 bantuan pemberitahuan push. Lihat Pedoman 4.2 panduan dan itu panduan penerbitan.

Pertanyaan umum

Apakah saya perlu menginstal modul atau mengaktifkan layanan web?

Tidak dengan konverter. SiteTo.App berfungsi dari URL toko publik Anda. Modul pembuat aplikasi memerlukan konektor di back office Anda karena modul tersebut membaca katalog Anda secara langsung.

Bisakah satu aplikasi mencakup multistore?

Satu aplikasi dimulai pada satu URL. Toko-toko di multitoko memiliki alamatnya sendiri, jadi pilihlah toko yang akan dibuka aplikasinya. Merek yang terpisah biasanya memerlukan aplikasi yang terpisah.

Apa yang terjadi pada aplikasi ketika saya mengupgrade PrestaShop atau mengubah tema?

Dengan konverter, aplikasi menampilkan toko yang ditingkatkan versinya saat dibuka lagi, tanpa versi baru. Jika alamat halaman Anda berubah, tautan tab di aplikasi perlu diperbarui agar sesuai. Pembaruan modul yang merusak pembayaran seluler Anda juga akan merusaknya di aplikasi, jadi lakukan pesanan percobaan di ponsel setelah peningkatan yang signifikan.

Langkah selanjutnya

Lakukan pesanan percobaan di ponsel Anda dengan metode pembayaran yang paling sering Anda gunakan. Jika itu berjalan dengan baik, pratinjau toko PrestaShop Anda sebagai sebuah aplikasi gratis, jalankan tujuh langkah di atas, dan periksa penetapan harga setelah Anda tahu itu berhasil.

Menjalankan platform lain juga? Lihat panduan untuk Magento Dan WooCommerce.