แนะนำส่วนขยายรถเข็น Magento 2 AJAX บนแพลตฟอร์ม Magento 2

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

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

แต่ทุกวันนี้ Magento 2 ผู้สืบทอดของ Magento ได้รับความสนใจอย่างมาก ไม่ได้หมายความว่า Magento ดั้งเดิมนั้นล้าสมัยไปแล้ว ตาม CreativeMinds ร้าน Magento ประมาณ 11,000 แห่งทำงานบน Magento 2

ตอนนี้ Magento 2 มาพร้อมกับส่วนขยายที่เรียกว่า “AJAX Cart” จุดประสงค์หลักของส่วนขยายนี้คือเพื่อให้ผู้ใช้ออนไลน์ได้รับประสบการณ์การช็อปปิ้งที่ดียิ่งขึ้น

ตัวอย่างเช่น เมื่อลูกค้าลืมเพิ่มประเภทสินค้าลงในรถเข็น พวกเขาสามารถทำได้โดยไม่ต้องโหลดหน้าซ้ำ โดยพื้นฐานแล้ว ลูกค้าสามารถเพิ่มสินค้าลงในรถเข็นได้โดยตรงจากหน้าใดก็ได้ เช่น:

• หน้าแรก
• หน้าหมวดหมู่
• เนื้อหาของเว็บไซต์ AND
• หน้าอื่น ๆ ในเว็บไซต์

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

แต่ AJAX สำคัญแค่ ไหน ? ในภาพรวมนี้ เราจะมาสำรวจ AJAX และความสำคัญของ Magento 2 มาเริ่มกันเลย!

AJAX คืออะไร?

อันดับแรก มาพูดถึงสิ่งที่ AJAX เกี่ยวข้องกัน AJAX เป็นตัวย่อสำหรับ:

• อะซิงโครนัส
• JavaScript, AND
• XML

นอกจากนี้ AJAX ยังเป็นเทคนิคใหม่ที่เกี่ยวข้องกับ XML, HTML, CSS และ JavaScript ด้วยภาษาการเขียนโปรแกรมเหล่านี้ AJAX สามารถช่วยให้คุณสร้างเว็บไซต์และแอปพลิเคชันที่ดีขึ้น เร็วขึ้น และโต้ตอบได้มากขึ้น

อย่างไรก็ตาม ลองมาดูที่ “A” ใน AJAX: asynchronous กล่าวอีกนัยหนึ่ง หน้าที่หลักของ AJAX คือการอัปเดตเนื้อหาของเว็บไซต์หรือแอปในลักษณะที่เว็บเบราว์เซอร์ของผู้ใช้ไม่ต้องรีเฟรชหน้าเว็บทั้งหมดทุกครั้งที่มีเศษข้อมูลมีการเปลี่ยนแปลง

เหนือสิ่งอื่นใด AJAX Cart Extension สำหรับ Magento 2 สามารถกำหนดค่าได้อย่างง่ายดาย คุณสามารถทดลองใช้และหาซื้อได้ที่ร้าน Mageplaza Extension

มันทำงานอย่างไร?

จากที่กล่าวมา นี่คือวิธีที่ AJAX ทำงานใน Magento 2 ตัวอย่างเช่น สำหรับไซต์อีคอมเมิร์ซ พวกเขาสามารถแสดงหรือซ่อนสิ่งใดสิ่งหนึ่งต่อไปนี้:

• รูปภาพสินค้า
• ปริมาณสินค้า
• ยอดรวมรถเข็น
• ปุ่มชำระเงิน
• ไดอะล็อก ฯลฯ

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

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

ฟีเจอร์หลัก

ใน Magento 2 นั้น AJAX Cart มาพร้อมกับคุณสมบัติที่หลากหลาย คุณสมบัติเหล่านี้ช่วยทำให้ประสบการณ์การช็อปปิ้งดีที่สุดสำหรับผู้ใช้ ดังที่คุณเห็นในรายการคุณสมบัติ คุณจะสังเกตเห็นว่า AJAX นั้นเชี่ยวชาญในการมอบความสะดวกสบายให้กับผู้ใช้ผ่านการออกแบบ UX:

• ป๊อปอัปที่ใช้งานได้

ป๊อปอัปต้องใช้งานได้บนไซต์ มิฉะนั้น ผู้ใช้จะมองว่าเป็นสแปมเท่านั้นและจะไม่ซื้อต่อ

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

• ไม่มีการโหลดหน้าซ้ำ

ไม่มีลูกค้ารายใดต้องการโหลดหน้าใหม่เมื่อเพิ่มรายการอื่นลงในรถเข็น ด้วย AJAX ไม่จำเป็นต้องโหลดหน้าซ้ำระหว่างกระบวนการเพิ่มลงตะกร้า เมื่อสินค้าถูกเพิ่มลงในตะกร้าแล้ว ผู้ซื้อสามารถซื้อสินค้าต่อได้

• รองรับตัวเลือกการปรับแต่ง

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

เมื่อเปิดใช้งาน AJAX ผู้ใช้สามารถเลือกจากตัวเลือกที่ปรับแต่งได้บนป๊อปอัปโดยไม่ต้องไปที่หน้าผลิตภัณฑ์

• รองรับสินค้าทุกประเภท

AJAX รองรับผลิตภัณฑ์ทุกประเภท รวมถึงผลิตภัณฑ์แบบง่าย ดาวน์โหลดได้ บันเดิล เสมือน จัดกลุ่ม และกำหนดค่าได้

• ป๊อปอัปที่รองรับผลิตภัณฑ์ที่เกี่ยวข้องและขายต่อเนื่อง

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

• อัพเดทปริมาณ

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

ดังนั้น ด้วย AJAX ความสามารถในการอัปเดตปริมาณผลิตภัณฑ์ที่ป๊อปอัปจึงเป็นไปอย่างราบรื่น

• แก้ไขรถเข็นโดยไม่ต้องโหลดซ้ำ

บางครั้งลูกค้าอาจลืมใส่ของลงในรถเข็น หรือบางครั้งพวกเขาก็เปลี่ยนใจเกี่ยวกับสิ่งที่พวกเขากำลังซื้อ พวกเขาต้องการเอาของบางอย่างออกจากรถเข็น

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

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

• เหมาะกับมือถือ

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

โชคดีที่ AJAX นั้นเหมาะกับอุปกรณ์พกพา ซึ่งหมายความว่าป๊อปอัปสามารถเห็นได้ไม่เพียงแต่บนเดสก์ท็อปและแล็ปท็อป แต่ยังรวมถึงบนมือถือด้วย

• การกำหนดค่าที่ยืดหยุ่น

และสุดท้าย ด้วยส่วนขยายรถเข็น AJAX การกำหนดค่าทำได้ง่าย ตั้งแต่ตัวเลือกการปรับแต่งที่หลากหลายบนแผงการดูแลระบบไปจนถึงการปรับสิ่งต่างๆ เช่น ปุ่มป๊อปอัป สีข้อความ ชื่อ ฯลฯ การกำหนดค่ามีความยืดหยุ่นใน AJAX สำหรับ Magento 2

สำหรับการกำหนดค่า Magento 2 ทั่วไป นี่คือรายการคำแนะนำด้านล่างเกี่ยวกับวิธีสร้างแบรนด์ใหม่:

• ขั้นแรก ไปที่ "แคตตาล็อก"
• ไปที่ "เลือกซื้อตามแบรนด์" ซึ่งคุณจะพบกับแท็บ "จัดการแบรนด์" คุณจะพบแบรนด์ทั้งหมดใน "จัดการตัวเลือก"
• จากนั้นคลิก "เพิ่ม" (อยู่ด้านล่างสุดของรายการ) เพื่อสร้างแบรนด์ใหม่
• คลิก “บันทึกการกำหนดค่า” เพื่อบันทึกแบรนด์
• ในเมนู "การตั้งค่า" ไปที่ "ข้อมูลแบรนด์"
• ภายใต้ “ข้อมูลแบรนด์”:

• ป้อน "ชื่อหน้า" ของแบรนด์ของคุณ
• สร้าง “URL Key” ของเพจแบรนด์และ
• อัปโหลดรูปภาพสำหรับแบรนด์ของคุณ

• แสดงแบรนด์บนแถบเลื่อน "แบรนด์เด่น"
• กรอกคำอธิบายเมตา (แสดงในผลการค้นหา) และคำอธิบายปกติสำหรับแบรนด์ของคุณ
• แสดงแบรนด์เป็นบล็อก CMS ได้ทุกที่ที่คุณต้องการ หรือปล่อยให้ส่วนนี้ว่างไว้ (หากคุณไม่ต้องการแสดง)
• เลือกแบรนด์ที่เกี่ยวข้อง
• เพิ่มผลิตภัณฑ์ที่มีตราสินค้าหลายรายการ
• เพิ่มผลิตภัณฑ์แบรนด์ที่เลือกด้วย “การดำเนินการ > เพิ่มผลิตภัณฑ์ > ส่ง”
• ลบผลิตภัณฑ์แบรนด์ที่เลือกด้วย “การดำเนินการ > ลบผลิตภัณฑ์ > ส่ง”
• กรอกข้อมูล Meta (เพื่อวัตถุประสงค์ในการทำ SEO): Meta Title, Meta Keywords และ Meta Description
• สุดท้าย คลิก “บันทึกแบรนด์”

บทสรุป

ดังนั้นคุณมีมัน!

Magento 2 เป็นผู้สืบทอดต่อจาก Magento ดั้งเดิมด้วย AJAX รถเข็น AJAX นำเสนอประสบการณ์การช็อปปิ้งที่ปรับให้เหมาะสมยิ่งขึ้นสำหรับผู้ใช้ออนไลน์

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

ผู้เขียนชีวประวัติ:

Madeline Miller เป็นนักเขียนที่ Thesis Writing Service และ UKWritings เธอยังเป็นนักเขียนที่มีส่วนร่วมในสิ่งพิมพ์ออนไลน์ต่างๆ ในฐานะนักเขียนเนื้อหา เธอเขียนเกี่ยวกับ Magento 2 การเขียนโค้ด และเทรนด์เทคโนโลยีอื่นๆ