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

บทนำ

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

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

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

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

มันจะแย่ลงเมื่อคุณค้นพบว่าคุณสูญเสียรายได้ไปเท่าไร

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

ให้กระโดดตรงเข้าไปในคู่มือนี้

เหตุผลที่คุณอาจต้องการปรับแต่ง WooCommerce Checkout Page ของคุณ

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

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

1. ปรับปรุงประสบการณ์ผู้ใช้

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

2. เพิ่มอัตราการแปลง

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

3. มอบประสบการณ์การชำระเงินที่ปลอดภัย

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

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

1. การใช้ปลั๊กอินเพื่อเปลี่ยนฟิลด์การชำระเงิน WooCommerce

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

ขั้นตอนที่ 1: การติดตั้ง

ในการเริ่มต้น คุณจะต้องดาวน์โหลดไฟล์ .zip ของส่วนขยายจากบัญชี WooCommerce ของคุณ บนแดชบอร์ดผู้ดูแลระบบ WordPress ให้ไปที่ WooCommerce > Plugins > Add new คลิกที่ 'อัปโหลดปลั๊กอิน' และอัปโหลดไฟล์ที่คุณเพิ่งดาวน์โหลด เมื่อไฟล์ของคุณถูกอัปโหลดแล้ว ให้คลิกปุ่ม 'ติดตั้งทันที' และเปิดใช้งานส่วนขยาย

ขั้นตอนที่ 2: ตั้งค่าและกำหนดค่า

ณ จุดนี้ คุณต้องกำหนดการตั้งค่าของปลั๊กอิน ไปที่ WooCommerce > แบบฟอร์มการชำระเงิน

ขั้นตอนที่ 3: ปรับแต่งช่องการชำระเงิน

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

• การเรียกเก็บเงิน: ประกอบด้วยฟิลด์การชำระเงินและที่อยู่สำหรับการเรียกเก็บเงินที่จุดชำระเงิน

• การจัดส่ง: ระบุช่องการจัดส่งเมื่อชำระเงิน

• เพิ่มเติม: นี่คือส่วนถัดจากส่วนการเรียกเก็บเงินและการจัดส่งที่จุดชำระเงิน

เลือกฟิลด์ที่คุณต้องการทำการเปลี่ยนแปลงเพื่อปรับแต่งส่วนนี้และคลิกที่ปุ่ม 'ลบ', 'เปิดใช้งาน' หรือ 'ปิดใช้งาน'

ขั้นตอนที่ 4: การเพิ่ม/แก้ไขฟิลด์ที่กำหนดเอง

ที่มุมบนซ้ายของหน้าการตั้งค่า ให้คลิกที่ '+เพิ่มฟิลด์' เพื่อเพิ่มฟิลด์ใหม่ หน้าจอป๊อปอัปจะปรากฏขึ้นพร้อมช่องว่างบางส่วน เพิ่มรายละเอียดทั้งหมดที่คุณพบว่าเกี่ยวข้องกับฟิลด์ที่กำหนดเอง หลังจากทำการเปลี่ยนแปลงแล้ว อย่าลืมบันทึกงานของคุณโดยคลิกปุ่ม 'บันทึก'

ขั้นตอนที่ 5: การกำหนดการตั้งค่าขั้นสูง

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

ขั้นตอนที่ 6: การรีเซ็ตช่องการชำระเงิน

หากต้องการใช้การตั้งค่าดั้งเดิมกับฟิลด์ของคุณ ให้ไปที่ WooCommerce > สถานะ > เครื่องมือ ไปที่ 'Checkout Fields' และเลือกปุ่ม 'Reset Checkout Fields' ฟิลด์ทั้งหมดของคุณจะเปลี่ยนกลับเป็นการตั้งค่าเดิม

ก่อนดำเนินการต่อ มีวิธีอื่นในการตั้งค่าหน้าชำระเงิน WooCommerce ด้วย Divi

2. การใช้โค้ดเพื่อปรับแต่ง WooCommerce Checkout Fields

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

คุณยังสามารถใช้ไฟล์ functions.php ของไซต์และตัวกรองเพื่อแก้ไขหน้าชำระเงินของคุณได้ ตัวกรองบางตัวรวมถึง:

• woocommerce_checkout_fields

• woocommerce_billing_fields

• Woocommerce_shipping_fields

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

การเชื่อมโยงผลิตภัณฑ์โดยตรงกับหน้าชำระเงินของ WooCommerce

เราจะใช้วิธีการด้วยตนเองเพื่อเชื่อมโยงผลิตภัณฑ์ของเรากับการชำระเงิน WooCommerce โดยตรง ทำตามขั้นตอนด้านล่าง:

ขั้นตอนที่ 1: ค้นหารหัสผลิตภัณฑ์

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

ขั้นตอนที่ 2: สร้างลิงค์

เริ่มต้นด้วยภาพประกอบสั้น ๆ ใช้กรณีที่คุณมี URL นี้: www. yourdomain.com//checkout/?add-to-cart=ID

คุณจะต้องแทนที่ 'yourdomain' และ 'ID' ด้วยชื่อโดเมนของคุณและ ID ผลิตภัณฑ์เฉพาะของผลิตภัณฑ์ที่คุณต้องการเชื่อมโยงตามลำดับ

ขั้นตอนที่ 3: คัดลอกและวาง

เนื่องจากเราพบรหัสผลิตภัณฑ์แล้ว เราจะเพิ่ม URL ของผลิตภัณฑ์ในลักษณะ www นี้ yourdomain.com//checkout/?add-to-cart=1127

เมื่อเสร็จแล้ว คุณสามารถวางลิงก์นี้ไว้ที่ใดก็ได้บนไซต์ WooCommerce ของคุณ

การใช้การจัดส่งฟรีต่อผลิตภัณฑ์ใน WooCommerce

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

ตัวอย่างเช่น นี่คือขั้นตอนที่คุณควรปฏิบัติตามเพื่อทริกเกอร์การจัดส่งฟรีสำหรับคำสั่งซื้อที่สูงกว่า $100

ไปที่ WooCommerce > การตั้งค่า > การจัดส่ง ถัดไป ไปที่โซนการจัดส่งที่คุณต้องการใช้การเปลี่ยนแปลงและคลิกลิงก์ 'แก้ไข'

คลิกที่ปุ่ม 'เพิ่มเขตการจัดส่ง' หากคุณยังไม่ได้เพิ่มโซนใดๆ มิฉะนั้น ให้คลิกที่ปุ่ม 'เพิ่มวิธีการจัดส่ง' คุณจะพบรายการวิธีการจัดส่งในส่วนนี้

คลิกปุ่ม 'แก้ไข' ใต้การจัดส่งฟรี

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

บทสรุป

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

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

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

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