Bagaimana Merchant Magento Meningkatkan Konversi dengan PWA Studio
Diterbitkan: 2021-04-09Daftar Isi
Jika Anda telah melacak semua yang telah terjadi di dalam lingkup Magento, PWA seharusnya sudah ada di radar Anda sekarang. Dan mengingat jumlah etalase PWA Magento meningkat pesat, Magento baru-baru ini mengadakan webinar (Bagaimana pelanggan Magento meningkatkan konversi dengan PWA studio ) yang merinci semua informasi yang diperlukan tentang PWA di Magento—mulai dari apa itu, cara kerjanya, dan bagaimana pedagang dapat memanfaatkan PWA Studio untuk membuat PWA berkinerja.
Webinar dipandu oleh Ms. Maryel Roman-Price, Manajer Generasi Permintaan Komersial APAC DX di Adobe, dan bergabung dengan webinar adalah Sam Elliot, Konsultan Solusi di Adobe.
Berikut adalah ringkasan singkat, serta sorotan dari webinar:
I. Melewati PWA
Webinar dimulai dengan rekap singkat tentang apa itu PWA, dan betapa berbedanya pengalaman PWA.
Apa itu PWA?
Singkatan dari Progressive Web App, PWA adalah halaman web dengan kemampuan yang ditingkatkan. Ini lebih cepat, seperti aplikasi, dan dilengkapi dengan teknologi terbaru untuk membantu menghilangkan penundaan yang sering kali terkait dengan pengalaman belanja seluler.
Manfaat PWA
PWA memiliki aksesibilitas perangkat keras yang jauh lebih baik. Itu dapat mengakses fitur yang sebelumnya eksklusif untuk aplikasi asli seperti pemberitahuan push, akses kamera, dll. Dan di sisi bisnis, PWA membawa manfaat penghematan biaya yang jauh lebih baik. Penghematan, seperti yang dikatakan tuan rumah Maryel Price, sedang berlangsung karena Anda tidak akan memelihara, memperbarui, atau mendesain ulang beberapa aplikasi.
Bagaimana PWA membantu meningkatkan konversi
Ericsson Mobility Report mengukur detak jantung dan menemukan bahwa tingkat stres yang disebabkan oleh keterlambatan seluler sebanding dengan menonton film menakutkan. Tingkat stres ini hadir di sejumlah toko online yang tidak terlalu sedikit di luar sana, dan Anda tentu tidak ingin stres semacam itu terjadi pada pelanggan Anda. Dikombinasikan dengan fakta bahwa penundaan satu detik pun dapat menurunkan konversi sebesar 20%, kecepatan adalah satu hal yang harus mulai diperhatikan pedagang untuk meningkatkan tingkat konversi—dan PWA adalah cara terbaik untuk mengatasi hal ini.
Memiliki PWA dan pengalaman kilat untuk pelanggan Anda adalah apa yang mereka cari, dan mereka akan mendorong permintaan untuk ini.
Sam Elliot, Konsultan Solusi Perdagangan di Adobe
Betapa berbedanya pengalaman PWA
Di sini kami memiliki Sam Elliot yang memberikan detail teknis tentang bagaimana & di mana pengalaman PWA berbeda.
PWA adalah, pertama dan terutama, halaman web dengan kemampuan yang ditingkatkan. Situs web yang diberdayakan PWA tidak meminta server untuk konten baru setiap saat, melainkan memiliki semua konten yang diperlukan yang disimpan di dalam browser. Dan saat pelanggan berinteraksi dengan PWA, apa yang mereka alami malah menjadi pengalaman secepat kilat karena semuanya sudah dirender dan disajikan dari browser.
Sam Elliot lebih lanjut menjelaskan komponen inti PWA—pekerja layanan—dan bagaimana hal itu memungkinkan sebagian besar kemampuan PWA. Pekerja layanan berjalan secara paralel dengan browser dan bertanggung jawab untuk mengambil (mengambil) konten yang di-cache, memungkinkan pengalaman yang konsisten dan mengalir lancar.
II. Menjadi praktis
Fokus utama webinar adalah menjadi praktis—memberikan jawaban nyata kepada pedagang atas kebutuhan bisnis mereka.
Bagaimana PWA Studio membantu
Karena pedagang Magento melihat PWA sebagai jalur peningkatan nyata, ada berbagai cara yang dapat mereka lakukan untuk membuat toko mereka bertenaga PWA. Dan di antara kerangka kerja PWA populer, PWA Studio menonjol sebagai solusi sempurna untuk toko Magento karena alasan berikut:
Terintegrasi erat dengan kerangka kerja Magento
PWA Studio dibangun langsung dari kerangka kerja Magento. Dan karena itu, etalase PWA yang dibangun dengan studio PWA akan memiliki Magento 2 sebagai backendnya. Namun, dibandingkan dengan tema tradisional Magento, etalase PWA lebih fleksibel karena cara infrastrukturnya terhubung—tanpa kepala dan dipisahkan dari backend Magento, menjadikannya pendekatan yang lebih skalabel untuk merek.
Pembuat Halaman
Tersedia di Magento Commerce, Page Builder menghapus batasan yang biasa ditemukan dalam pembuatan konten. Untuk pengguna non-teknis, mereka sekarang tidak perlu lagi terus bekerja dengan pengembang untuk menerapkan fitur baru dan/atau halaman baru lagi, karena antarmuka seret dan lepas yang intuitif dari Pembuat Halaman membantu menyederhanakan seluruh pembuatan konten. proses. Jadi Beranda baru, misalnya, dapat dirancang dan digunakan dengan Pembuat Halaman, dan hasil akhirnya akan seperti yang Anda lihat dalam kerangka kerja normal dan responsif.
Kemampuan terbaru saat Anda pergi
PWA Studio menjaga toko bertenaga PWA Anda pada peta jalan yang lurus. Dan ini berarti etalase yang dibangun dengan PWA Studio pada akhirnya akan mendapatkan kemampuan yang sama dengan etalase Magento responsif biasa. Adobe Sensei, misalnya, baru-baru ini diperkenalkan ke PWA Studio, dan etalase PWA yang dibuat dengan PWA Studio sekarang dapat memanfaatkan rekomendasi produk cerdas Sensei.
Penghematan
Pembicaraan sebenarnya—bagian yang membahas secara detail tentang bagaimana PWA yang dibuat dengan PWA Studio dapat membantu mengurangi biaya pengembangan Anda—dimulai jauh di kemudian hari di webinar.
Biaya peluang
Karena PWA dapat dipublikasikan ke app store, tidak perlu lagi mengembangkan dan memublikasikan beberapa versi aplikasi Anda, sehingga pengecer memiliki lebih banyak opsi untuk fokus pada satu pengalaman pelanggan yang menarik.
Dan ketika dikombinasikan dengan fakta bahwa sebagian besar pelanggan di luar sana mengunduh aplikasi nol setiap bulan, ada peluang nyata di luar sana bagi pedagang untuk memberikan pengalaman yang sangat baik dan membuat pelanggan seluler berkonversi di lingkungan PWA, daripada membuat mereka pergi karena kecepatan pemuatan yang lambat dari situs web seluler biasa.
Seberapa cepat mengembangkan PWA
Dengan PWA, Anda menggabungkan tiga pengalaman berbeda (iOS, Android, Web) menjadi satu—sehingga pada kenyataannya, akan ada fitur dan fungsi dari pengalaman seluler atau pengalaman situs web yang pada dasarnya harus dimiliki untuk Anda. bisnis, dan Anda harus membangun kembali fitur dan fungsi tersebut ke dalam PWA Anda.
PWA Studio, tentu saja, memberi Anda berbagai fitur dan kemampuan di luar kotak, tetapi karena ada fitur khusus yang Anda tahu dapat dikonversi dengan sangat baik untuk bisnis Anda—dan karena PWA adalah pengalaman frontend yang sama sekali baru— Anda Anda harus membangun kembali fitur khusus tersebut ke dalam PWA Anda.
Akibatnya, ini berarti akan ada beberapa waktu dan biaya tambahan yang terkait dalam proses; namun, biayanya tidak sama dengan membangunnya tiga kali, atau mengelola tiga pengalaman berbeda berdasarkan keinginan penyedia seluler yang berbeda. Dengan PWA, Anda mendapatkan satu pengalaman terpadu di Safari, Edge, atau Chrome, dan karena itu, Anda dapat menciptakan pengalaman yang menarik, dan dikelola di satu tingkat secara berkelanjutan.
AKU AKU AKU. FAQ
Menjelang akhir webinar adalah sesi tanya jawab, dan ada beberapa pertanyaan menarik yang seharusnya dapat menjawab kebutuhan Anda.
1. Seberapa cepat situs saya saat ini dapat dikonversi ke PWA, dengan asumsi saya memiliki tema dasar berdasarkan tema Luma?
Sam Elliot memulai dengan menegaskan kembali bahwa " mengkonversi " bukanlah cara yang benar untuk memikirkannya. PWA adalah frontend terpisah sehingga Anda akan membangun situs web di frontend terpisah dan bukan kerangka kerja responsif Luma—dan pada dasarnya, ini berarti frontend Anda harus dibangun kembali menjadi pengalaman baru.
Pada dasarnya, akan ada beberapa fitur dan fungsi yang perlu dibawa ke frontend PWA baru, bersama dengan panggilan API khusus untuk pergi ke frontend PWA yang terpisah sekarang (daripada semuanya langsung dikomunikasikan ke backend Magento). Secara keseluruhan, ada banyak variabel, tetapi untuk membangun kembali situs web dasar Luma menjadi situs web Venia dasar, dibutuhkan rata-rata sekitar tiga bulan.
2. Dapatkah Anda mengintegrasikan gateway pembayaran khusus melalui API Magento?
Di luar kotak, Braintree sudah terhubung ke frontend PWA Magento tetapi ya, Anda dapat mengintegrasikan gateway pembayaran khusus apa pun melalui API Magento.
3. Berapa lama waktu yang dibutuhkan jika Anda memulai PWA dari awal?
Di sini, Sam Elliot menjelaskan secara rinci tentang apa perbedaannya, dan mengapa ada variasi dalam upaya yang diperlukan saat membangun PWA.
Untuk toko Magento standar berdasarkan Luma, Anda memiliki fungsionalitas inti yang saat ini tersedia di situs tersebut. Dan kemudian Anda membangun di atas fungsionalitas inti itu untuk kemudian memberikan pengalaman pelanggan yang Anda cari. Dalam PWA, semuanya hampir sama. Satu-satunya perbedaan adalah bahwa akan ada beberapa bagian kecil yang saat ini tersedia, dan karena sebagian besar ekstensi di pasar belum ditulis ulang untuk bekerja di dalam PWA (dan juga untuk bekerja di frontend Venia yang baru), ada akan menjadi beberapa pekerjaan tambahan yang terlibat dalam proses.
Tetapi dalam hal membangun setiap komponen dan modul, tidak ada perbedaan waktu, tidak ada upaya tambahan yang diperlukan untuk membangun sesuatu di dalam PWA sebagai komponen/modul khusus daripada sebelumnya.
Bacaan yang direkomendasikan: SimiCart Bekerja Sama dengan Mageplaza untuk Mengembangkan Ekstensi PWA Studio Komunitas
IV. Saran penutup
Di akhir webinar, Sam Elliot meninggalkan kami dengan saran penutup:
Setiap orang harus memikirkan PWA sebagai pengalaman berikutnya bagi mereka. Ini akan memberikan konversi yang lebih baik di seluler, pengalaman pelanggan yang lebih baik, yang diinginkan semua orang. Jika Anda memiliki situs web yang tertinggal dan jika Anda merasa perlu penyegaran, atau jika membutuhkan pengalaman pelanggan yang lebih baik, PWA kemungkinan adalah jawaban untuk Anda—karena seperti itulah masa depan. Pengalaman secepat kilat yang didukung oleh PWA adalah apa yang diinginkan pelanggan, dan merekalah yang akan mendorong permintaan akan hal ini.
Untuk pedagang Magento yang ingin mencapai pengalaman perdagangan baru ini, di SimiCart kami adalah tim agen pengembangan PWA berkualifikasi Google, siap mengubah toko Magento Anda.