การตรวจสอบ WooCommerce Checkout สำหรับฟิลด์ (ตัวอย่างที่อยู่อีเมล)

เผยแพร่แล้ว: 2018-04-12

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

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

นอกจากนี้ การปรับแต่งช่องชำระเงิน WooCommerce การตรวจสอบความถูกต้อง รวมถึงข้อความแสดงข้อผิดพลาด ฟรีคงไม่เป็นการดีใช่ไหม มาดูวิธีใช้ปลั๊กอินฟรีกัน!

สารบัญ

ปลั๊กอินการตรวจสอบความถูกต้องของ WooCommerce
การตรวจสอบ WooCommerce Checkout (ตัวอย่างที่อยู่อีเมล)
กฎการตรวจสอบที่กำหนดเองสำหรับนักพัฒนา
คุณสมบัติการปรับแต่งเพิ่มเติม

ปลั๊กอินการตรวจสอบความถูกต้องของ WooCommerce

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

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

ดังนั้นเราจึงสร้างปลั๊กอินที่มีคุณสมบัติทั้งหมดที่ฉันระบุไว้ข้างต้น นอกจากนี้ คุณสามารถดาวน์โหลดได้ฟรี

ดูวิดีโอนี้เพื่อดูว่าปลั๊กอินนี้เสนออะไรในเวอร์ชันฟรี:

คุณสามารถดาวน์โหลดปลั๊กอินได้ที่นี่:

การตรวจสอบความถูกต้องของ WooCommerce Checkout โดยช่องชำระเงินที่ยืดหยุ่น

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

ดาวน์โหลดได้ฟรี หรือ ไปที่ WordPress.org

โต๊ะทำงาน WP

80,000+ การติดตั้งที่ใช้งานอยู่

ปรับปรุงล่าสุด: 2023-03-13

ทำงานร่วมกับ WooCommerce 7.1 - 7.6.x

นอกจากนี้ ร้านค้ากว่า 80,000 แห่ง ทั่วโลกยังใช้ปลั๊กอิน Flexible Checkout Fields ทุกวัน! Taka ดูบทวิจารณ์บางส่วน:

รีวิวช่องชำระเงินที่ยืดหยุ่น — ผู้ใช้ชื่นชมปลั๊กอินการตรวจสอบที่อยู่ WooCommerce ของเรา!

ฟังดูเป็นโค้ดที่ดีใช่ไหม

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

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

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

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

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

การตรวจสอบ WooCommerce Checkout (ตัวอย่างที่อยู่อีเมล)

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

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

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

วิธีกำหนดค่าการตรวจสอบช่องชำระเงินของ WooCommerce

คุณสามารถกำหนดค่าการตรวจสอบได้ในการตั้งค่าฟิลด์:

การตรวจสอบการชำระเงินของ WooCommerce สำหรับที่อยู่อีเมลที่มีข้อความแสดงข้อผิดพลาด — ฟิลด์การตรวจสอบ - แท็บขั้นสูง

มีช่องให้เลือกเพื่อให้คุณสามารถเลือกตัวเลือกที่คุณต้องการได้ (หรือไม่ใช้การตรวจสอบใดๆ เลย)

ปิดการตรวจสอบช่องชำระเงิน

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

การตรวจสอบเริ่มต้น

ฟิลด์นี้จะเปิดใช้การตรวจสอบเริ่มต้นตามผลลัพธ์ของตัวเลือกนี้ การตรวจสอบเริ่มต้นทำงานร่วมกับ:

ช่องอีเมล
ช่องโทรศัพท์
ฟิลด์รหัสไปรษณีย์

การตรวจสอบเริ่มต้นสำหรับฟิลด์ชำระเงินใน WooCommerce — การตรวจสอบที่อยู่ WooCommerce - ตัวอย่าง

มาดูตัวอย่างที่อยู่อีเมลที่ไม่ถูกต้องในหน้าชำระเงิน:

ที่อยู่อีเมลไม่ถูกต้องในการชำระเงิน — ช่องที่อยู่อีเมลในการชำระเงิน

ดังนั้น คุณจะเห็นข้อความแสดงข้อผิดพลาดในการชำระเงิน WooCommerce:

ข้อความแสดงข้อผิดพลาดในการชำระเงิน WooCommerce: ที่อยู่อีเมลไม่ถูกต้อง — ข้อความแสดงข้อผิดพลาดการชำระเงิน WooCommerce - ตัวอย่าง

อีเมล โทรศัพท์ หรือรหัสไปรษณีย์

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

ดังนั้น - มาลองกันเถอะ! สร้างฟิลด์ข้อความบรรทัดเดียวและเพิ่มการตรวจสอบความถูกต้อง การตรวจสอบอีเมลอาจจะ?

ปลั๊กอิน woocommerce สำหรับตรวจสอบอีเมล — การตรวจสอบอีเมล: ทีละขั้นตอน

การตรวจสอบความถูกต้องของ WooCommerce - การตั้งค่าฟิลด์ — การตรวจสอบที่อยู่ WooCommerce - ขั้นตอนที่ 3

ต่อไป เราป้อนที่อยู่อีเมลที่ไม่ถูกต้อง

ที่อยู่อีเมลไม่ถูกต้องในฟิลด์ที่กำหนดเอง — ข้อความแสดงข้อผิดพลาดการชำระเงินของ WooCommerce - ตัวอย่าง

จากผลการตรวจสอบการชำระเงินของ WooCommerce เราได้รับข้อความแสดงข้อผิดพลาด:

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

กฎการตรวจสอบที่กำหนดเองสำหรับนักพัฒนา

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

เรียนรู้วิธี เพิ่มการตรวจสอบแบบกำหนดเองสำหรับช่องชำระเงินของ WooCommerce →

การตรวจสอบช่องชำระเงิน & คุณสมบัติการปรับแต่งเพิ่มเติม

วันนี้ คุณได้เรียนรู้วิธีกำหนดค่าการตรวจสอบความถูกต้องของที่อยู่อีเมลด้วยปลั๊กอิน Flexible Checkout Fields นี่เป็นเครื่องมือที่ทรงพลังมาก

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

เพลย์ลิสต์นี้มีวิดีโอสอนทั้งหมดเกี่ยวกับปลั๊กอินช่องชำระเงินแบบยืดหยุ่น อย่าลืมบันทึกไว้ในภายหลัง!

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

หากคุณมีคำถามใด ๆ เพียงใช้ส่วนความคิดเห็นด้านล่าง

ปล. บางที คู่มือ WooCommerce Checkout ทีละขั้นตอน อาจน่าสนใจสำหรับคุณ!