วิธีที่ผู้ค้าวีโอไอพีปรับปรุงการแปลงด้วย PWA Studio

เผยแพร่แล้ว: 2021-04-09

สารบัญ

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

การสัมมนาผ่านเว็บนี้จัดทำโดย Ms. Maryel Roman-Price, APAC DX Commercial Demand Generation Manager ที่ Adobe และเข้าร่วมด้วยการสัมมนาทางเว็บคือ Sam Elliot ที่ปรึกษาด้านโซลูชันของ Adobe

ลำโพง

ต่อไปนี้คือข้อมูลสรุปสั้นๆ และไฮไลต์จากการสัมมนาผ่านเว็บ:

I. ข้าม กปภ

การสัมมนาผ่านเว็บเริ่มต้นด้วยการสรุปสั้นๆ ว่าการประปาส่วนภูมิภาคคืออะไร และประสบการณ์การประปาส่วนภูมิภาคแตกต่างกันอย่างไร

กปภ. คืออะไร?

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

ประโยชน์ของ กปภ

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

กปภ. ช่วยปรับปรุงการแปลงอย่างไร

Ericsson Mobility Report วัดอัตราการเต้นของหัวใจและพบว่าระดับความเครียดที่เกิดจากความล่าช้าของมือถือนั้นเทียบได้กับการดูหนังสยองขวัญ ความเครียดระดับนี้มีอยู่ในร้านค้าออนไลน์จำนวนไม่มากนัก และแน่นอนว่าคุณไม่ต้องการให้เกิดความเครียดแบบนั้นกับลูกค้าของคุณ เมื่อรวมกับข้อเท็จจริงที่ว่าแม้ความล่าช้าเพียง 1 วินาทีก็สามารถลด Conversion ได้ถึง 20% ความเร็ว เป็นสิ่งหนึ่งที่ผู้ค้าต้องเริ่มให้ความสนใจเพื่อปรับปรุงอัตราการแปลง—และ PWA เป็นวิธีที่ดีที่สุดในการแก้ไขปัญหานี้

การมี PWA และประสบการณ์สายฟ้าแลบสำหรับลูกค้าของคุณคือสิ่งที่พวกเขาต้องการ และพวกเขาจะผลักดันความต้องการนี้

Sam Elliot, Commerce Solutions Consultant ที่ Adobe

ประสบการณ์การประปาส่วนภูมิภาคแตกต่างกันอย่างไร

เรามีแซม เอลเลียตให้รายละเอียดทางเทคนิคว่าประสบการณ์การประปาส่วนภูมิภาคแตกต่างกันอย่างไรและที่ใด

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

แซม เอลเลียตอธิบายเพิ่มเติมเกี่ยวกับองค์ประกอบหลักของ กปภ.—พนักงานบริการ—และวิธีที่สิ่งนี้ช่วยให้มีความสามารถมากในการประปาส่วนภูมิภาค เจ้าหน้าที่บริการทำงานควบคู่ไปกับเบราว์เซอร์และมีหน้าที่รับผิดชอบในการดึงข้อมูล (ดึงข้อมูล) เนื้อหาที่แคชไว้ ทำให้ได้รับประสบการณ์ที่สม่ำเสมอและลื่นไหล

ครั้งที่สอง ลงมือปฏิบัติ

จุดสนใจหลักของการสัมมนาผ่านเว็บคือการนำไปใช้ได้จริง—เพื่อให้ผู้ค้าได้รับคำตอบที่แท้จริงสำหรับความต้องการทางธุรกิจของพวกเขา

ลงมือปฏิบัติ

PWA Studio ช่วยได้อย่างไร

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

รวมเข้ากับกรอบงาน Magento อย่างแน่นหนา

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

ตัวสร้างเพจ

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

ตัวสร้างเพจ Magento
Page Builder ช่วยให้สร้างเนื้อหาได้อย่างง่ายดาย
[แหล่งรูปภาพ: Magento]

ความสามารถล่าสุดที่คุณไป

PWA Studio ช่วยให้ร้านค้าที่ขับเคลื่อนโดย กปภ. ของคุณอยู่ในแผนงานที่ชัดเจน และนี่หมายความว่าหน้าร้านที่สร้างด้วย PWA Studio จะได้รับความสามารถเช่นเดียวกับส่วนหน้าของ Magento ที่ตอบสนองตามปกติ ตัวอย่างเช่น Adobe Sensei เพิ่งเปิดตัวใน PWA Studio และหน้าร้าน PWA ที่สร้างด้วย PWA Studio จะได้รับประโยชน์จากคำแนะนำผลิตภัณฑ์อัจฉริยะของ Sensei

ออมทรัพย์

การพูดคุยที่แท้จริง—ส่วนที่กล่าวถึงรายละเอียดที่ดีว่า PWA ที่สร้างด้วย PWA Studio สามารถช่วยลดต้นทุนการพัฒนาของคุณได้อย่างไร—เริ่มต้นในภายหลังในการสัมมนาผ่านเว็บ

ค่าเสียโอกาส

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

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

อภิปรายโอกาสของ กปภ

พัฒนา กปภ. ได้เร็วแค่ไหน

ด้วย PWA คุณจะรวมประสบการณ์ที่แตกต่างกันสามแบบ (iOS, Android, เว็บ) เข้าไว้ด้วยกัน ดังนั้นในความเป็นจริงแล้ว จะมีคุณสมบัติและฟังก์ชันการทำงานของประสบการณ์บนมือถือหรือประสบการณ์เว็บไซต์ที่โดยพื้นฐานแล้วจำเป็นต้องมีสำหรับคุณ ธุรกิจ และคุณจะต้องสร้างคุณลักษณะและฟังก์ชันการทำงานเหล่านั้นใหม่ใน PWA ของคุณ

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

ซึ่งหมายความว่าจะต้องใช้เวลาและค่าใช้จ่ายเพิ่มเติมในกระบวนการนี้ อย่างไรก็ตาม ค่าใช้จ่ายไม่เท่ากันกับการสร้างสามครั้ง หรือการจัดการประสบการณ์ที่แตกต่างกันสามแบบตามความตั้งใจของผู้ให้บริการมือถือที่แตกต่างกัน ด้วย PWA คุณจะได้รับประสบการณ์ที่เป็นหนึ่งเดียวใน Safari, Edge หรือ Chrome และด้วยเหตุนี้ คุณจึงสามารถสร้างประสบการณ์ที่น่าสนใจ และได้รับการจัดการในระดับเดียวอย่างต่อเนื่อง

สาม. คำถามที่พบบ่อย

ช่วงท้ายของการสัมมนาผ่านเว็บคือช่วงถาม & ตอบ และมีคำถามที่น่าสนใจบางข้อที่น่าจะตอบสนองความต้องการของคุณได้

1. ไซต์ปัจจุบันของฉันสามารถแปลงเป็น PWA ได้เร็วแค่ไหน สมมติว่าฉันมีธีมพื้นฐานตามธีม Luma

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

โดยพื้นฐานแล้ว จะมีคุณสมบัติและฟังก์ชันการทำงานบางอย่างที่จะต้องส่งต่อไปยังส่วนหน้า PWA ใหม่ พร้อมกับการเรียก API แบบกำหนดเองเพื่อไปยังส่วนหน้า PWA ที่แยกจากกันในขณะนี้ (แทนที่จะให้ทุกอย่างสื่อสารโดยตรงกับแบ็กเอนด์ของ Magento) โดยรวมแล้ว มีตัวแปรมากมาย แต่สำหรับเว็บไซต์ Luma พื้นฐานที่จะสร้างใหม่เป็นเว็บไซต์ Venia พื้นฐาน ควรใช้เวลาประมาณสามเดือนโดยเฉลี่ย

2. คุณสามารถรวมเกตเวย์การชำระเงินที่กำหนดเองผ่าน Magento API ได้หรือไม่

เมื่อแกะกล่อง Braintree ได้เชื่อมต่อกับส่วนหน้าของ Magento PWA แล้ว แต่ใช่ คุณสามารถรวมเกตเวย์การชำระเงินที่กำหนดเองใดๆ ผ่าน Magento API ได้

3. ต้องใช้เวลานานเท่าใดหากคุณเริ่ม กปภ. ตั้งแต่เริ่มต้น?

ในที่นี้ แซม ​​เอลเลียตจะลงรายละเอียดว่าความแตกต่างคืออะไร และเหตุใดจึงมีความเปลี่ยนแปลงในความพยายามที่จำเป็นในการสร้าง PWA

สำหรับร้านค้า Magento มาตรฐานที่ใช้ Luma คุณมีฟังก์ชันหลักที่ใช้งานได้ภายในไซต์นั้นในปัจจุบัน จากนั้นคุณสร้างจากฟังก์ชันหลักดังกล่าวเพื่อแสดงผลประสบการณ์ของลูกค้าที่คุณกำลังมองหา ภายใน กปภ. ทุกอย่างเหมือนกันหมด ความแตกต่างเพียงอย่างเดียวคือจะมีชิ้นส่วนเล็ก ๆ น้อย ๆ ที่มีอยู่ในปัจจุบันและเนื่องจากส่วนขยายส่วนใหญ่ในตลาดยังไม่ได้เขียนใหม่เพื่อให้ทำงานภายใน PWA (เช่นเดียวกับการทำงานในส่วนหน้า Venia ใหม่) กำลังจะไป เพื่อเป็นงานพิเศษที่เกี่ยวข้องในกระบวนการนี้

แต่ในแง่ของการสร้างส่วนประกอบและโมดูลแต่ละส่วน นั้น เวลาไม่มีความแตกต่างกัน ไม่ต้องใช้ความพยายามเพิ่มเติมในการสร้างบางสิ่งภายใน PWA เป็นส่วนประกอบ/โมดูลที่กำหนดเองมากกว่าที่เคยเป็นมา

 การอ่านที่แนะนำ: SimiCart จับมือ Mageplaza เพื่อพัฒนาส่วนต่อขยายสตูดิโอ PWA ของชุมชน

IV. คำแนะนำในการปิด

ในตอนท้ายของการสัมมนาทางเว็บ Sam Elliot ให้คำแนะนำปิดท้าย:

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

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

เพิ่มการแปลงด้วย Simicart pwa