PWA dan Magento: Menciptakan Pengalaman Belanja Seluler Generasi Berikutnya

Ini adalah posting tamu oleh Viesturs Abelis, Pemimpin Konten di Scandiweb.

Aplikasi Web Progresif. Semua orang membicarakannya dan bahkan jika Anda tidak yakin tentang apa sebenarnya mereka, Anda mungkin sudah menggunakan teknologinya. Twitter, Starbucks, AliExpress, dan banyak lainnya telah berhasil menerapkan PWA, yang digunakan oleh jutaan orang setiap hari.

Dan hasilnya masuk. Twitter melihat peningkatan 65% pada halaman per sesi, peningkatan 75% dalam tweet yang dikirim, dan pengurangan 20% dalam rasio pentalan mereka. AliExpress menggandakan jumlah halaman yang dikunjungi per sesi dan melihat peningkatan 104% dalam tingkat konversi. Google telah mengumpulkan portofolio kisah sukses PWA yang mencengangkan.

Apa yang beberapa tahun lalu merupakan teknologi yang sebagian besar dimanfaatkan oleh raksasa digital, karena tingginya biaya pengembangan dan solusi khusus yang tak terhindarkan, saat ini menjadi semakin demokratis dan mudah diakses. Berkat solusi PWA yang muncul dan penerapan PWA yang meluas, teknologi ini kini tersedia untuk semua orang.

PWA terlihat seperti pengubah permainan dan, karena semakin banyak pedagang yang ikut serta, penting untuk memahami apa yang terjadi dan apa arti teknologi baru ini bagi Anda.

Apa itu Aplikasi Web Progresif?

Aplikasi Web Progresif adalah jenis baru dari teknologi pengembangan web (walaupun idenya sudah ada sejak lama) yang menggabungkan yang terbaik dari web dan aplikasi asli dan menciptakan pengalaman digital seperti aplikasi yang superior langsung di browser pengguna. Jadi, ketika Anda mendengar PWA, pikirkan situs web seluler dengan fitur dan fungsionalitas penuh aplikasi asli.

Fitur apa yang sebenarnya sedang kita bicarakan? Pertama dan terpenting, PWA cepat. Dengan peningkatan 300% dalam kecepatan pemuatan halaman, halaman yang sangat dioptimalkan mencapai waktu pemuatan hampir seketika, menjadikannya responsif dan menyenangkan untuk digunakan sebagai aplikasi asli.

Fitur lain termasuk UI layar penuh, penyimpanan layar beranda, pemberitahuan push, aksesibilitas perangkat keras, dan bahkan mode offline. Dimungkinkan oleh Service Worker yang luar biasa, yang dapat Anda pelajari lebih lanjut di sini dalam pembicaraan oleh Komunitas Pengembang Google ini, PWA menggabungkan berbagai pengembangan digital modern untuk menghadirkan pengalaman yang benar-benar seperti aplikasi.

Mereka bahkan dapat diterapkan ke toko aplikasi jika Anda ingin melakukannya. Namun, tidak seperti aplikasi asli yang dibatasi untuk platform ini, PWA berfungsi seperti situs web biasa dan dapat diindeks di Google, membuatnya tidak hanya dapat ditemukan tetapi juga memberi Anda potensi peningkatan SERP karena waktu muat yang lebih cepat dan pengalaman yang lebih baik yang ditawarkan. Ini juga berarti tidak ada unduhan besar dan pembaruan otomatis yang membuat keterlibatan awal tanpa gesekan.

Meningkatnya popularitas PWA dapat dikaitkan dengan kesenjangan peluang yang muncul antara bagaimana aplikasi asli dan web seluler digunakan – web seluler mendapatkan lebih banyak pengunjung, namun aplikasi menawarkan pengalaman yang lebih baik dan mengungguli web dalam hal keterlibatan. PWA memberikan pengalaman yang diinginkan orang tepat di tempat yang mereka cari.

PWA: Hype atau Masa Depan?

Seperti halnya teknologi yang muncul, kehati-hatian mengalahkan adopsi. Sangat bergantung pada dukungan browser, mudah berubah dalam masa pertumbuhan, dan masih dalam pengembangan berkelanjutan, PWA belum menawarkan kepastian dan ketenangan pikiran untuk adopsi yang pasti. Ada suasana misteri di sekitar PWA saat para pedagang berebut untuk memahaminya.

Namun, satu hal yang pasti ini bukan sekadar hype. Teknologinya bagus, pengadopsi awal telah sangat dihargai, dan, ketika pengetahuan menyebar, begitu pula adopsi.

PWA Secara Positif Mempengaruhi Hampir Setiap KPI Pemasaran

Studi kasus kehidupan nyata telah menunjukkan kemampuan PWA untuk berdampak positif pada hampir setiap KPI pemasaran kinerja, keterlibatan, waktu yang dihabiskan di situs, prospek yang dihasilkan, keterlibatan kembali, konversi, dan banyak lagi.

Di era mobile-first, tidak mengherankan bahwa teknologi transformatif seperti itu mengungguli saluran digital yang lebih tradisional, dan pentingnya memprioritaskan pengalaman seluler masih menjadi tren. Belanja seluler semakin mendominasi eCommerce; Google baru-baru ini mengumumkan pengindeksan mobile-first, yang diaktifkan secara default untuk semua situs web baru mulai 1 Juli 2019; dan sejumlah besar pengguna internet baru memulai perjalanan digital mereka di ponsel.

Oleh karena itu, memberikan pengalaman seluler di atas standar disambut dengan tangan terbuka dan peningkatan kepentingannya kemungkinan akan mendorong pemasar di seluruh dunia untuk meningkatkan fokus dalam melakukannya, agar tetap kompetitif.

Dan ini bukan hanya tentang memberikan pengalaman digital yang lebih baik kepada pelanggan Anda, tetapi menjangkau pelanggan baru, karena PWA memainkan peran penting dalam hal aksesibilitas. Dengan tuntutan data PWA yang ringan, pengalaman digital yang dapat diakses diaktifkan bagi mereka yang memiliki jangkauan jaringan suboptimal, tanpa kompromi UX. Misalnya, inisiatif ekspansi Uber berjalan seiring dengan PWA, untuk memastikan pedesaan dan daerah lain dengan koneksi yang lebih lambat masih dapat mengalami pengalaman yang menarik dan responsif.

Dan, sekarang pedagang di seluruh dunia dapat melakukan hal yang sama untuk pelanggan mereka saat ini dan di masa mendatang, karena adopsi PWA di seluruh dunia sedang berlangsung.

Magento Menyambut PWA dengan Tangan Terbuka

Magento telah memperhatikan PWA untuk sementara waktu. Memperkenalkan studio PWA kembali pada bulan September 2017, akhirnya melihat cahaya pada Januari 2019, dan pada saat Magento Imagine 2019 bergulir pada bulan Mei, PWA ada di pikiran semua orang dan tentu saja menjadi topik hangat konferensi.

Sementara Magento terjun lebih dulu ke PWA dan banyak solusi lain telah dikembangkan yang menampilkan kemampuan PWA, komunitas agak enggan untuk mengikuti, karena tidak ada solusi pasti yang dapat digunakan oleh pedagang dan pembuat ekstensi. Pada gilirannya, ini mengarah pada upaya pengembangan khusus, yang pada akhirnya menjadi mahal dan tidak berkelanjutan, terutama ketika menyangkut etalase yang sangat dimodifikasi dan sangat disesuaikan, meremehkan adopsi.

Namun demikian, etalase PWA sedang dikembangkan saat ini untuk kebanyakan pedagang Magento. Magento banyak berinvestasi di PWA dan begitu juga di seluruh dunia.

Untuk pedagang Magento, itu bukan pertanyaan tentang apa yang akan terjadi dengan PWA? PWA ada di sini. Pertanyaannya adalah bagaimana memulainya?

3 Solusi PWA untuk Magento

Magento adalah salah satu solusi eCommerce paling kuat di pasar mendukung 12% dari semua toko eCommerce di internet dan adopsi terus tumbuh dari tahun ke tahun. Dengan pangsa pasar seperti itu, menjadi platform PWA dapat membantu Magento mendefinisikan ulang internet secara mendasar dan mereka melakukan hal itu, dengan memastikan setiap pedagang yang tertarik untuk mendapatkan PWA untuk toko mereka dapat melakukannya.

Jika Anda ingin mendapatkan PWA untuk toko Magento Anda, ada beberapa opsi yang tersedia untuk Anda. Berikut adalah tiga yang patut Anda perhatikan.

Magento PWA Studio

Magento PWA Studio adalah jawaban Magento untuk kegilaan baru dan telah dikerjakan selama beberapa tahun. Dirilis bersama dengan Magento 2.3, ini adalah seperangkat alat pengembang untuk membangun frontend PWA untuk Magento. Memberdayakan pengembang Anda dengan semua yang diperlukan untuk pengembangan, penerapan, dan pemeliharaan, dan dilengkapi dengan dokumentasi yang kaya, studio PWA Magento kemungkinan akan menjadi alat bantu bagi pedagang Magento yang ingin membawa toko mereka ke masa depan.

Lihatlah toko demo ini (catatan: lakukan di perangkat seluler), yang dikembangkan oleh Incoo menggunakan alat studio Magento PWA untuk mendemonstrasikan apa yang dapat dicapai.

ScandiPWA

Tidak seperti Magento PWA Studio, ScandiPWA (dikembangkan oleh Scandiweb) adalah tema open-source Magento pertama, bukan seperangkat alat atau etalase. Ini berarti dapat diinstal langsung di toko Magento 2.3 Anda tanpa perubahan infrastruktur apa pun dan dapat diperluas agar sesuai dengan kebutuhan Anda, dengan cara yang biasa bagi pengembang Magento mana pun. Banyak dipuji oleh komunitas, tema siap pakai ScandiPWA telah mengumpulkan banyak perhatian karena bebas repot dan solusi bagus bagi mereka yang mencari solusi PWA siap pakai berkinerja tinggi.

Jelajahi toko demo ScandiPWA (catatan: lakukan di perangkat seluler) atau repositori GitHub.

Etalase Vue

Salah satu solusi PWA paling populer di pasar, Vue Storefront adalah Aplikasi Web Progresif agnostik platform open-source untuk eCommerce yang ditulis dalam Vue.js. Dengan komunitas yang berkembang pesat, ini adalah salah satu hub PWA terbesar. Mengingat skalanya yang besar, ini adalah solusi yang agak rumit. Menjadi platform-agnostic, daripada Magento-first berarti bahwa beberapa fungsi Magento hilang, namun, orang dapat mengharapkan ini diperbaiki seiring pengembangan berlanjut.

Jelajahi toko demo Vue Storefront (catatan: lakukan di perangkat seluler) atau repo GitHub yang berkembang pesat.

Manfaat Solusi PWA Magento-First

Jika Anda seorang pedagang di platform Magento, solusi PWA yang mengutamakan Magento bisa menjadi cara termudah untuk bergabung dalam perlombaan PWA. Solusi semacam itu hadir dengan manfaat tambahan dari keakraban, biaya pengembangan yang lebih rendah, dan peningkatan kinerja, yang membuat pedagang dan pengembang senang.

Berikut adalah tiga contoh bagaimana solusi PWA Magento-first ScandiPWA memanfaatkan tumpukan Magento untuk menghadirkan pengalaman PWA yang spektakuler.

Tidak ada perangkat tengah

ScandiPWA adalah tema PWA pertama Magento, yang berarti dapat diinstal langsung di atas toko Magento Anda, yang, pada gilirannya, memiliki manfaat memiliki hubungan langsung dengan back-end Magento Anda. Ini menghemat banyak kerumitan pedagang, karena middleware apa pun menambahkan lapisan kerumitan tambahan fitur harus dibangun kembali, struktur data tambahan – dikembangkan, penyesuaian – disesuaikan.

Berikut ini contohnya: solusi yang dibuat sebagai etalase PWA terpisah hanya berbicara dengan database situs web. Ini memengaruhi masalah umum seperti menangani pengalihan. Daripada mencapai instalasi inti Magento dan kemudian dialihkan seperti yang ditentukan di backend, etalase terpisah harus mengembangkan solusi untuk memastikan pengguna mendarat di tempat yang seharusnya.

Middleware hadir dengan keuntungan yang adil untuk solusi PWA yang lebih universal seperti Vue Storefront, karena memungkinkan untuk menghubungkan satu solusi kuat ke beberapa platform, namun, kelemahannya adalah ia menuntut adaptasi yang luas dan, seringkali, menciptakan kembali roda, jadi berbicara. Solusi Magento-first menghindari hal ini dengan memanfaatkan fitur Magento yang sudah tersedia yang menghasilkan penghematan biaya pengembangan untuk bisnis Anda.

Keakraban dengan Magento & Menghemat Waktu

Manfaat signifikan dari solusi PWA Magento-first adalah keakraban. Penggunaan berkelanjutan dari lingkungan yang akrab bagi pengembang Anda akan membuat adopsi lebih mudah bagi mereka dan Anda, merampingkan proses pengembangan.

Magento telah membuktikan diri sebagai salah satu platform eCommerce tercanggih di dunia dan komunitas yang berkembang di sekitar platform menunjukkan hal itu. Ini berarti Anda dapat menemukan spesialis Magento di setiap sudut dunia, dan meskipun PWA baru, orientasi harus jauh lebih lancar, jika dibandingkan dengan bekerja dengan lingkungan yang sama sekali baru. Alat Magento dikenal baik oleh pengembang dan pedagang dan memiliki sejarah keberhasilan yang ditunjukkan.

Oleh karena itu, pedagang yang memilih solusi PWA Magento-first dapat mengharapkan biaya yang lebih rendah dan lebih mengetahui apa yang terjadi.

Migrasi Mudah dan Murah

ScandiPWA adalah tema siap pakai untuk Magento. Setiap solusi Magento-first membawa keuntungan signifikan dalam hal implementasi. Daripada harus sepenuhnya mengerjakan ulang dan membuat ulang front-end Anda dari awal, solusi Magento plug-and-play memungkinkan Anda memanfaatkan manfaat PWA tanpa mengambil risiko membahayakan bisnis Anda.

Seperti yang telah ditetapkan, menambahkan middleware dan memiliki front-end yang sepenuhnya kustom memperkenalkan tingkat kerumitan yang biasanya tidak ada dalam solusi Magento-first. Ini memerlukan biaya overhead, pemeliharaan, dan dukungan tambahan.

Kesimpulan

Aplikasi Web Progresif akan tetap ada. Terlepas dari pandangan yang hati-hati terhadap adopsi, pedagang di seluruh dunia tetap memperhatikan apa yang terjadi, mencari solusi yang tepat untuk mereka dan berusaha untuk meniru banyak keberhasilan pionir PWA.

Untuk pedagang Magento yang ingin membuka pintu sesegera mungkin, ada beberapa opsi – mengembangkan solusi mereka sendiri menggunakan studio PWA Magento, memilih solusi PWA platform-agnostik seperti Vue Storefront, atau menggunakan Magento-first tema seperti ScandiPWA. Cara termudah dan paling hemat biaya untuk memulai adalah yang terakhir, karena memungkinkan bisnis Anda untuk memanfaatkan berbagai manfaat PWA tanpa menyimpang terlalu jauh dari keakraban Magento.

Viesturs Abelis adalah Pemimpin Konten di Scandiweb dan penginjil ScandiPWA yang bersemangat, Viesturs selalu memperhatikan masa depan, ingin membuat perkembangan digital terbaru dapat diakses oleh semua orang.