วิธีปิดการใช้งานการตรวจสอบรหัสไปรษณีย์ของ WooCommerce
เผยแพร่แล้ว: 2020-09-12คุณต้องการลบฟิลด์รหัสไปรษณีย์หรือไม่? ในบทช่วยสอนนี้ เราจะแสดง วิธีปิดใช้งานการตรวจสอบรหัสไปรษณีย์ของ WooCommerce เพื่อปรับปรุงหน้าการชำระเงินและเพิ่มอัตราการแปลงของคุณ
เหตุใดจึงลบการตรวจสอบรหัสไปรษณีย์ของ WooCommerce
ตามค่าเริ่มต้น ฟิลด์รหัสไปรษณีย์เป็นสิ่งจำเป็นใน WooCommerce เพื่อให้มีการตรวจสอบความถูกต้อง อย่างไรก็ตาม บางครั้งฟิลด์เหล่านั้นก็ไม่จำเป็นและเพิ่มความยุ่งยากให้กับหน้าการชำระเงิน ตัวอย่างเช่น มีหลายประเทศในแอฟริกา อเมริกากลาง และโอเชียเนียที่ไม่มีหรือไม่มีรหัสไปรษณีย์ นอกจากนี้ หากผู้ใช้พิมพ์ข้อความในช่องรหัสไปรษณีย์ WooCommerce จะแสดงข้อความแสดงข้อผิดพลาด และจะไม่ยอมให้ผู้ซื้อชำระเงินให้เสร็จสิ้น
การมีหน้าเช็คเอาต์ที่ปรับให้เหมาะสมและประหยัดเป็นกุญแจสำคัญสำหรับร้านค้าออนไลน์ทุกแห่ง คุณควรขจัดสิ่งรบกวนเพื่อให้ประสบการณ์การซื้อที่รวดเร็วและดีขึ้นแก่ลูกค้าของคุณ ด้วยเหตุนี้ การมีฟิลด์ที่ไม่จำเป็นและข้อความแสดงข้อผิดพลาดอาจส่งผลต่อประสบการณ์การช็อปปิ้งของผู้ใช้และอัตราการแปลง ดังนั้น ในคู่มือนี้ เราจะแสดง วิธีปิดใช้งานการตรวจสอบรหัสไปรษณีย์ของ WooCommerce ในหน้าชำระเงิน
วิธีปิดการใช้งานการตรวจสอบรหัสไปรษณีย์ของ WooCommerce โดยทางโปรแกรม
เนื่องจากเราจะแก้ไขไฟล์ functions.php
ของธีมของคุณ ก่อนที่เราจะเริ่มต้น เราขอแนะนำให้คุณสร้างธีมย่อย คุณสามารถตรวจสอบคำแนะนำของเราเพื่อสร้างหรือใช้ปลั๊กอินเหล่านี้ได้ ดังนั้น หากต้องการลบการตรวจสอบความถูกต้องของรหัสไปรษณีย์ใน WooCommerce ก่อนอื่น ให้ไปที่หน้าผลิตภัณฑ์และเพิ่มสินค้าลงในรถเข็นโดยคลิกที่ปุ่ม Add to Cart ตอนนี้ มาดูกันว่าคุณจะทำสิ่งต่อไปนี้ได้อย่างไร:
- ลบรหัสไปรษณีย์ออกจากหน้าชำระเงิน WooCommerce
- ทำให้ฟิลด์รหัสไปรษณีย์เป็นทางเลือก
- ลบช่องการเรียกเก็บเงินออกจากการชำระเงิน
- แก้ไขป้ายกำกับของช่องหน้าชำระเงิน
1) ลบรหัสไปรษณีย์ออกจากหน้าชำระเงิน WooCommerce
ทางเลือกหนึ่งในการปิดใช้งานการตรวจสอบรหัสไปรษณีย์คือการลบฟิลด์รหัสไปรษณีย์ออกจากหน้าชำระเงิน WooCommerce อย่างสมบูรณ์ วิธีที่ง่ายที่สุดในการทำเช่นนี้คือการใช้ WooCommerce hooks ดังนั้น หากต้องการลบฟิลด์ zip ออกจากหน้าชำระเงิน เพียงคัดลอกและวางสคริปต์ต่อไปนี้ที่ส่วนท้ายของไฟล์ functions.php
ของธีมย่อยของคุณ:
// ปิดช่องรหัสไปรษณีย์ add_filter( 'woocommerce_checkout_fields', 'QuadLayers_remove_billing_postcode_checkout' ); ฟังก์ชัน QuadLayers_remove_billing_postcode_checkout (ฟิลด์ $) { unset($fields['billing']['billing_postcode']); ส่งคืนฟิลด์ $; }
hook woocommerce_checkout_fields
เป็นหนึ่งใน hooks หลักของ WooCommerce ที่คุณสามารถใช้เพื่อปรับแต่งหน้าการชำระเงิน ด้วยฟังก์ชัน PHP inbuilt unset()
คุณล้างฟิลด์และส่งกลับไปยัง WooCommerce พร้อม return ; ในบรรทัดต่อไปนี้
2) เลือกช่องรหัสไปรษณีย์
อีกทางเลือกหนึ่งในการปิดใช้งานการตรวจสอบรหัสไปรษณีย์ในหน้าชำระเงินของ WooCommerce คือการสร้างตัวเลือกฟิลด์แทนการบังคับ ในการทำเช่นนั้น ให้วางสคริปต์ต่อไปนี้ที่ส่วนท้ายของไฟล์ functions.php
:
// กำหนดฟิลด์ zip/postcode หรือไม่ก็ได้ add_filter( 'woocommerce_default_address_fields', 'QuadLayers_optional_postcode_checkout' ); ฟังก์ชัน QuadLayers_optional_postcode_checkout( $p_fields ) { $p_fields['รหัสไปรษณีย์']['required'] = เท็จ; ส่งคืน $p_fields; }
ที่นี่เราใช้ hook อื่น ( 'woocommerce_default_address_fields')
ในกรณีนี้ คุณสามารถใช้เบ็ดนี้เพื่อแก้ไขฟิลด์การเรียกเก็บเงินในหน้าชำระเงิน การตั้งค่าฟิลด์รหัสไปรษณีย์ เป็นเท็จ จะทำให้ไม่บังคับและลบการตรวจสอบ
3) ลบช่องการเรียกเก็บเงินออกจากการชำระเงิน
ฟิลด์ Zip จะแสดงในแบบฟอร์มการเรียกเก็บเงิน ดังนั้นอีกวิธีหนึ่งในการปิดใช้งานการตรวจสอบคือการปรับแต่งส่วนการเรียกเก็บเงินและ ลบบางฟิลด์ออกจากหน้าชำระเงิน ในทำนองเดียวกัน คุณปิดใช้งานฟิลด์รหัสไปรษณีย์ในจุดที่ 1 คุณสามารถทำเช่นเดียวกันกับฟิลด์อื่นๆ คุณสามารถระบุฟิลด์รหัสไปรษณีย์ในรหัสด้วยดัชนีเหล่านี้: $fields['billing']['billing_postcode'])
ในทำนองเดียวกัน คุณสามารถซ่อนฟิลด์อื่นๆ ที่คุณต้องการได้ คุณเพียงแค่ต้องรู้ดัชนีที่ถูกต้องสำหรับฟิลด์เฉพาะนั้น นี่คือตัวระบุบางส่วนของฟิลด์ที่คุณมักจะลบออกได้ เพื่อปรับปรุงประสบการณ์การซื้อของลูกค้า:
unset($fields['billing']['billing_company']); ยกเลิกการตั้งค่า($fields['billing']['billing_company']); unset($fields['billing']['billing_address_2']); unset($fields['billing']['billing_city']); unset($fields['billing']['billing_state']); unset($fields['billing']['billing_phone']); ยกเลิกการตั้งค่า($fields['billing']['billing_phone']);
แต่ละดัชนีที่ระบุฟิลด์มีชื่อที่อธิบายตนเองได้ นอกจากนี้ ดัชนี 'การเรียกเก็บเงิน' จะบอกคุณว่าฟิลด์นั้นอยู่ในแบบฟอร์มการเรียกเก็บเงิน ตัวอย่างเช่น หากคุณต้องการลบฟิลด์ บริษัท และที่อยู่ _2 คุณต้องมีรหัสนี้:
// ลบบริษัทและที่อยู่_2ช่องการเรียกเก็บเงิน add_filter( 'woocommerce_checkout_fields' , 'QuadLayers_remove_billing_fields' ); ฟังก์ชัน QuadLayers_remove_billing_fields ($fields) { unset($fields['billing']['billing_company']); ยกเลิกการตั้งค่า($fields['billing']['billing_company']); unset($fields['billing']['billing_address_2']); ส่งคืนฟิลด์ $; }
อย่างที่คุณเห็น คุณสามารถใช้ดัชนีได้มากกว่าหนึ่งรายการพร้อมกัน หากต้องการลบฟิลด์เพิ่มเติม เพียงเพิ่มลงในฟังก์ชันด้านบนโดยใช้ดัชนีที่เกี่ยวข้อง
4) แก้ไขป้ายกำกับของช่องหน้าชำระเงิน WooCommerce
ในตอนนี้ สมมติว่าคุณตัดสินใจทำให้ฟิลด์ Zip/Postcode เป็นทางเลือก แต่คุณต้องการเปลี่ยนป้ายกำกับของฟิลด์นั้น (Zip/Postcode) เพื่อให้ผู้ใช้ของคุณชัดเจนยิ่งขึ้น ด้วยสคริปต์ต่อไปนี้ คุณสามารถเปลี่ยนป้ายกำกับ 'Zip/Postcode' เป็นอะไรก็ได้ที่คุณต้องการ ตัวอย่างเช่น เราได้เปลี่ยน รหัสพื้นที่ :
/* WooCommerce: เปลี่ยนสตริงการเรียกเก็บเงิน */ add_filter( 'gettext', 'QuadLayers_billing_field_strings', 20, 3 ); ฟังก์ชัน QuadLayers_billing_field_strings( $translated_text, $text, $domain ) { สวิตช์ ( $translated_text ) { กรณี 'รหัสไปรษณีย์ / รหัสไปรษณีย์': $translated_text = __('รหัสพื้นที่','woocommerce'); หยุดพัก; } ส่งคืน $translated_text; }
เบ็ด gettext
มีประโยชน์มากและมักใช้กับการแปล แม้ว่านี่จะไม่ใช่การแปลตรงทั้งหมด แต่ฮุคนี้ก็มีประโยชน์อยู่ดี รหัสด้านบนจะเปลี่ยนป้ายกำกับ WooCommerce เริ่มต้น (รหัสไปรษณีย์) สำหรับสตริง รหัสพื้นที่
ดูสคริปต์ด้านบนและดูว่าสตริงเหล่านี้อยู่ที่ใดในโค้ด หากคุณต้องการแปลสตริงเพิ่มเติม เพียงเพิ่มการแปลของคุณในคำสั่ง switch ดังนี้:
ฟังก์ชัน QuadLayers_billing_field_strings( $translated_text, $text, $domain ) { สวิตช์ ( $translated_text ) { กรณี 'รายละเอียดการเรียกเก็บเงิน' : $translated_text = __( 'ข้อมูลการสั่งซื้อ', 'woocommerce' ); หยุดพัก; กรณี 'จัดส่งไปยังที่อยู่อื่นหรือไม่': $translated_text = __('กรุณาส่งไปที่อื่น','woocommerce'); หยุดพัก; กรณี 'ชื่อบริษัท': $translated_text = __('บริษัท','woocommerce'); หยุดพัก; กรณี 'รหัสไปรษณีย์ / รหัสไปรษณีย์': $translated_text = __('รหัสพื้นที่','woocommerce'); หยุดพัก; } ส่งคืน $translated_text; }
ณ จุดนี้ คุณควรจะสามารถลบและสร้างฟิลด์การชำระเงินที่เลือกได้ และคุณยังได้เรียนรู้วิธีแปลสตริงโดยใช้ gettext hook ในภาพต่อไปนี้ เราได้ลบหลายช่อง เปลี่ยนชื่อช่องรหัสไปรษณีย์สำหรับรหัสพื้นที่ และทำให้เป็นทางเลือก นอกจากนี้ เราได้แก้ไขส่วนหัวสำหรับการเรียกเก็บเงินและจัดส่งไปยังแบบฟอร์มที่อยู่อื่น
ลบการตรวจสอบรหัสไปรษณีย์ของ WooCommerce ด้วยปลั๊กอิน
หากคุณไม่มีทักษะในการเขียนโค้ดหรือรู้สึกไม่สะดวกใจที่จะแก้ไขไฟล์ functions.php เรามีวิธีแก้ปัญหาให้คุณ คุณสามารถ ลบการตรวจสอบรหัสไปรษณีย์ของ WooCommerce ด้วยปลั๊กอิน มีเครื่องมือหลายอย่าง แต่เราจะแสดงวิธีปิดการใช้งานฟิลด์รหัสไปรษณีย์ด้วยปลั๊กอิน freemium สองตัว:
- Checkout Manager สำหรับ WooCommerce
- WooCommerce ชำระเงินโดยตรง
1) ผู้จัดการการชำระเงินสำหรับ WooCommerce
Checkout Manager เป็นปลั๊กอินที่ยอดเยี่ยมในการปรับแต่งกระบวนการเช็คเอาต์และเป็นหนึ่งในเครื่องมือแก้ไขภาคสนามที่ดีที่สุด อนุญาตให้คุณเพิ่ม แก้ไข และลบฟิลด์ในหน้าชำระเงิน ด้วยวิธีนี้ คุณสามารถปรับแต่งฟิลด์ที่คุณต้องการแสดงในส่วนการเรียกเก็บเงิน การจัดส่ง และฟิลด์เพิ่มเติม
หากต้องการปิดใช้งานการตรวจสอบรหัสไปรษณีย์ของ WooCommerce ก่อนอื่น คุณต้องติดตั้งและเปิดใช้งานปลั๊กอิน คุณสามารถดาวน์โหลด Checkout Manager ได้ฟรีจากพื้นที่เก็บข้อมูล WordPress หรือซื้อหนึ่งในแผนพรีเมียมที่เริ่มต้นที่ 19 USD (ชำระครั้งเดียว)
เมื่อคุณเปิดใช้งาน Checkout Manager แล้ว ก็ถึงเวลาลบฟิลด์ที่คุณไม่ต้องการออก ดังนั้นในผู้ดูแลระบบ WordPress ของคุณ ให้ไปที่ WooCommerce > Checkout > Billing คุณจะมีตัวเลือกในการปิดใช้งานรหัสไปรษณีย์และฟิลด์อื่นๆ ที่คุณไม่ต้องการให้แสดงในส่วนการเรียกเก็บเงิน จากนั้น คุณสามารถไปที่ส่วนการจัดส่งและทำตามขั้นตอนซ้ำได้ ด้วยวิธีนี้ คุณไม่เพียงแต่สามารถลบฟิลด์ zip ออกเท่านั้น แต่ยังปรับแต่งหน้าชำระเงินทั้งหมดของคุณได้อีกด้วย Checkout Manager มีคุณลักษณะอื่นๆ มากมายที่คุณสามารถใช้ปรับปรุงการชำระเงินของคุณได้ เช่น การสร้างฟิลด์ที่มีเงื่อนไข หรือให้ผู้ใช้อัปโหลดไฟล์ในการชำระเงิน
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับวิธีการใช้ปลั๊กอินนี้ คุณสามารถตรวจสอบหน้าเอกสารประกอบ
2) WooCommerce ชำระเงินโดยตรง
ปลั๊กอินอื่นที่คุณสามารถใช้เพื่อลบฟิลด์รหัสไปรษณีย์คือ การชำระเงินโดยตรง นี่เป็นหนึ่งในปลั๊กอินการชำระเงินที่ดีที่สุดสำหรับ WooCommerce และช่วยให้คุณสามารถลบฟิลด์ที่ไม่จำเป็นเพื่อทำให้หน้าชำระเงินง่ายขึ้น และส่วนที่ดีที่สุดคือมันมีเวอร์ชันฟรี
ก่อนที่เราจะเริ่ม คุณสามารถดาวน์โหลดเวอร์ชันฟรีหรือซื้อหนึ่งในแผนพรีเมียมที่เริ่มต้นที่ 20 USD (ชำระครั้งเดียว)
หลังจากนั้นในผู้ดูแลระบบ WordPress ให้ไปที่ WooCommerce > Direct Checkout > Checkout ไปที่ส่วน ลบช่องชำระเงิน แล้วเลือกรหัสไปรษณีย์และช่องทั้งหมดที่คุณไม่ต้องการให้แสดงบนหน้าชำระเงิน นอกจากนี้ คุณจะมีตัวเลือกอื่นๆ ในการปรับแต่งหน้าชำระเงิน
การชำระเงินโดยตรงนั้นใช้งานง่ายมาก ดังนั้นคุณจะไม่มีปัญหากับการชำระเงินโดยตรง
บทสรุป
สรุปแล้ว ช่องบางช่องในหน้าการชำระเงินไม่จำเป็น และเพิ่มความยุ่งยากให้กับกระบวนการซื้อ ดังนั้นควรลบออกดีกว่า
เราได้เห็นวิธีปิดการใช้งานการตรวจสอบรหัสไปรษณีย์ของ WooCommerce เพื่อปรับปรุงประสบการณ์ของผู้ใช้และเพิ่มอัตราการแปลงของคุณ นอกจากนี้ คุณได้เรียนรู้การปรับแต่งการชำระเงินด้วย การเลือกช่อง zip การ ลบช่องการเรียกเก็บเงินออกจากการชำระเงิน และการแก้ไขป้ายกำกับ
สำหรับผู้ที่ไม่มีทักษะในการเขียนโค้ด เราได้เห็นวิธีลบรหัสไปรษณีย์และฟิลด์อื่นๆ ออกจากหน้าการชำระเงินด้วยปลั๊กอินสองตัว: Checkout Manager และ Direct Checkout เครื่องมือเหล่านี้มีเวอร์ชันฟรีและใช้งานง่ายมาก ดังนั้นจึงเป็นทางเลือกที่ดีสำหรับผู้ที่ไม่ต้องการแก้ไขไฟล์ functions.php
สุดท้าย หากคุณต้องการปรับแต่งส่วนอื่นๆ ของร้านค้าของคุณ เราขอแนะนำให้คุณดูคำแนะนำของเราในการแก้ไขหน้าร้านค้าและเพิ่มยอดขายของคุณ
คุณได้ลบการตรวจสอบรหัสไปรษณีย์หรือไม่ คุณมีปัญหาใด ๆ ในการทำตามบทช่วยสอนนี้หรือไม่? แจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง!