วิธีรับชำระเงินด้วยบัตรเครดิตบนเว็บไซต์ WordPress ของคุณอย่างง่ายดาย

เผยแพร่แล้ว: 2022-06-29


คุณต้องการรับชำระเงินด้วยบัตรเครดิตบนเว็บไซต์ WordPress ของคุณอย่างง่ายดายหรือไม่?

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

ในบทความนี้ เราจะแบ่งปัน 2 วิธีง่ายๆ ในการรับชำระเงินด้วยบัตรเครดิตบนเว็บไซต์ WordPress ของคุณ

วิธีรับชำระเงินด้วยบัตรเครดิตบนเว็บไซต์ WordPress ของคุณอย่างง่ายดาย

ทำไมต้องรับชำระเงินด้วยบัตรเครดิตใน WordPress?

บัตรเครดิตและบัตรเดบิตเป็นรูปแบบการชำระเงินออนไลน์ที่ใช้กันมากที่สุดในโลก

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

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

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

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

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

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

  • วิธีที่ 1. รับชำระเงินด้วยบัตรเครดิตด้วย WP Simple Pay (แบบง่ายที่สุด)
  • วิธีที่ 2: ยอมรับการชำระเงินด้วยบัตรเครดิตด้วย WPForms (ปรับแต่งได้มากขึ้น)
  • วิธีที่ 3 วิธีโบนัสสามวิธีในการรับชำระเงินด้วยบัตรเครดิตใน WordPress

1. รับชำระเงินด้วยบัตรเครดิตใน WordPress ด้วย WP Simple Pay

สำหรับวิธีนี้ เราจะใช้ WP Simple Pay ซึ่งเป็นปลั๊กอินการชำระเงิน Stripe ที่ดีที่สุดในตลาด ด้วย WP Simple Pay คุณสามารถรับการชำระเงินโดยไม่ต้องตั้งค่าและใช้ปลั๊กอินอีคอมเมิร์ซที่ซับซ้อน

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

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

เราจะใช้ WP Simple Pay Lite เพราะฟรี 100% หากคุณต้องการคุณสมบัติขั้นสูงเพิ่มเติม ก็ยังมี WP Simple Pay Pro เวอร์ชันนี้มีตัวเลือกการปรับแต่งเพิ่มเติม ตัวสร้างฟอร์มแบบลากและวาง และอีเมลใบเสร็จรับเงินที่กำหนดเอง

ขั้นแรก คุณจะต้องติดตั้งและเปิดใช้งานปลั๊กอิน WP Simple Pay หากคุณต้องการความช่วยเหลือ โปรดดูคำแนะนำในการติดตั้งปลั๊กอิน WordPress

เมื่อเปิดใช้งาน ปลั๊กอินจะเปิดวิซาร์ดการตั้งค่า WP Simple Pay โดยอัตโนมัติ หากต้องการเริ่มรับการชำระเงินด้วยบัตรเครดิต ให้คลิกที่ปุ่ม 'มาเริ่มกันเลย'

วิซาร์ดการตั้งค่า WP Simple Pay

ขั้นตอนแรกคือการเชื่อมต่อ WP Simple Pay กับบัญชี Stripe ของคุณ

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

ขั้นแรก ให้คลิกที่ปุ่ม 'เชื่อมต่อกับ Stripe'

เชื่อมต่อ WP Simple Pay กับ Stripe

ในหน้าจอถัดไป WP Simple Pay จะขอที่อยู่อีเมล

หากคุณลงทะเบียนกับ Stripe แล้ว อย่าลืมพิมพ์ที่อยู่ที่เชื่อมโยงกับบัญชี Stripe ของคุณ

เชื่อมต่อ WP Simple Pay กับ Stripe

ไม่มีบัญชี Stripe? จากนั้นพิมพ์ที่อยู่อีเมลที่คุณต้องการใช้สำหรับบัญชี Stripe ใหม่ของคุณ

จากนั้นเพียงคลิกที่ปุ่ม Continue

WP Simple Pay จะตรวจสอบว่ามีบัญชี Stripe ที่เชื่อมโยงกับที่อยู่อีเมลของคุณหรือไม่ หากพบบัญชี WP Simple Pay จะขอรหัสผ่าน Stripe ของคุณ

หากไม่พบบัญชี WP Simple Pay จะแนะนำคุณตลอดขั้นตอนการลงทะเบียนกับ Stripe เพียงทำตามคำแนะนำบนหน้าจอเพื่อสร้างบัญชี และเชื่อมต่อกับ WP Simple Pay

สร้างบัญชี Stripe ฟรี

หลังจากเชื่อมต่อ WP Simple Pay และ Stripe คุณก็พร้อมที่จะสร้างปุ่มการชำระเงินแล้ว

เพียงคลิกที่ 'สร้างแบบฟอร์มการชำระเงิน'

การสร้างแบบฟอร์มการชำระเงินด้วยบัตรเครดิต

คุณยังสามารถสร้างปุ่มชำระเงินได้โดยไปที่ WP Simple Pay » Add New

การสร้างแบบฟอร์ม WP Simple Pay ใหม่

ตอนนี้ เพียงวางเมาส์เหนือเทมเพลต 'ปุ่มชำระเงิน'

จากนั้นคลิกที่ 'สร้างปุ่มชำระเงิน'

การสร้างปุ่มชำระเงินด้วยบัตรเครดิต

ตอนนี้ พิมพ์ชื่อสำหรับปุ่มชำระเงินของคุณลงในฟิลด์ 'ชื่อ'

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

การสร้างชื่อสำหรับปุ่มชำระเงินของคุณ

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

ตอนนี้เพียงคลิกที่แท็บการชำระเงิน

การตั้งค่าโหมดการชำระเงิน Stripe ของคุณ

จากที่นี่ คุณสามารถเลือกจำนวนเงินที่จะเรียกเก็บเงินด้วยปุ่มชำระเงินของคุณ

ไปข้างหน้าและพิมพ์หมายเลขนี้ลงในฟิลด์ 'จำนวนครั้งเดียว'

การตั้งค่าการชำระเงินแบบครั้งเดียว

WP Simple Pay ใช้สกุลเงินดอลลาร์เป็นค่าเริ่มต้น

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

ถัดไป เลื่อนไปที่ส่วนข้อความปุ่ม

นี่คือข้อความที่ WordPress จะแสดงบนปุ่มของคุณ โดยค่าเริ่มต้น WP Simple Pay ใช้ 'Pay Now' เป็นป้ายกำกับปุ่ม

หากต้องการเปลี่ยนแปลงสิ่งนี้ เพียงพิมพ์ข้อความใหม่ลงในช่องข้อความปุ่ม

การสร้างป้ายปุ่ม

ในส่วนนี้ คุณยังสามารถเปลี่ยนข้อความการประมวลผลปุ่ม

นี่คือข้อความที่ WP Simple Pay จะแสดงให้ผู้เข้าชมเห็นในขณะที่กำลังประมวลผลข้อมูลการชำระเงิน

การตั้งค่าข้อความ 'การประมวลผลปุ่ม' ของคุณ

WP Simple Pay ใช้รูปแบบปุ่มของธีม WordPress สำหรับรูปแบบปุ่ม 'ค่าเริ่มต้น'

อีกทางเลือกหนึ่งคือการใช้สไตล์ 'แถบสีน้ำเงิน' ซึ่งใช้การไล่ระดับสีและมุมมน

สไตล์ปุ่มสีน้ำเงินลาย

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

หากต้องการดูตัวอย่างผลิตภัณฑ์สำเร็จรูป ให้คลิกที่ปุ่มแสดงตัวอย่าง

ดูตัวอย่างปุ่ม WP Simple Pay ของคุณ

เมื่อคุณพอใจกับสิ่งที่คุณเห็นในตัวอย่างแล้ว ก็ถึงเวลาเพิ่มปุ่มลงในเว็บไซต์ WordPress ของคุณ

โดยคลิกที่ปุ่ม เผยแพร่

กำลังเผยแพร่ปุ่มชำระเงินด้วยบัตรเครดิตของคุณ

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

สิ่งที่คุณต้องมีคือรหัสย่อที่ WP Simple Pay สร้างขึ้นโดยอัตโนมัติ

ในการคว้ารหัสนี้ ให้ค้นหาฟิลด์ 'Form Shortcode' จากนั้นคลิกที่ปุ่ม 'คัดลอก'

กำลังคัดลอกรหัสย่อการชำระเงินด้วยบัตรเครดิต

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

หลังจากวางรหัสย่อนี้ ปุ่มชำระเงินของคุณจะปรากฏบนเว็บไซต์ WordPress ของคุณ

ก่อนที่คุณจะเริ่มรับการชำระเงิน คุณควรทดสอบปุ่มของคุณเสียก่อน

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

เพื่อยืนยันว่า WP Simple Pay อยู่ในโหมดนี้ ให้ดูที่แถบเครื่องมือที่ด้านบนสุดของแดชบอร์ด WordPress ของคุณ คุณควรจะมีข้อความว่า 'โหมดทดสอบ'

โหมดการทดสอบของ WP Simple Pay

หากคุณไปที่หน้าหรือโพสต์ที่คุณเพิ่มปุ่มนี้ คุณจะเห็น "โหมดทดสอบ" ใต้ปุ่มของคุณโดยตรง

วิธีรับชำระเงินด้วยบัตรเครดิตใน WordPress . อย่างง่ายดาย

ในการทดสอบปุ่มของคุณ มีปัญหาหนึ่งข้อ

Stripe ไม่แสดงการชำระเงินทดสอบโดยค่าเริ่มต้น! โชคดีที่มีวิธีแก้ไขที่ง่าย

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

แดชบอร์ดการชำระเงิน Stripe

ถัดไป เพียงคลิกที่แถบเลื่อน 'นักพัฒนา' ที่มุมขวาบน

แดชบอร์ด Stripe จะอัปเดตเพื่อแสดงแบนเนอร์ "ข้อมูลทดสอบ" การชำระเงินทดสอบใด ๆ จะแสดงในแดชบอร์ด Stripe ของคุณ

ทดสอบการชำระเงินด้วยบัตรเครดิตด้วย Stripe และ WordPress

ตอนนี้คุณพร้อมที่จะทดสอบปุ่มของคุณแล้ว

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

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

ตอนนี้คุณได้ตรวจสอบแล้วว่าทุกอย่างทำงานได้อย่างราบรื่น ถึงเวลานำปุ่มของคุณออกจากโหมดทดสอบ

เพียงไปที่ WP Simple Pay » แบบฟอร์มการชำระเงิน จากนั้นคุณสามารถวางเมาส์เหนือปุ่มการชำระเงิน แล้วคลิกลิงก์แก้ไข

วิธีรับชำระเงินด้วยบัตรเครดิตใน WordPress . อย่างง่ายดาย

ค้นหาแท็บการชำระเงินในเมนูด้านซ้ายมือ แล้วคลิกเพียงครั้งเดียว

สุดท้าย ให้เลือกช่อง 'Live Mode' ในพื้นที่ 'Payment Mode'

การนำปุ่มชำระเงินด้วยบัตรเครดิต WordPress ออกจากโหมดทดสอบ

อย่าลืมคลิกที่ปุ่ม 'อัปเดต' ที่ด้านบนของหน้าจอเพื่อบันทึกการเปลี่ยนแปลงของคุณ

ตอนนี้คุณสามารถเยี่ยมชมเว็บไซต์ของคุณเพื่อดูปุ่มการชำระเงินของคุณ

2. รับชำระเงินด้วยบัตรเครดิตใน WordPress ด้วย WPForms

หากคุณต้องการสร้างปุ่มการชำระเงินแบบตรงไปตรงมา วิธี WP Simple Pay ที่แสดงด้านบนเป็นทางเลือกที่ดี

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

ซึ่งหมายความว่าคุณจะต้องมีปลั๊กอินตัวสร้างแบบฟอร์มที่ยืดหยุ่นและมีประสิทธิภาพ

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

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

เทมเพลตการชำระเงินของ WPForms

สำหรับบทช่วยสอนนี้ เราจะใช้เวอร์ชัน WPForms Pro เนื่องจากจะช่วยให้คุณเข้าถึงส่วนเสริม Stripe Payments ส่วนเสริมที่ทรงพลังนี้ให้คุณรับชำระเงินด้วยบัตรเครดิตใน WordPress โดยใช้เกตเวย์การชำระเงิน Stripe ยอดนิยม

อย่างไรก็ตาม สิ่งสำคัญที่ต้องจำไว้คือ คุณสามารถใช้ WPForms เพื่อรับชำระเงินด้วยบัตรเครดิตโดยใช้ Square, Authorize.net และ PayPal เราขอแนะนำ Stripe เพราะนั่นคือสิ่งที่เราใช้เป็นตัวประมวลผลการชำระเงินของเรา

ขั้นแรก คุณจะต้องติดตั้งและเปิดใช้งาน WPForms Pro หากคุณต้องการความช่วยเหลือ โปรดดูคำแนะนำในการติดตั้งปลั๊กอิน WordPress

หลังจากเปิดใช้งาน WPForms ตรงไปที่ WPForms » Settings ในแดชบอร์ด WordPress ของคุณ

การตั้งค่าโปรของ WPForms

ตอนนี้คุณสามารถป้อนรหัสใบอนุญาตของคุณลงในฟิลด์ 'รหัสใบอนุญาต' คุณจะพบคีย์นี้ในบัญชี WPForms ของคุณ

หลังจากเปิดใช้งานปลั๊กอินหลัก ก็ถึงเวลาติดตั้งส่วนเสริม Stripe

ในแดชบอร์ด WordPress ของคุณ ไปที่ WPForms » Addons

ส่วนเสริม Stripe ของ WPForms

เพียงเลื่อนจนกว่าคุณจะพบ Stripe Addon

จากนั้นคลิกที่ปุ่ม 'ติดตั้ง Addon'

การติดตั้งแถบเสริม

ถัดไปไปที่ WPForms » Settings

จากนั้นคลิกที่แท็บการชำระเงิน

การตั้งค่าการชำระเงินของ WPForms

โดยค่าเริ่มต้น WPForms จะเรียกเก็บเงินเป็นดอลลาร์อเมริกัน

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

การเปลี่ยนการตั้งค่าสกุลเงินของ WPForms

ขั้นตอนต่อไปคือการเชื่อมต่อ WP Simple Pay กับบัญชี Stripe ของคุณ

เมื่อต้องการทำการเชื่อมต่อนี้ ให้เลื่อนไปที่ส่วนสถานะการเชื่อมต่อ จากนั้นเพียงคลิกที่ปุ่ม 'เชื่อมต่อกับ Stripe'

เชื่อมต่อ WordPress กับ Stripe Payments

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

เมื่อคุณเชื่อมต่อกับ Stripe สำเร็จแล้ว ก็ถึงเวลาสร้างแบบฟอร์มการชำระเงินของคุณ ในการดำเนินการนี้ ตรงไปที่ WPForms » Add New

การสร้างแบบฟอร์ม WordPress ใหม่

ตอนนี้คุณสามารถพิมพ์ชื่อสำหรับแบบฟอร์มของคุณลงในฟิลด์ 'ตั้งชื่อแบบฟอร์มของคุณ'

ผู้เยี่ยมชมเว็บไซต์ของคุณจะไม่เห็นชื่อ ดังนั้นจึงเป็นเพียงข้อมูลอ้างอิงเท่านั้น

ให้แบบฟอร์มการชำระเงินด้วยบัตรเครดิตของคุณเป็นชื่อ

WPForms มีเทมเพลตที่แตกต่างกัน ดังนั้นคุณจึงสามารถเริ่มต้นและสร้างแบบฟอร์มทุกประเภทได้อย่างรวดเร็ว เนื่องจากเรากำลังสร้างแบบฟอร์มการชำระเงิน คุณอาจต้องการพิมพ์ 'การชำระเงิน' หรือ 'บัตรเครดิต' ลงในฟิลด์ 'Search Templates'

ซึ่งจะแสดงเทมเพลตทั้งหมดที่มีคำว่า 'การชำระเงิน' หรือ 'บัตรเครดิต' ในชื่อ

การเลือกแบบฟอร์มการชำระเงินด้วยบัตรเครดิตสำหรับ WordPress

หากต้องการดูเทมเพลตให้ละเอียดยิ่งขึ้น เพียงวางเมาส์เหนือเทมเพลตนั้น

จากนั้นคลิกที่ปุ่ม ดูการสาธิต

การแสดงตัวอย่างเทมเพลตการชำระเงินด้วยบัตรเครดิต

WPForms จะแสดงเทมเพลตนี้ในแท็บใหม่

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

แบบฟอร์มการชำระเงินด้วยบัตรเครดิต

เทมเพลต WPForms ที่คุณเลือกจะเปิดขึ้นในแท็บใหม่ พร้อมให้คุณปรับแต่ง

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

การปรับแต่งเทมเพลตการชำระเงินด้วยบัตรเครดิต WPForms

คุณสามารถใช้ส่วนนี้เพื่อเสนอทางเลือกผลิตภัณฑ์หรือบริการแก่ผู้เยี่ยมชม

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

หากต้องการปรับแต่งส่วนนี้ เพียงคลิกเดียว แถบด้านข้าง WPForms จะอัปเดตเพื่อแสดงการตั้งค่าทั้งหมดสำหรับส่วนนี้

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

การสร้างแบบฟอร์มการชำระเงินด้วยบัตรเครดิตสำหรับ WordPress

คุณยังสามารถเปลี่ยนแปลงราคาของแต่ละรายการได้

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

การเพิ่มราคาให้กับเทมเพลตบัตรเครดิต WPForms ของคุณ

คุณยังสามารถเปลี่ยนข้อความที่ WordPress ใช้สำหรับรายการตัวยึดตำแหน่งตามขั้นตอนเดียวกันด้านบน

โดยค่าเริ่มต้น เทมเพลตนี้ให้ผู้เข้าชมเลือกระหว่างสามรายการ หากคุณต้องการเพิ่มตัวเลือกอื่นๆ ให้คลิกที่ไอคอน +

สิ่งนี้จะเพิ่ม 'รายการ' ใหม่ ซึ่งพร้อมให้คุณปรับแต่ง

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

หากต้องการลบรายการออกจากส่วนนี้ ให้คลิกที่ไอคอน '-'

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

การนำผลิตภัณฑ์ออกจากแบบฟอร์มการชำระเงินด้วยบัตรเครดิตของคุณ

ถัดไป เทมเพลตนี้มีตัวเลือกวิธีการจัดส่ง 'Ground' หรือ 'Express' ให้กับผู้เข้าชม

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

การเพิ่มตัวเลือกการจัดส่งไปยัง WordPress

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

คุณยังสามารถเปลี่ยนแปลงราคาสำหรับวิธีการจัดส่งแต่ละวิธีได้อีกด้วย หากคุณต้องการเสนอการจัดส่งฟรี คุณสามารถตั้งราคานี้เป็น $0 ได้

อีกทางเลือกหนึ่งคือลบส่วนนี้ให้หมด

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

การลบฟิลด์ WPForm

ถัดไป คุณต้องเพิ่มช่องบัตรเครดิต Stripe ในแบบฟอร์มของคุณ ช่องนี้จะเก็บข้อมูลการชำระเงินของลูกค้า

หากต้องการเพิ่มฟิลด์นี้ ให้คลิกที่แท็บ 'เพิ่มฟิลด์'

การเพิ่มฟิลด์ในแบบฟอร์มการชำระเงินด้วยบัตรเครดิตของคุณ

จากนั้นเลื่อนไปที่ส่วนช่องการชำระเงิน

ตอนนี้คุณสามารถไปข้างหน้าและลากฟิลด์บัตรเครดิต Stripe ลงในแบบฟอร์มการชำระเงินของคุณ

ช่องบัตรเครดิต Stripe

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

คุณยังสามารถเปลี่ยนลำดับที่ฟิลด์เหล่านี้ปรากฏขึ้นโดยใช้การลากและวาง

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

วิธีเติมเครดิตแบบฟอร์มการชำระเงินด้วยบัตรด้วย WPForms

หลังจากนั้น เพียงทำเครื่องหมายที่ช่องถัดจากตัวเลือก 'เปิดใช้งานการชำระเงิน Stripe'

ขณะนี้ คุณสามารถพิมพ์คำอธิบายลงในฟิลด์ คำอธิบายการชำระเงิน ข้อความนี้จะปรากฏในรายการบัญชีบัตรเครดิตของลูกค้า

คุณยังมีตัวเลือกในการส่งใบเสร็จรับเงินทางอีเมลให้กับลูกค้าของคุณ ในการสร้างใบเสร็จรับเงินทางอีเมล ให้เปิดเมนูดร็อปดาวน์ Stripe Payment Receipt จากนั้นคุณสามารถเลือก 'อีเมล'

การสร้างอีเมลใบเสร็จรับเงิน

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

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

การสร้างการชำระเงินด้วยบัตรเครดิตแบบเป็นงวด

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

หากต้องการเปิดใช้งานการส่ง AJAX เพียงไปที่ การ ตั้งค่า » ทั่วไป

การตั้งค่าการส่งแบบฟอร์ม AJAX

จากนั้นคลิกเพื่อขยายส่วนขั้นสูง

สุดท้าย ให้เลือกช่อง "เปิดใช้งานการส่งแบบฟอร์ม AJAX"

เปิดใช้งานการส่ง AJAX

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

ในการดำเนินการนี้ เพียงคลิกปุ่มบันทึกที่ด้านบนของหน้าจอ

บันทึกแบบฟอร์มการชำระเงินด้วยบัตรเครดิตของคุณ

ขั้นตอนต่อไปคือการกำหนดค่าการแจ้งเตือนของแบบฟอร์ม

ทุกครั้งที่ลูกค้ากรอกแบบฟอร์มการชำระเงิน WPForms จะส่งอีเมลไปยังผู้ดูแลระบบ WordPress ของคุณตามค่าเริ่มต้น

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

ทำได้ง่ายโดยใช้ WPForms หากต้องการปรับแต่งการแจ้งเตือนทางอีเมล ให้คลิกที่แท็บการตั้งค่า จากนั้นเลือกการแจ้งเตือน

การสร้างการแจ้งเตือนการชำระเงินด้วยบัตรเครดิต

ในหน้าจอนี้ ให้ค้นหาช่อง "ส่งไปยังที่อยู่อีเมล" โดยค่าเริ่มต้น ค่านี้จะถูกตั้งค่าเป็น admin_email นี่เป็นค่าไดนามิกที่บอกให้ WordPress ใช้อีเมลผู้ดูแลระบบ WordPress

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

หากคุณต้องการส่งอีเมลถึงบุคคลหลายคน ให้คั่นแต่ละที่อยู่ด้วยเครื่องหมายจุลภาค

การสร้างการแจ้งเตือนทางอีเมล

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

หลังจากสร้างอีเมลเหล่านี้แล้ว คุณจะต้องตรวจสอบให้แน่ใจว่าอีเมลเหล่านั้นถูกส่งไปยังกล่องขาเข้าอีเมลของผู้รับ ไม่ใช่ไปยังโฟลเดอร์สแปม

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

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

หากต้องการส่งอีเมลถึงลูกค้าของคุณ ให้คลิกที่ปุ่ม 'เพิ่มการแจ้งเตือนใหม่'

การสร้างการแจ้งเตือน WPForms ใหม่

WPForms จะขอให้คุณระบุชื่อสำหรับการแจ้งเตือนนี้ เรียกว่า 'การแจ้งลูกค้า'

หลังจากนั้น WPForms จะแสดงฟิลด์การแจ้งเตือนทั้งหมดที่คุณสามารถปรับแต่งได้

วิธีรับชำระเงินด้วยบัตรเครดิตใน WordPress . อย่างง่ายดาย

เพื่อให้แน่ใจว่า WPForms ส่งการแจ้งเตือนนี้ไปยังที่อยู่ที่ถูกต้อง ให้คลิกที่ลิงก์ 'แสดงสมาร์ทแท็ก' ถัดจากตัวเลือก 'ส่งไปยังที่อยู่อีเมล'

จากนั้นเลือกฟิลด์ 'อีเมล' ซึ่งช่วยให้ WPForms ใช้ที่อยู่อีเมลที่ลูกค้าให้ไว้เมื่อส่งการชำระเงิน

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

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

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

หลังจากนั้นคุณสามารถตรงไปที่แท็บ 'การยืนยัน'

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

การสร้างข้อความยืนยันการชำระเงิน

แทนที่จะแสดงข้อความ คุณอาจต้องการแสดงหน้าใดหน้าหนึ่งหรือเปลี่ยนเส้นทางลูกค้าไปยัง URL อื่น

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

การเปลี่ยนการตั้งค่าการยืนยันการชำระเงิน

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

หากต้องการเพิ่มลงในโพสต์ ให้เปิดบล็อกโพสต์ที่คุณต้องการแก้ไข

จากนั้นคลิกที่ไอคอนเครื่องหมายบวก (+)

บล็อก WordPress WPForms

ในป๊อปอัปที่ปรากฏขึ้น ให้พิมพ์ 'WPForms' เพื่อค้นหาบล็อกที่ถูกต้อง

เมื่อคุณคลิกที่บล็อก WPForms บล็อกจะเพิ่มลงในเพจของคุณ

บล็อก WordPress WPForms

ในบล็อกใหม่ของคุณ คลิกเพื่อเปิดเมนูดรอปดาวน์

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

การเลือกแบบฟอร์มการชำระเงินด้วยบัตรเครดิตของคุณ

หากคุณพอใจกับรูปลักษณ์ของแบบฟอร์ม คุณสามารถเผยแพร่หรืออัปเดตหน้าได้

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

การเพิ่มการชำระเงินด้วยบัตรเครดิตใน WordPress

วิธีที่ 3 วิธีโบนัสในการรับชำระเงินด้วยบัตรเครดิตใน WordPress

แม้ว่า WP Simple Pay และ WPForms จะเป็นวิธีที่ตรงไปตรงมาที่สุดในการรับชำระเงินด้วยบัตรเครดิตใน WordPress แต่ผู้ใช้บางคนอาจมีความต้องการที่แตกต่างกัน

ตัวอย่างเช่น คุณอาจต้องการเริ่มต้นร้านค้าออนไลน์เพื่อขายสินค้าที่จับต้องได้ ขาย ebook ขายหลักสูตรออนไลน์ หรือแม้แต่รับบริจาค

ในกรณีดังกล่าว คุณอาจต้องใช้โซลูชันที่มีคุณสมบัติครบถ้วนสำหรับกรณีการใช้งานเฉพาะของคุณ:

  • MemberPress – นี่เป็นทางออกที่ดีเมื่อคุณต้องการขายหลักสูตรออนไลน์หรือการเป็นสมาชิก มีวิธีรับชำระเงินด้วยบัตรเครดิตโดยใช้ Stripe และ Authorize.net
  • Easy Digital Downloads – เหมาะอย่างยิ่งสำหรับการขายการดาวน์โหลดดิจิทัล เช่น eBook, เพลง, ซอฟต์แวร์ และอื่นๆ EDD ให้คุณรับบัตรเครดิตและมีตัวเลือกการชำระเงินหลายแบบในรถเข็น
  • WooCommerce – นี่คือปลั๊กอินอีคอมเมิร์ซยอดนิยมของ WordPress ที่ให้คุณขายผลิตภัณฑ์ที่จับต้องได้ทางออนไลน์ WooCommerce ให้คุณรับชำระเงินด้วยบัตรเครดิตได้เช่นกัน

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

หากคุณชอบบทความนี้ โปรดสมัครรับข้อมูลจากบทแนะนำวิดีโอ YouTube Channel สำหรับ WordPress คุณสามารถหาเราได้ที่ Twitter และ Facebook

โพสต์ วิธีรับชำระเงินด้วยบัตรเครดิตบนเว็บไซต์ WordPress ของคุณอย่างง่ายดาย ปรากฏครั้งแรกบน WPBeginner