วิธีปรับแต่งหน้าชำระเงิน WooCommerce ด้วย Elementor & ShopEngine

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

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

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

ทำไมต้องปรับแต่งหน้าชำระเงิน WooCommerce

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

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

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

นอกเหนือจากการเพิ่ม ลบ หรือแก้ไขช่องแบบฟอร์มหน้าการชำระเงิน คุณยังสามารถเพิ่มส่วนใหม่เพื่อเน้นข้อเสนอพิเศษของคุณหรือ USP (ข้อเสนอการขายที่ไม่ซ้ำ) ของธุรกิจหรือคำรับรองของคุณ ฯลฯ สิ่งเหล่านี้สามารถช่วยให้คุณได้รับลูกค้า ไว้วางใจและรับลูกค้ามากขึ้นเพื่อดำเนินการสั่งซื้อให้เสร็จสิ้น

ฉันหวังว่าตอนนี้คุณจะเข้าใจถึงความสำคัญของหน้าชำระเงินที่กำหนดเองสำหรับเว็บไซต์ WordPress ของคุณและทำไมคุณจึงควรปรับแต่ง WooCommerce Checkout Page

หากคุณสงสัยว่าคุณจะปรับแต่งหน้าชำระเงินของ WooCommerce ได้อย่างไร ให้ไปที่หัวข้อถัดไปเพื่อดูคำตอบ

วิธีปรับแต่งหน้าชำระเงิน WooCommerce

เมื่อบริษัทอื่นๆ เสนอปลั๊กอิน/ส่วนเสริมภายนอกสำหรับหน้าการชำระเงิน wpmet จะนำตัวสร้างหน้าการชำระเงินแบบลากและวางในตัว ด้วย ShopEngine คุณสามารถสร้างหน้าการชำระเงินของคุณเองได้ด้วย 3 ขั้นตอนง่ายๆ..

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

ติดตั้ง Elementor และ ShopEngine

ขั้นตอนแรกคือการติดตั้ง Elementor และ ShopEngine ในเว็บไซต์ WordPress wooCommerce ของคุณ ปลั๊กอินทั้งสองนั้นฟรีและมีอยู่ในไดเรกทอรี WordPress หลังจากติดตั้งปลั๊กอินแล้ว โปรดตั้งค่าพื้นฐานให้เสร็จสิ้น

รหัสการติดตั้ง: wp-admin -> Plugins -> Add New -> ShopEngine/Elementor -> Install Now -> Activate

สร้างเทมเพลตหน้าชำระเงิน

• คลิกที่ เทมเพลต จากเมนูแถบด้านข้างของ ShopEngine
• คลิกที่ “ เพิ่มใหม่ ” และป๊อปอัปจะปรากฏในแดชบอร์ดของคุณ
• ตั้งชื่อและ " ชำระเงิน " จากเมนูแบบเลื่อนลง " ประเภท "
• ตั้งค่าเริ่มต้นเป็น " ใช่ " และบันทึกหน้า

คีย์การตั้งค่า- ไปที่ ShopEngine -> เทมเพลต -> เพิ่มใหม่

หน้าชำระเงินใหม่จะถูกเพิ่มลงในรายการหน้า แก้ไขหน้าด้วย Elementor ตรวจสอบเอกสารประกอบสำหรับรายละเอียดเพิ่มเติมเกี่ยวกับวิธีการสร้างเทมเพลตหน้าการชำระเงินด้วย ShopEngine

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

คุณสามารถค้นหาองค์ประกอบและวางบนหน้า จากนั้นบันทึก นอกจากนี้ คุณยังสามารถเรียกดูได้ด้วยตนเอง คุณสามารถเลือกเลย์เอาต์ Elementor ได้ตามต้องการ เพิ่มวิดเจ็ตและบันทึก

องค์ประกอบการชำระเงินสำหรับหน้าชำระเงินที่กำหนดเอง

• แบบฟอร์มคูปอง- เป็นแบบฟอร์มสำหรับการเสนอคูปองของคุณ
• Checkout Payment- แบบฟอร์มคือการตั้งค่าวิธีการชำระเงินในการชำระเงิน แบบฟอร์มนี้มีรายละเอียดการเรียกเก็บเงินเพื่อปรับแต่งหน้าการชำระเงิน
• Checkout Review Order- ด้วยแบบฟอร์มนี้ คุณสามารถรับคำวิจารณ์จากลูกค้าได้
• แบบฟอร์มการชำระเงินเพิ่มเติม - (กำหนดช่องการชำระเงินเอง) ใช้สำหรับรับข้อมูลเพิ่มเติม เช่น ที่อยู่สำหรับการเรียกเก็บเงินอื่นหรือข้อมูลภายนอก
• Checkout Form Billing- เป็นแบบฟอร์มสำหรับรับข้อมูลการเรียกเก็บเงินของลูกค้า
• Checkout Form Login- แบบฟอร์มนี้ใช้สำหรับเข้าสู่ระบบของลูกค้าในช่วงเวลาสั่งซื้อ
• Checkout Form Shipping- เป็นแบบฟอร์มสำหรับรับที่อยู่จัดส่งจากลูกค้า
• วิธีการ จัด ส่ง - วิธีการจัดส่งคือการทราบว่าจะใช้วิธีการจัดส่งแบบใด
• แบบฟอร์มเพิ่มเติม - ฟิลด์ที่กำหนดเองเหล่านี้ใช้สำหรับรับข้อมูลเพิ่มเติม เช่น ที่อยู่สำหรับการเรียกเก็บเงินอื่นหรือข้อมูลภายนอก
• แบบฟอร์มการจัดส่งสินค้า - การจัดส่งแบบฟอร์มใช้สำหรับรับข้อมูลการจัดส่งจากลูกค้า

ตอนนี้คุณรู้แล้วว่าองค์ประกอบใดมีไว้เพื่ออะไร! และคุณก็มีภาพร่างของหน้าชำระเงินด้วย ดังนั้น ออกแบบหน้าชำระเงิน WooCommerce แบบกำหนดเองของคุณด้วยคุณสมบัติการลากและวางของ ShopEngine

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

เคล็ดลับโบนัส เพื่อปรับปรุงหน้าชำระเงิน WooCommerce

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

ลดความซับซ้อนของขั้นตอนการชำระเงิน

ผลการศึกษาล่าสุดแสดงให้เห็นว่า 28% ของเว็บไซต์อีคอมเมิร์ซชั้นนำมี 5 ขั้นตอนในหน้าชำระเงิน คุณสามารถรักษาขั้นตอนเดิมหรือน้อยกว่านี้บนไซต์อีคอมเมิร์ซของคุณ

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

เสนอตัวเลือกการชำระเงินหลายรายการ

มีบางครั้งที่ไซต์อีคอมเมิร์ซมีวิธีการชำระเงินแบบเดียว มันทำให้เกิดอัตราการละทิ้งที่สูง โดยเฉพาะอย่างยิ่งเมื่อไซต์ติดกับเกตเวย์การชำระเงินในท้องถิ่น

เพื่อแก้ปัญหาการละทิ้งที่มีจำนวนมาก ขณะนี้แบรนด์ต่างๆ ได้เสนอช่องทางการชำระเงินที่หลากหลาย E-wallets และ e-payment จะทำให้ง่ายขึ้นกว่าที่เคยเป็นมา ในยุคนี้ หากคุณไม่เสนอตัวเลือกการชำระเงินหลายแบบ คุณจะสูญเสียลูกค้าจำนวนมาก

แสดงความคืบหน้าการชำระเงิน

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

เป็นการดีกว่าที่จะเพิ่มขั้นตอนความคืบหน้าด้วยชื่อ จะช่วยให้ผู้ใช้เข้าใจข้อมูลที่กำลังจะเกิดขึ้น

แบ่งปันจำนวนเงินออม

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

คุณยังสามารถแสดงจุดออมทรัพย์ที่กำลังจะมีขึ้น ตัวอย่างเช่น คุณสามารถ ping หรือแสดงการแจ้งเตือนด้วย "ใช้จ่าย 100 และประหยัดมากขึ้น x%" จะช่วยให้มียอดขายเพิ่มขึ้นอย่างแน่นอน

ให้ลูกค้าอยู่ในหน้าเดียวกันระหว่างการชำระเงิน

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

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

แสดงข้อความรับรอง

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

ใช้คะแนนและรางวัล

อีกวิธีที่ดีในการลดปัญหาที่ถูกละทิ้งคือการแนะนำคะแนนและรางวัล หากคุณอนุญาตให้ลูกค้าแลกคะแนนสะสมเพื่อซื้อสินค้าหรือส่วนลดเพิ่มเติม จะกระตุ้นให้ลูกค้าชำระเงิน

ลูกค้าสามารถรับคะแนนเมื่อชำระเงินได้ก็ต่อเมื่อปฏิบัติตามข้อกำหนดของยอดรวมคำสั่งซื้อดังกล่าว

ลองขายต่อและขายต่อ

จากข้อมูลของ Amazon การขายต่อเนื่องและการขายต่อยอดมีส่วนสนับสนุนประมาณ 35% ของรายได้ทั้งหมด คำแนะนำผลิตภัณฑ์มีความรับผิดชอบต่อรายได้ไซต์อีคอมเมิร์ซโดยเฉลี่ย 10-30% ตามนักวิเคราะห์ของ Forrester Research

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

ใช้การออกแบบที่เหมาะกับอุปกรณ์พกพา

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

ออกแบบหน้าชำระเงินที่ตอบสนองต่อมือถือสำหรับไซต์อีคอมเมิร์ซของคุณ คุณสามารถใช้ ShopEngine เพื่อออกแบบหน้าชำระเงินที่เหมาะกับอุปกรณ์พกพา

เปิดใช้งานการบันทึกเนื้อหาในรถเข็น

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

ShopEngine มีอะไรให้อีกบ้าง?

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

แต่โมดูลที่ฉันต้องการให้แสดงคือ Additio nal checkout field การใช้โมดูลนี้คุณสามารถเพิ่มฟิลด์ที่กำหนดเองให้กับรูปแบบใดก็ได้ของหน้าชำระเงิน WooCommerce ของคุณและเปลี่ยนหน้าการชำระเงิน WooCommerce ขึ้นอยู่กับธุรกิจและความต้องการของคุณ

คุณสามารถตรวจสอบความง่ายในการเพิ่มฟิลด์ที่กำหนดเองในวิดีโอด้านล่าง:

เรียกครั้งสุดท้าย

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