วิธีปิดการใช้งานการตรวจสอบรหัสไปรษณีย์ของ WooCommerce

เผยแพร่แล้ว: 2020-09-12

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

เหตุใดจึงลบการตรวจสอบรหัสไปรษณีย์ของ WooCommerce

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

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

วิธีปิดการใช้งานการตรวจสอบรหัสไปรษณีย์ของ WooCommerce โดยทางโปรแกรม

เนื่องจากเราจะแก้ไขไฟล์ functions.php ของธีมของคุณ ก่อนที่เราจะเริ่มต้น เราขอแนะนำให้คุณสร้างธีมย่อย คุณสามารถตรวจสอบคำแนะนำของเราเพื่อสร้างหรือใช้ปลั๊กอินเหล่านี้ได้ ดังนั้น หากต้องการลบการตรวจสอบความถูกต้องของรหัสไปรษณีย์ใน WooCommerce ก่อนอื่น ให้ไปที่หน้าผลิตภัณฑ์และเพิ่มสินค้าลงในรถเข็นโดยคลิกที่ปุ่ม Add to Cart ตอนนี้ มาดูกันว่าคุณจะทำสิ่งต่อไปนี้ได้อย่างไร:

  1. ลบรหัสไปรษณีย์ออกจากหน้าชำระเงิน WooCommerce
  2. ทำให้ฟิลด์รหัสไปรษณีย์เป็นทางเลือก
  3. ลบช่องการเรียกเก็บเงินออกจากการชำระเงิน
  4. แก้ไขป้ายกำกับของช่องหน้าชำระเงิน

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 ; ในบรรทัดต่อไปนี้ ลบฟิลด์ตรวจสอบความถูกต้องของ zip/postcode woocommerce

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']); 
ส่งคืนฟิลด์ $; 
}

อย่างที่คุณเห็น คุณสามารถใช้ดัชนีได้มากกว่าหนึ่งรายการพร้อมกัน หากต้องการลบฟิลด์เพิ่มเติม เพียงเพิ่มลงในฟังก์ชันด้านบนโดยใช้ดัชนีที่เกี่ยวข้อง ลบช่องชำระเงิน woocommerce

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 - รอบชิงชนะเลิศ

ลบการตรวจสอบรหัสไปรษณีย์ของ WooCommerce ด้วยปลั๊กอิน

หากคุณไม่มีทักษะในการเขียนโค้ดหรือรู้สึกไม่สะดวกใจที่จะแก้ไขไฟล์ functions.php เรามีวิธีแก้ปัญหาให้คุณ คุณสามารถ ลบการตรวจสอบรหัสไปรษณีย์ของ WooCommerce ด้วยปลั๊กอิน มีเครื่องมือหลายอย่าง แต่เราจะแสดงวิธีปิดการใช้งานฟิลด์รหัสไปรษณีย์ด้วยปลั๊กอิน freemium สองตัว:

  1. Checkout Manager สำหรับ WooCommerce
  2. 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 Direct Checkout

การชำระเงินโดยตรงนั้นใช้งานง่ายมาก ดังนั้นคุณจะไม่มีปัญหากับการชำระเงินโดยตรง

บทสรุป

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

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

สำหรับผู้ที่ไม่มีทักษะในการเขียนโค้ด เราได้เห็นวิธีลบรหัสไปรษณีย์และฟิลด์อื่นๆ ออกจากหน้าการชำระเงินด้วยปลั๊กอินสองตัว: Checkout Manager และ Direct Checkout เครื่องมือเหล่านี้มีเวอร์ชันฟรีและใช้งานง่ายมาก ดังนั้นจึงเป็นทางเลือกที่ดีสำหรับผู้ที่ไม่ต้องการแก้ไขไฟล์ functions.php

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

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