วิธีซ่อนและลบช่องชำระเงิน WooCommerce อย่างง่ายดาย (ปลั๊กอินและ PHP)

เผยแพร่แล้ว: 2019-10-14

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

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

เหตุใดจึงปิดใช้งานช่องชำระเงิน WooCommerce

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

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

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

มาดู วิธีการลบช่องชำระเงินใน WooCommerce และเพิ่มความเร็วในกระบวนการเช็คเอาต์

จะลบช่องชำระเงินใน WooCommerce ได้อย่างไร

เนื่องจากเป็นไปไม่ได้ที่จะลบฟิลด์เช็คเอาต์เริ่มต้นของ WooCommerce ออกจากแดชบอร์ด WordPress ในบทช่วยสอนนี้ เราจะแสดงวิธีซ่อนและลบฟิลด์เช็คเอาต์ในสองวิธีที่แตกต่างกัน:

  1. การใช้ปลั๊กอิน
  2. ด้วยสคริปต์ PHP

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

1) ลบช่องชำระเงิน WooCommerce โดยใช้ปลั๊กอิน

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

  1. WooCommerce Checkout Manager
  2. ชำระเงินโดยตรงสำหรับ WooCommerce

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

1.1 – ลบช่องชำระเงินด้วย WooCommerce Checkout Manager

WooCommerce Checkout Manager เป็นหนึ่งในเครื่องมือที่ดีที่สุดในการลบช่องการชำระเงิน ปลั๊กอิน freemium นี้มีเวอร์ชันฟรีและแผนพรีเมียม 3 แผนซึ่งเริ่มต้นที่ 19 USD (ชำระครั้งเดียว)

หากต้องการปิดใช้งานช่องชำระเงิน WooCommerce ให้ทำตามขั้นตอนเหล่านี้:

    1. ติดตั้งและเปิดใช้งาน WooCommerce Checkout Manager คุณสามารถไปที่ Plugins > Add New และค้นหา “ WooCommerce Checkout Manager ” หรือดาวน์โหลดได้ฟรีจากลิงค์นี้ เครื่องมือนี้มีเวอร์ชันโปรพร้อมฟีเจอร์ขั้นสูง แต่สำหรับงานนี้ เวอร์ชันฟรีก็เพียงพอแล้ว
    2. ไปที่แท็บ WooCommerce ในแดชบอร์ด WordPress ของคุณ
    3. คลิก ชำระเงิน จากนั้นไปที่แท็บ การ เรียกเก็บเงิน
    4. คุณจะเห็นรายการของฟิลด์ทั้งหมดที่คุณสามารถซ่อนได้ ดังนั้นเพียงแค่เปิดใช้งานตัวเลือก ปิดใช้งาน บนฟิลด์ที่คุณต้องการลบ
    5. หลังจากนั้น คุณสามารถไปที่แท็บ การ จัดส่ง และ เพิ่มเติม และปิดใช้งานฟิลด์ที่คุณต้องการลบ
    6. หลังจากที่คุณซ่อนฟิลด์ทั้งหมดที่คุณไม่ต้องการในหน้าชำระเงินของ WooCommerce อย่าลืมบันทึกการเปลี่ยนแปลง เท่านี้ก็เรียบร้อย!

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

1.2 – ลบช่องการชำระเงินด้วย Direct Checkout สำหรับ WooCommerce

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

นี่คือเครื่องมือฟรีเมียม มีเวอร์ชันฟรีพร้อมคุณสมบัติพื้นฐานและแผนพรีเมียม 3 แผนซึ่งเริ่มต้นที่ 19 USD (ชำระครั้งเดียว) ในการลบฟิลด์ออกจากหน้าชำระเงิน WooCommerce ด้วย Direct Checkout คุณต้อง:

  1. ติดตั้งและเปิดใช้งาน WooCommerce Direct Checkout ในแดชบอร์ด WP ของคุณ คุณสามารถไปที่ Plugins > Add New และค้นหา “ WooCommerce Direct Checkout ” หรือดาวน์โหลดได้ฟรีจากลิงค์นี้
  2. ไปที่แท็บ WooCommerce ในแดชบอร์ด WordPress ของคุณ
  3. กด ชำระเงินตรง จากนั้นไปที่แท็บการ ชำระเงิน
  4. ที่นี่ คุณจะเห็นรายการของฟิลด์ทั้งหมดที่คุณสามารถลบออกได้ เช่น ประเทศ รัฐ ความคิดเห็นเกี่ยวกับคำสั่งซื้อ ข้อความนโยบาย คอลัมน์ และอื่นๆ จากแท็บ ทั่วไป คุณยังสามารถนำผู้ใช้จากหน้าผลิตภัณฑ์ไปยังจุดชำระเงินได้โดยตรงจากตัวเลือกที่ เพิ่มในรถเข็น แล้ว
  5. เมื่อคุณลบฟิลด์ที่คุณไม่ต้องการในหน้าชำระเงินแล้ว เพียงบันทึกการเปลี่ยนแปลง

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

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

2) ลบช่องชำระเงิน WooCommerce ด้วยสคริปต์ PHP

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

ในส่วนนี้ เราจะแสดงวิธีที่คุณสามารถลบช่องการชำระเงินออกจากการชำระเงิน WooCommerce ที่เข้ารหัสโซลูชันของคุณเอง หากคุณได้อ่านบทช่วยสอนของเราเกี่ยวกับวิธีแก้ไขช่องการชำระเงิน คุณจะคุ้นเคยกับ WooCommerce hooks ในกรณีนี้ เราจะใช้ woocommerce_checkout_fields hook และเราจะเรียกมันว่า quadlayers_remove_checkout_fields ดังนี้:

 add_filter( 'woocommerce_checkout_fields', 'quadlayers_remove_checkout_fields' );

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

ลบนามสกุล

ตัวอย่างเช่น หากคุณต้องการลบฟิลด์นามสกุล คุณสามารถใช้สิ่งต่อไปนี้:

 unset($fields['billing']['billing_last_name']);

หลังจากนั้น คุณต้องแทรกลงในฟังก์ชันที่มีชื่อเดียวกับที่คุณใช้ในตัวกรองเบ็ดในขั้นตอนแรก ( quadlayers_remove_checkout_fields ):

 ฟังก์ชัน quadlayers_remove_checkout_fields ($fields) {

unset($fields['billing']['billing_last_name']); 

ส่งคืนฟิลด์ $; 

}

สุดท้าย ให้แทรกสคริปต์แบบเต็มเพื่อลบ นามสกุลของ ฟิลด์ WooCommerce ในไฟล์ functions.php ของธีมลูกดังที่แสดงด้านล่าง:

 add_filter( 'woocommerce_checkout_fields', 'quadlayers_remove_checkout_fields' ); 

ฟังก์ชัน quadlayers_remove_checkout_fields ($fields) { 

unset($fields['billing']['billing_last_name']); 

ส่งคืนฟิลด์ $; 

}

ลบช่องอื่นๆ

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

 unset($fields['billing']['billing_first_name']);
unset($fields['billing']['billing_last_name']);
unset($fields['billing']['billing_company']); ยกเลิกการตั้งค่า($fields['billing']['billing_company']);
unset($fields['billing']['billing_address_1']);
unset($fields['billing']['billing_address_2']);
unset($fields['billing']['billing_city']);
unset($fields['billing']['billing_postcode']);
unset($fields['billing']['billing_country']);
unset($fields['billing']['billing_state']);
unset($fields['billing']['billing_phone']); ยกเลิกการตั้งค่า($fields['billing']['billing_phone']);
unset($fields['order']['order_comments']);
unset($fields['billing']['billing_email']);
unset($fields['account']['account_username']);
unset($fields['account']['account_password']);
unset($fields['account']['account_password-2']);

จะแสดงช่องการชำระเงินที่คุณได้ลบไปก่อนหน้านี้ได้อย่างไร

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

 unset($fields['billing']['billing_postcode']);

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

โบนัส: จะลบแท็บข้อมูลเพิ่มเติมใน WooCommerce ได้อย่างไร

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

  1. ผ่าน PHP : การแก้ไขไฟล์ functions.php
  2. ผ่าน CSS : การแก้ไข ไฟล์ style.css

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

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

  1. ไปที่ FTP ของคุณและเปิดโฟลเดอร์ wp-content จากนั้นไปที่ ธีม และเปิดโฟลเดอร์ child_theme ของคุณ
  2. ที่นั่น เปิดไฟล์ functions.php
  3. ไปที่ด้านล่างและใส่รหัสต่อไปนี้:
 add_filter( 'woocommerce_product_tabs' , 'quadlayers_remove_product_tabs' );
ฟังก์ชัน quadlayers_remove_product_tabs ($tabs) {
unset( $แท็บ['additional_information'] );
ส่งคืนแท็บ $;
}

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

ลบแท็บคำอธิบายและบทวิจารณ์

นอกจากนี้ คุณสามารถกำจัดแท็บคำอธิบายและแท็บบทวิจารณ์ด้วยรหัสต่อไปนี้:

 add_filter( 'woocommerce_product_tabs' , 'quadlayers_remove_product_tabs' );
ฟังก์ชัน quadlayers_remove_product_tabs ($tabs) {
unset( $แท็บ['คำอธิบาย'] );
unset( $tabs['รีวิว'] );
ส่งคืนแท็บ $;
}

คุณควรลบฟิลด์การชำระเงิน WooCommerce ใด

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

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

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

บทสรุป

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

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

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

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

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