PWAs และ Magento: การสร้างประสบการณ์การช็อปปิ้งบนมือถือยุคใหม่

นี่เป็นแขกโพสต์โดย Viesturs Abelis หัวหน้าเนื้อหาที่ Scandiweb

แอปพลิเคชันเว็บแบบก้าวหน้า ทุกคนพูดถึงพวกเขาและแม้ว่าคุณจะไม่แน่ใจว่าพวกเขาคืออะไร แต่คุณก็อาจใช้เทคโนโลยีอยู่แล้ว Twitter, Starbucks, AliExpress และบริษัทอื่นๆ อีกนับไม่ถ้วนได้นำ PWAs มาใช้อย่างประสบความสำเร็จ ซึ่งมีผู้ใช้หลายล้านคนทุกวัน

และผลลัพธ์ก็ออกมา Twitter เห็นว่าหน้าต่อเซสชันเพิ่มขึ้น 65% ทวีตที่ส่งเพิ่มขึ้น 75% และลดอัตราตีกลับ 20% AliExpress เพิ่มจำนวนหน้าที่เข้าชมต่อเซสชันเป็นสองเท่า และพบว่าอัตราการแปลงเพิ่มขึ้น 104% Google ได้รวบรวมเรื่องราวความสำเร็จของ กปภ. ไว้อย่างน่าทึ่ง

เมื่อสองสามปีที่แล้ว เทคโนโลยีส่วนใหญ่ใช้ประโยชน์จากยักษ์ใหญ่ดิจิทัล เนื่องจากมีค่าใช้จ่ายสูงในการพัฒนาและโซลูชันแบบกำหนดเองที่หลีกเลี่ยงไม่ได้ ทุกวันนี้กลายเป็นประชาธิปไตยและเข้าถึงได้เพิ่มมากขึ้น ต้องขอบคุณโซลูชั่นการประปาส่วนภูมิภาคที่เกิดขึ้นใหม่และการยอมรับการประปาส่วนภูมิภาคอย่างกว้างขวางทำให้ทุกคนสามารถเข้าถึงเทคโนโลยีนี้ได้

กปปส. ดูเหมือนเป็นผู้พลิกเกม และเนื่องจากผู้ค้าจำนวนมากขึ้นเรื่อยๆ เข้าสู่กลุ่มสินค้า สิ่งสำคัญคือต้องเข้าใจว่าเกิดอะไรขึ้นและเทคโนโลยีใหม่นี้มีความหมายต่อคุณอย่างไร

Progressive Web Application คืออะไร?

Progressive Web Applications เป็นเทคโนโลยีการพัฒนาเว็บรูปแบบใหม่ (แม้ว่าแนวคิดดังกล่าวจะมีมาระยะหนึ่งแล้วก็ตาม) ที่รวมเอาสิ่งที่ดีที่สุดของเว็บและแอปแบบเนทีฟเข้าด้วยกัน และสร้างประสบการณ์ดิจิทัลที่เหมือนแอปที่เหนือกว่าในเบราว์เซอร์ของผู้ใช้ ดังนั้น เมื่อคุณได้ยิน กปปส. ลองนึกถึง ― เว็บไซต์บนมือถือที่มีคุณสมบัติและฟังก์ชันการทำงานเต็มรูปแบบของแอปที่มาพร้อมเครื่อง

เรากำลังพูดถึงคุณสมบัติอะไรกันแน่? ประการแรก กปภ. มีความรวดเร็ว ด้วยความเร็วในการโหลดหน้าเว็บที่เพิ่มขึ้น 300% หน้าเว็บที่ได้รับการเพิ่มประสิทธิภาพสูงสุดจึงมีเวลาในการโหลดเกือบจะในทันที ทำให้ตอบสนองได้ดีและน่าใช้งานเหมือนแอปที่มาพร้อมเครื่อง

คุณสมบัติอื่นๆ ได้แก่ UI แบบเต็มหน้าจอ บันทึกหน้าจอหลัก การแจ้งเตือนแบบพุช การเข้าถึงฮาร์ดแวร์ และแม้แต่โหมดออฟไลน์ เป็นไปได้โดย Service Worker ที่ยอดเยี่ยม ซึ่งคุณสามารถเรียนรู้เพิ่มเติมได้ที่นี่ในการพูดคุยนี้โดยชุมชนนักพัฒนา Google PWAs รวมการพัฒนาดิจิทัลสมัยใหม่ที่หลากหลายเพื่อมอบประสบการณ์ที่เหมือนแอปอย่างแท้จริง

พวกเขาสามารถปรับใช้กับร้านแอพได้หากคุณต้องการ อย่างไรก็ตาม ต่างจากแอปแบบเนทีฟที่จำกัดอยู่ในแพลตฟอร์มเหล่านี้ PWAs ทำงานเหมือนกับเว็บไซต์ทั่วไปและสามารถจัดทำดัชนีบน Google ได้ ทำให้ไม่เพียงแต่สามารถค้นพบได้ แต่ยังช่วยให้คุณได้รับ SERP ที่เพิ่มขึ้นเนื่องจากเวลาในการโหลดที่เร็วขึ้นและประสบการณ์ที่ดีขึ้นที่นำเสนอ นอกจากนี้ยังหมายความว่าจะไม่มีการดาวน์โหลดจำนวนมากและการอัปเดตอัตโนมัติเพื่อการมีส่วนร่วมในครั้งแรกที่ราบรื่น

ความนิยมที่เพิ่มขึ้นของ PWA อาจเกิดจากช่องว่างของโอกาสที่เกิดขึ้นระหว่างวิธีการใช้แอปที่มาพร้อมเครื่องและเว็บบนอุปกรณ์เคลื่อนที่ โดยเว็บบนอุปกรณ์เคลื่อนที่ดึงดูดผู้เข้าชมมากขึ้น แต่แอปยังให้ประสบการณ์ที่ดีขึ้นและมีประสิทธิภาพเหนือกว่าเว็บในแง่ของการมีส่วนร่วม กปภ. มอบประสบการณ์ที่ผู้คนต้องการในที่ที่พวกเขาต้องการ

PWAs: โฆษณาหรืออนาคต?

เช่นเดียวกับเทคโนโลยีที่เกิดขึ้นใหม่ คำเตือนสำคัญกว่าการยอมรับ ขึ้นอยู่กับการสนับสนุนเบราว์เซอร์เป็นอย่างมาก ผันผวนในวัยเด็ก และยังคงพัฒนาอย่างต่อเนื่อง PWA ยังไม่ได้ให้ความแน่นอนและความสบายใจในการปรับใช้อย่างแน่นอน รอบๆ กปภ. มีความลึกลับเกิดขึ้นในขณะที่พ่อค้าพยายามทำความเข้าใจพวกเขา

อย่างไรก็ตาม มีสิ่งหนึ่งที่แน่นอน – ไม่ใช่แค่โฆษณา เทคโนโลยีนี้ใช้ได้ดี ผู้ที่เริ่มนำไปใช้ในช่วงแรกๆ ได้รับรางวัลมากมาย และเมื่อความรู้แพร่กระจายออกไป การนำไปใช้ก็เช่นกัน

กปภ. ส่งผลดีต่อ KPI การตลาดเกือบทุกประเภท

กรณีศึกษาในชีวิตจริงได้แสดงให้เห็นความสามารถของ กปปส. ในการสร้างผลกระทบเชิงบวกกับ KPI ทางการตลาดเกือบทุกประเภท ไม่ว่าจะเป็นประสิทธิภาพ การมีส่วนร่วม เวลาที่ใช้บนไซต์ การสร้างลีด การมีส่วนร่วมใหม่ คอนเวอร์ชั่น และอื่นๆ

ในยุคที่อุปกรณ์เคลื่อนที่ต้องมาก่อน ไม่น่าแปลกใจเลยที่เทคโนโลยีที่พลิกโฉมหน้าดังกล่าวจะมีประสิทธิภาพเหนือกว่าช่องทางดิจิทัลแบบเดิมๆ และความสำคัญของการจัดลำดับความสำคัญของประสบการณ์บนมือถือยังคงมีแนวโน้มสูงขึ้น การช็อปปิ้งบนมือถือกำลังครอบงำอีคอมเมิร์ซมากขึ้น Google เพิ่งประกาศการจัดทำดัชนีเพื่ออุปกรณ์เคลื่อนที่เป็นอันดับแรก โดยมีการเปิดใช้งานเป็นค่าเริ่มต้นสำหรับเว็บไซต์ใหม่ทั้งหมด ณ วันที่ 1 กรกฎาคม 2019 และผู้ใช้อินเทอร์เน็ตใหม่จำนวนมากเริ่มต้นการเดินทางดิจิทัลบนอุปกรณ์เคลื่อนที่

ดังนั้น การมอบประสบการณ์บนอุปกรณ์เคลื่อนที่ที่เหนือระดับจึงเป็นสิ่งที่เปิดกว้าง และความสำคัญที่เพิ่มขึ้นของพวกเขามีแนวโน้มที่จะผลักดันให้นักการตลาดทั่วโลกให้ความสำคัญกับการทำเช่นนั้น เพื่อให้สามารถแข่งขันได้

และไม่ใช่แค่การมอบประสบการณ์ดิจิทัลที่ดียิ่งขึ้นให้กับลูกค้าของคุณเท่านั้น แต่ยังรวมถึงการเข้าถึงสิ่งใหม่ๆ เนื่องจาก กปภ. มีบทบาทสำคัญในด้านการเข้าถึง ด้วยความต้องการข้อมูลน้ำหนักเบาของ PWAs ประสบการณ์ดิจิทัลที่เข้าถึงได้จะเปิดใช้งานสำหรับผู้ที่มีความครอบคลุมเครือข่ายต่ำกว่าปกติโดยไม่มีการประนีประนอม UX ตัวอย่างเช่น การริเริ่มการขยายกิจการของ Uber ไปพร้อมกับการประปาส่วนภูมิภาค เพื่อให้แน่ใจว่าพื้นที่ชนบทและพื้นที่อื่นๆ ที่มีการเชื่อมต่อที่ช้ากว่าจะยังคงได้รับประสบการณ์ที่น่าดึงดูดและตอบสนอง

และขณะนี้ผู้ค้าทั่วโลกสามารถทำเช่นเดียวกันกับลูกค้าปัจจุบันและอนาคตได้ เนื่องจากการนำ กปภ. ทั่วโลกกำลังดำเนินการอยู่

Magento ต้อนรับ PWA ด้วย Open Arms

Magento จับตาดู PWAs มาระยะหนึ่งแล้ว การแนะนำสตูดิโอ PWA ในเดือนกันยายน 2017 ในที่สุดก็เห็นแสงสว่างในเดือนมกราคม 2019 และเมื่อ Magento Imagine 2019 เปิดตัวในเดือนพฤษภาคม PWAs อยู่ในใจของทุกคนและเป็นหัวข้อร้อนแรงของการประชุมอย่างแน่นอน

แม้ว่า Magento จะเน้นไปที่ PWAs เป็นหลัก และโซลูชันอื่นๆ จำนวนมากได้รับการพัฒนาเพื่อแสดงความสามารถของ PWAs ชุมชนค่อนข้างไม่เต็มใจที่จะปฏิบัติตาม เนื่องจากไม่มีผู้ค้าโซลูชันที่ชัดเจนและผู้สร้างส่วนขยายสามารถชุมนุมได้ ในทางกลับกัน สิ่งนี้นำไปสู่ความพยายามในการพัฒนาแบบกำหนดเอง ซึ่งจบลงด้วยต้นทุนที่สูงและไม่ยั่งยืน โดยเฉพาะอย่างยิ่งเมื่อพูดถึงหน้าร้านที่มีการปรับแต่งอย่างหนักและปรับแต่งได้สูง เป็นการดูหมิ่นการยอมรับ

อย่างไรก็ตาม หน้าร้าน กปภ. กำลังได้รับการพัฒนาในขณะนี้สำหรับพ่อค้าวีโอไอพีมากมายเหลือเฟือ Magento กำลังลงทุนอย่างหนักใน PWA และส่วนอื่นๆ ของโลกก็เช่นกัน

สำหรับผู้ค้า Magento ไม่ใช่เรื่องของคำถามว่าจะเกิดอะไรขึ้นกับ PWA? กปภ. มาแล้วค่ะ คำถามคือ – จะเริ่มต้นอย่างไร?

3 โซลูชั่น PWA สำหรับ Magento

Magento เป็นหนึ่งในโซลูชั่นอีคอมเมิร์ซที่ทรงพลังที่สุดในตลาด — ขับเคลื่อน 12% ของร้านค้าอีคอมเมิร์ซทั้งหมดบนอินเทอร์เน็ต และการใช้งานยังคงเติบโตทุกปี ด้วยส่วนแบ่งการตลาดดังกล่าว การเป็นแพลตฟอร์มการประปาส่วนภูมิภาคสามารถช่วยให้วีโอไอพีกำหนดพื้นฐานอินเทอร์เน็ตใหม่ได้ และพวกเขาก็ทำเช่นนั้น โดยทำให้แน่ใจว่าผู้ค้ารายใดที่สนใจจะซื้อ PWA สำหรับร้านค้าของพวกเขาสามารถทำได้

หากคุณต้องการรับ PWA สำหรับร้าน Magento ของคุณ มีหลายทางเลือกให้คุณ นี่คือสามที่สมควรได้รับความสนใจจากคุณ

Magento PWA Studio

Magento PWA Studio คือคำตอบของ Magento ต่อความนิยมครั้งใหม่นี้ และอยู่ในระหว่างดำเนินการมาสองสามปีแล้ว เผยแพร่พร้อมกับ Magento 2.3 เป็นชุดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์สำหรับสร้างส่วนหน้า PWA สำหรับ Magento เพิ่มขีดความสามารถให้กับนักพัฒนาของคุณด้วยทุกสิ่งที่จำเป็นสำหรับการพัฒนา การปรับใช้ และการบำรุงรักษา และเสริมด้วยเอกสารประกอบที่สมบูรณ์ Magento PWA studio มีแนวโน้มที่จะกลายเป็นเครื่องมือที่เหมาะที่สุดสำหรับผู้ค้า Magento ที่ต้องการนำร้านค้าของตนไปสู่อนาคต

ลองดูที่ร้านค้าสาธิตนี้ (หมายเหตุ: โปรดดำเนินการบนอุปกรณ์มือถือ) ที่พัฒนาโดย Inchoo โดยใช้เครื่องมือ Magento PWA studio เพื่อสาธิตสิ่งที่สามารถทำได้

ScandiPWA

ScandiPWA (พัฒนาโดย Scandiweb) ต่างจาก Magento PWA Studio เป็นธีมโอเพนซอร์สที่เน้นระบบ Magento แบบโอเพนซอร์ส แทนที่จะเป็นชุดเครื่องมือหรือหน้าร้าน ซึ่งหมายความว่าสามารถติดตั้งได้โดยตรงบนร้านค้า Magento 2.3 ของคุณโดยไม่มีการเปลี่ยนแปลงใดๆ ในโครงสร้างพื้นฐาน และสามารถขยายให้ตรงกับความต้องการของคุณได้ ในแบบที่นักพัฒนา Magento ทุกคนคุ้นเคย ธีมพร้อมใช้งานของ ScandiPWA ได้รับการยกย่องอย่างมากจากชุมชน ได้รับความสนใจอย่างมากจากการไม่ยุ่งยากและเป็นโซลูชันที่ยอดเยี่ยมสำหรับผู้ที่มองหาโซลูชัน PWA สำเร็จรูปที่มีประสิทธิภาพสูง

สำรวจร้านสาธิต ScandiPWA (หมายเหตุ: โปรดดำเนินการบนอุปกรณ์มือถือ) หรือที่เก็บ GitHub

หน้าร้านวิว

Vue Storefront หนึ่งในโซลูชั่น PWA ที่ได้รับความนิยมมากที่สุดในตลาดคือ Progressive Web App แบบโอเพนซอร์สสำหรับอีคอมเมิร์ซที่เขียนด้วย Vue.js ด้วยชุมชนที่เฟื่องฟู เป็นหนึ่งในศูนย์กลางการประปาส่วนภูมิภาคที่ใหญ่ที่สุด ด้วยขนาดที่ใหญ่ มันเป็นวิธีแก้ปัญหาที่ค่อนข้างซับซ้อน การที่ไม่ต้องอาศัยแพลตฟอร์มแบบไม่เชื่อเรื่องพระเจ้า แทนที่จะเป็น Magento-first หมายความว่าฟังก์ชันของ Magento บางส่วนขาดหายไป อย่างไรก็ตาม เราสามารถคาดหวังได้ว่าสิ่งนี้จะได้รับการแก้ไขเมื่อการพัฒนาดำเนินต่อไป

สำรวจร้านสาธิต Vue Storefront (หมายเหตุ: โปรดดำเนินการบนอุปกรณ์มือถือ) หรือ GitHub repo ที่กำลังเฟื่องฟู

ประโยชน์ของ Magento-First PWA Solutions

หากคุณเป็นผู้ค้าบนแพลตฟอร์ม Magento โซลูชัน PWA ที่เน้นระบบ Magento เป็นครั้งแรกอาจเป็นวิธีที่ง่ายที่สุดในการเข้าร่วมการแข่งขัน PWA โซลูชันดังกล่าวมาพร้อมกับประโยชน์เพิ่มเติมของความคุ้นเคย ต้นทุนการพัฒนาที่ลดลง และประสิทธิภาพที่ดีขึ้น ทำให้ผู้ค้าและนักพัฒนามีความสุข

ต่อไปนี้คือตัวอย่างสามตัวอย่างวิธีที่โซลูชัน PWA ที่ใช้ระบบ Magento ตัวแรกของ ScandiPWA ใช้ประโยชน์จาก Magento stack เพื่อมอบประสบการณ์ PWA อันน่าทึ่ง

ไม่มีมิดเดิลแวร์

ScandiPWA เป็นธีม PWA แรกของ Magento ซึ่งหมายความว่าสามารถติดตั้งได้โดยตรงที่ด้านบนของร้านค้า Magento ของคุณ ซึ่งในทางกลับกันก็มีประโยชน์ในการมีความสัมพันธ์โดยตรงกับส่วนหลังของ Magento วิธีนี้ช่วยลดความยุ่งยากของผู้ค้าได้มาก เนื่องจากมิดเดิลแวร์ใดๆ ก็ตามเพิ่มความซับซ้อนอีกชั้นหนึ่ง — ฟีเจอร์ต่างๆ จะต้องถูกสร้างขึ้นใหม่ โครงสร้างข้อมูลพิเศษ - พัฒนาแล้ว ปรับแต่งเองได้ - ดัดแปลง

ต่อไปนี้คือตัวอย่าง: โซลูชันที่สร้างเป็นหน้าร้าน กปภ. ที่แยกจากกันจะพูดกับฐานข้อมูลของเว็บไซต์เท่านั้น สิ่งนี้ส่งผลกระทบต่อปัญหาทั่วไปเช่นการจัดการการเปลี่ยนเส้นทาง แทนที่จะกดการติดตั้งหลัก Magento แล้วเปลี่ยนเส้นทางตามที่ระบุไว้ในส่วนแบ็คเอนด์ หน้าร้านที่แยกจากกันต้องพัฒนาโซลูชันเพื่อให้แน่ใจว่าผู้ใช้จะไปถึงที่ที่พวกเขาควรจะเป็น

Middleware มาพร้อมกับข้อได้เปรียบที่ยุติธรรมสำหรับโซลูชัน PWA ที่เป็นสากลมากขึ้น เช่น Vue Storefront เนื่องจากช่วยให้สามารถเชื่อมโยงโซลูชันอันทรงพลังเพียงโซลูชันเดียวไปยังหลายแพลตฟอร์มได้ อย่างไรก็ตาม ข้อเสียคือต้องการการปรับเปลี่ยนอย่างกว้างขวาง และบ่อยครั้ง ต้องมีการสร้างนวัตกรรมใหม่ ดังนั้น พูด. โซลูชัน Magento แรกจะหลีกเลี่ยงสิ่งนี้โดยใช้ประโยชน์จากคุณสมบัติ Magento ที่พร้อมใช้งาน ซึ่งช่วยประหยัดต้นทุนการพัฒนาสำหรับธุรกิจของคุณ

ทำความคุ้นเคยกับ Magento & ประหยัดเวลา

ประโยชน์ที่สำคัญของโซลูชั่น PWA ที่เน้นระบบ Magento คือความคุ้นเคย การใช้สภาพแวดล้อมที่คุ้นเคยสำหรับนักพัฒนาของคุณอย่างต่อเนื่องจะทำให้การนำไปใช้ง่ายขึ้นสำหรับพวกเขาและคุณ ทำให้กระบวนการพัฒนาคล่องตัว

Magento ได้พิสูจน์ตัวเองว่าเป็นหนึ่งในแพลตฟอร์มอีคอมเมิร์ซที่ล้ำหน้าที่สุดในโลก และชุมชนที่เติบโตขึ้นรอบๆ แพลตฟอร์มก็บ่งบอกถึงสิ่งนั้น ซึ่งหมายความว่าคุณสามารถหาผู้เชี่ยวชาญ Magento ได้ในทุกมุมโลก และถึงแม้จะมี PWA มีความแปลกใหม่ แต่การเริ่มต้นใช้งานก็ควรจะราบรื่นกว่ามาก เมื่อเทียบกับการทำงานกับสภาพแวดล้อมใหม่ทั้งหมด เครื่องมือของ Magento เป็นที่รู้จักกันดีในหมู่นักพัฒนาและผู้ค้า และมีประวัติความสำเร็จที่แสดงให้เห็น

ดังนั้น ผู้ค้าที่เลือกใช้โซลูชัน PWA แบบ Magento แรกสามารถคาดหวังต้นทุนที่ต่ำลงและรับรู้ถึงสิ่งที่เกิดขึ้นได้มากขึ้น

การโยกย้ายที่ง่ายและต้นทุนต่ำ

ScandiPWA เป็นธีมที่พร้อมใช้งานสำหรับ Magento โซลูชัน Magento-first ใด ๆ นำมาซึ่งข้อได้เปรียบที่สำคัญเมื่อนำมาใช้ แทนที่จะต้องทำงานใหม่ทั้งหมดและสร้างส่วนหน้าของคุณใหม่ทั้งหมด โซลูชัน Magento แบบพลักแอนด์เพลย์ช่วยให้คุณได้รับประโยชน์จาก PWA โดยไม่ต้องเสี่ยงที่จะเป็นอันตรายต่อธุรกิจของคุณ

ตามที่กำหนดไว้ การเพิ่มมิดเดิลแวร์และการมีฟรอนต์เอนด์แบบกำหนดเองทั้งหมดจะแนะนำระดับของความซับซ้อนที่มักไม่มีในโซลูชัน Magento-first ซึ่งจะมีค่าใช้จ่ายเพิ่มเติม ค่าบำรุงรักษา และการสนับสนุน

บทสรุป

Progressive Web Apps พร้อมให้คุณใช้งานแล้ว แม้จะมีมุมมองที่ระมัดระวังต่อการนำไปใช้ พ่อค้าทั่วโลกยังคงจับตาดูสิ่งที่เกิดขึ้น สำรวจแนวทางแก้ไขที่เหมาะสมสำหรับพวกเขา และพยายามทำซ้ำความสำเร็จมากมายของผู้บุกเบิกการประปาส่วนภูมิภาค

สำหรับผู้ค้าวีโอไอพีที่ต้องการก้าวเข้าสู่ประตูโดยเร็วที่สุด มีหลายทางเลือก – พัฒนาโซลูชันของตนเองโดยใช้ Magento PWA studio เลือกใช้โซลูชัน PWA ที่ไม่เชื่อเรื่องพระเจ้าบนแพลตฟอร์ม เช่น Vue Storefront หรือไปกับ Magento-first ธีมเช่น ScandiPWA วิธีที่ง่ายและคุ้มค่าที่สุดในการเริ่มต้นคือวิธีหลัง เนื่องจากช่วยให้ธุรกิจของคุณใช้ประโยชน์จากประโยชน์ของ PWA ได้อย่างเต็มที่ โดยไม่หลงไปจากความคุ้นเคยของ Magento

Viesturs Abelis เป็นผู้นำด้านเนื้อหาที่ Scandiweb และผู้เผยแพร่ศาสนา ScandiPWA ที่ร่าเริง Viesturs คอยจับตาดูอนาคตของทั้งสองฝ่ายเสมอ กระตือรือร้นที่จะให้ทุกคนเข้าถึงการพัฒนาดิจิทัลล่าสุดได้