Magento Tüccarları, PWA Studio ile Dönüşümü Nasıl İyileştirdi?

Magento küresi içinde olan her şeyi takip ediyorsanız, PWA şimdiye kadar radarınızda olmalıdır. Magento PWA vitrinlerinin sayısı hızla artarken, Magento yakın zamanda bir web semineri düzenledi (Magento müşterileri PWA stüdyosu ile dönüşümü nasıl artırdı ) Magento'daki PWA hakkında gerekli tüm bilgileri - ne olduğu, nasıl çalıştığı ve nasıl tüccarlar, performanslı PWA'lar yapmak için PWA Studio'dan yararlanabilir.

Web seminerine Adobe'de APAC DX Ticari Talep Oluşturma Yöneticisi olan Maryel Roman-Price ev sahipliği yapıyor ve web seminerine Adobe'de Çözüm Danışmanı Sam Elliot katılıyor.

İşte hızlı özetler ve web seminerinden öne çıkanlar:

I. PWA'nın üzerinden geçmek

Web semineri, PWA'nın ne olduğuna ve PWA deneyiminin ne kadar farklı olduğuna dair kısa bir özet ile başlar.

PWA nedir?

Progressive Web App'in kısaltması olan PWA, gelişmiş özelliklere sahip bir web sayfasıdır. Daha hızlıdır, uygulama benzeridir ve çoğu zaman mobil alışveriş deneyimiyle ilişkili gecikmeleri ortadan kaldırmaya yardımcı olmak için en son teknolojilerle donatılmıştır.

PWA'nın Faydaları

Bir PWA, çok daha iyi donanım erişilebilirliğine sahiptir. Anlık bildirimler, kamera erişimi vb. gibi önceden yerel uygulamalara özel olan özelliklere erişebilir. Ve iş tarafında, bir PWA çok daha iyi maliyet tasarrufu avantajları sağlar . Ev sahibi Maryel Price'ın dediği gibi tasarruflar devam ediyor çünkü birden fazla uygulamanın bakımını yapmayacaksınız, güncellemeyeceksiniz veya yeniden tasarlamayacaksınız.

PWA, dönüşümü iyileştirmeye nasıl yardımcı olur?

Ericsson Mobilite Raporu, kalp atış hızını ölçtü ve mobil gecikmenin neden olduğu stres seviyesinin bir korku filmi izlemeye benzer olduğunu buldu. Bu stres düzeyi, çok az olmayan sayıda çevrimiçi mağazada mevcuttur ve müşterileriniz için kesinlikle bu tür bir stres istemezsiniz. Bir saniyelik bir gecikmenin bile dönüşümü %20 oranında azaltabileceği gerçeğiyle birleştiğinde, tüccarların dönüşüm oranlarını iyileştirmek için dikkat etmeye başlaması gereken tek şey hızdır ve PWA bunu ele almanın en iyi yoludur.

Müşterileriniz için PWA'ya ve bu yıldırım deneyimine sahip olmak, peşinde oldukları şeydir ve buna yönelik talebi yönlendireceklerdir.

Sam Elliot, Adobe'de Ticaret Çözümleri Danışmanı

PWA deneyimi ne kadar farklı?

Burada, PWA deneyiminin nasıl ve nerede farklılık gösterdiğine ilişkin teknik ayrıntıları veren Sam Elliot var.

PWA, her şeyden önce, gelişmiş yeteneklere sahip bir web sayfasıdır. PWA destekli bir web sitesi, sunucudan her zaman yeni içerik istemez, bunun yerine gerekli tüm içeriği tarayıcıda depolar. Ve müşteri PWA ile etkileşime girdiğinde, deneyimlediği şey ışık hızında bir deneyimdir çünkü her şey zaten tarayıcıdan işlenir ve sunulur.

Sam Elliot, PWA'nın temel bileşeni olan hizmet çalışanlarını ve PWA özelliklerinin çoğuna nasıl izin verdiğini açıklamaya devam etti. Hizmet çalışanları, tarayıcıyla paralel olarak çalışır ve önbelleğe alınan içeriğin alınmasından (getirilmesinden) sorumludur, bu da tutarlı ve sorunsuz bir deneyim sağlar.

II. Pratik olmak

Web seminerinin ana odak noktası pratik hale gelmektir - tüccarlara iş ihtiyaçlarına gerçek yanıtlar sağlamak.

PWA Studio nasıl yardımcı olur?

Magento tüccarları PWA'yı gerçek bir yükseltme yolu olarak gördüklerinden, mağazalarını PWA destekli hale getirmenin çeşitli yolları vardır. Ve popüler PWA çerçeveleri arasında PWA Studio, aşağıdaki nedenlerden dolayı Magento mağazaları için mükemmel bir çözüm olarak öne çıkıyor:

Magento çerçevesiyle sıkı bir şekilde entegre

PWA Studio, doğrudan Magento çerçevesinden oluşturulmuştur. Ve bu nedenle, PWA stüdyosu ile inşa edilmiş bir PWA mağazası arka ucu olarak Magento 2'ye sahip olacak. Bununla birlikte, geleneksel Magento temalarıyla karşılaştırıldığında, PWA vitrinleri, altyapılarının bağlı olma şekli nedeniyle daha esnektir - başsız ve Magento arka ucundan ayrılmış, bu da onu markalar için daha ölçeklenebilir bir yaklaşım haline getiriyor.

Sayfa Oluşturucu

Magento Commerce'de bulunan Sayfa Oluşturucu, içerik oluşturmada bulunan olağan kısıtlamayı kaldırır. Teknik bilgisi olmayan kullanıcılar için, Sayfa Oluşturucu'nun sezgisel sürükle ve bırak arayüzü tüm içerik oluşturma işlemini basitleştirmeye yardımcı olduğundan, artık yeni bir özellik ve/veya yeni bir sayfa uygulamak için geliştiricilerle sürekli olarak çalışmak zorunda değiller. işlem. Örneğin, yeni bir Ana Sayfa, Sayfa Oluşturucu ile tasarlanabilir ve dağıtılabilir ve sonuç, normal, duyarlı bir çerçevede göreceğiniz gibi olacaktır.

Kullandıkça en son yetenekler

PWA Studio, PWA destekli mağazanızı düz bir yol haritası üzerinde tutar. Bu da PWA Studio ile oluşturulan vitrinlerin sonunda normal duyarlı Magento ön uçlarıyla aynı yeteneklere sahip olacağı anlamına gelir. Örneğin Adobe Sensei, yakın zamanda PWA Studio'ya tanıtıldı ve PWA Studio ile oluşturulan PWA vitrinleri artık Sensei akıllı ürün önerilerinden yararlanabilir.

tasarruf

Asıl konuşma - PWA Studio ile oluşturulan bir PWA'nın geliştirme maliyetlerinizi düşürmeye nasıl yardımcı olabileceğine dair büyük ayrıntılara girilen kısım - web seminerinin çok daha ilerisinde başlıyor.

fırsat maliyetleri

PWA, uygulama mağazalarında yayınlanabildiğinden, uygulamanızın birden çok sürümünü geliştirmeye ve yayınlamaya artık gerek kalmaz ve perakendecilere tek bir çekici müşteri deneyimine odaklanmak için daha fazla seçenek bırakır.

Ve çoğu müşterinin aylık bazda sıfır uygulama indirdiği gerçeğiyle birleştiğinde, tüccarlar için mükemmel bir deneyim sunmaları ve mobil müşterilerin PWA ortamına dönüştürülmesi için gerçek bir fırsat var. tipik bir mobil web sitesinin yavaş yükleme hızı.

Bir PWA geliştirmek ne kadar hızlı?

Bir PWA ile, üç farklı deneyimi (iOS, Android, Web) tek bir deneyimde birleştiriyorsunuz; yani gerçekte, mobil deneyimlerin veya web sitesi deneyiminin temel olarak sizin için olmazsa olmaz olan özellikleri ve işlevleri olacaktır. ve bu özellikleri ve işlevleri PWA'nızda yeniden oluşturmanız gerekir.

PWA Studio, elbette, kullanıma hazır çeşitli özellikler ve yetenekler sağlar, ancak işiniz için gerçekten iyi dönüştürmeyi bildiğiniz özel özellikler olduğundan ve PWA tamamen yeni bir ön uç deneyimi olduğundan, Bu özel özellikleri PWA'nızda yeniden oluşturmanız gerekecek.

Sonuç olarak, bu süreçle ilişkili bazı ek zaman ve maliyet olacağı anlamına gelir; ancak, üç kez inşa etmekle veya farklı mobil sağlayıcıların kaprislerine göre üç farklı deneyimi yönetmekle aynı maliyette değildir. PWA ile Safari, Edge veya Chrome genelinde tek bir birleşik deneyim elde edersiniz ve bu nedenle ilgi çekici bir deneyim oluşturabilir ve sürekli olarak tek bir düzeyde yönetilebilirsiniz.

III. SSS

Web seminerinin sonuna doğru bir Soru-Cevap oturumu var ve ihtiyaçlarınızı karşılayabilecek bazı ilginç sorular var.

1. Luma temasına dayalı temel temalarım olduğunu varsayarsak, mevcut sitem ne kadar hızlı bir şekilde PWA'ya dönüşebilir?

Sam Elliot, “ dönüştürmenin ” bu konuda düşünmek için gerçekten doğru bir yol olmadığını bir kez daha teyit ederek başlıyor. PWA ayrı bir ön uçtur, bu nedenle Luma'ya duyarlı çerçeve değil, ayrı bir ön uç üzerinde bir web sitesi oluşturacaksınız ve esasen bu, ön ucunuzun yeni bir deneyimde yeniden oluşturulması gerektiği anlamına gelir.

Temel olarak, (her şeyin doğrudan Magento arka ucuna iletilmesi yerine) ayrı PWA ön ucuna gitmek için özel API çağrılarının yanı sıra yeni PWA ön ucuna taşınması gereken bazı özellikler ve işlevler olacaktır. Genel olarak, pek çok değişken vardır, ancak temel bir Luma web sitesinin temel bir Venia web sitesine yeniden oluşturulması için ortalama olarak yaklaşık üç ay sürmesi gerekir.

2. Magento API'leri aracılığıyla özel ödeme ağ geçitlerini entegre edebilir misiniz?

Kutunun dışında, Braintree Magento PWA ön ucuna zaten bağlı, ancak evet, Magento API'leri aracılığıyla herhangi bir özel ödeme ağ geçidini entegre edebilirsiniz.

3. PWA'yı sıfırdan başlatırsanız gereken süre nedir?

Burada Sam Elliot, farklılıkların neler olduğu ve bir PWA oluştururken neden gereken çabada bir değişiklik olduğu hakkında ayrıntılara giriyor.

Luma tabanlı standart bir Magento mağazası için, o sitede şu anda mevcut olan temel işlevselliğe sahipsiniz. Ardından, aradığınız müşteri deneyimini sunmak için bu temel işlevselliğin üzerine inşa edersiniz. PWA içinde her şey aşağı yukarı aynıdır. Tek fark, şu anda mevcut olan birkaç küçük parça olacak ve pazardaki uzantıların çoğu PWA içinde çalışacak şekilde yeniden yazılmadığından (ve yeni Venia ön ucunda çalışmak için), gidiyor sürece dahil olan bazı ekstra işler olmak.

Ancak, her bir bileşeni ve modülü oluşturma açısından, geçmişte olduğundan daha özel bir bileşen/modül olarak PWA içinde bir şey oluşturmak için zaman açısından hiçbir fark yoktur, ek bir çaba gerekmez.

 Önerilen okuma: SimiCart, Topluluk PWA Studio Uzantılarını Geliştirmek için Mageplaza ile El Ele Veriyor

IV. Kapanış tavsiyesi

Web seminerinin sonunda, Sam Elliot bize bir kapanış tavsiyesi bırakıyor:

Herkes PWA'yı kendileri için bir sonraki deneyim olarak düşünmelidir. Herkesin gitmek istediği mobil cihazlarda daha iyi dönüşüm, daha iyi müşteri deneyimi sağlayacak. Gecikmiş bir web siteniz varsa ve yenilenmesi gerektiğini düşünüyorsanız veya daha iyi bir müşteri deneyimine ihtiyacı varsa, PWA muhtemelen sizin için cevaptır - çünkü gelecek böyle görünüyor. PWA tarafından desteklenen ışık hızındaki deneyim, müşterilerin peşinde olduğu şeydir ve buna yönelik talebi yönlendirecek olanlar da onlar.

Bu yeni ticaret deneyimini elde etmek isteyen Magento tüccarları için, SimiCart'ta, Magento mağazanızı dönüştürmeye hazır, Google onaylı PWA geliştirme ajansından oluşan bir ekibiz.