วิธีเพิ่มการชำระเงินรหัส QR Stripe ใน WordPress

เผยแพร่แล้ว: 2025-01-28
how to add stripe qr code payment in wordpress

คุณต้องการ เพิ่มตัวเลือกการชำระเงินรหัส QR ในไซต์ WordPress ของคุณหรือไม่?

วิธีการชำระเงิน QR ช่วยให้ผู้ใช้สามารถสแกนและเข้าถึง ลิงค์การชำระเงิน ของคุณบนโทรศัพท์ สิ่งนี้ทำให้กระบวนการชำระเงินง่ายขึ้นและง่ายขึ้นสำหรับพวกเขา

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

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

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

ในท้ายที่สุดมันสามารถมองออกไปนอกสถานที่และมีความขัดแย้งในการทำงาน

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

นี่คือเหตุผลที่เราแนะนำให้คุณใช้ WPFORMS เพื่อช่วยคุณสร้างตัวเลือกการชำระเงินรหัส QR

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

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

ส่วนที่ดีที่สุดคือ WPFORMS รวมเข้ากับเกตเวย์การชำระเงินเช่น PayPal และ Stripe ทำให้สร้างรหัส QR ที่เชื่อมโยงกับหน้าการชำระเงินได้ง่าย

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

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

ด้วยเหตุผลเหล่านี้เราจึงเลือกแถบ

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

Stripe สนับสนุนวิธีการชำระเงินที่หลากหลายรวมถึงบัตรเครดิต/เดบิตกระเป๋าเงินมือถือเช่น Apple Pay และ Google Pay รวมถึงระบบการชำระเงินในท้องถิ่น

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

นี่คือเหตุผลอื่นที่ Stripe เป็นเกตเวย์การชำระเงินรหัส QR ที่ยอดเยี่ยม

  • การชำระเงินครั้งเดียว: ลูกค้าสามารถสแกนรหัส QR และชำระเงินให้เสร็จสมบูรณ์ในไม่กี่วินาทีโดยใช้วิธีการชำระเงินที่บันทึกไว้
  • จำนวนการชำระเงินแบบไดนามิก: Stripe ช่วยให้คุณสร้างรหัส QR ที่เชื่อมโยงกับจำนวนการชำระเงินที่คำนวณได้แบบไดนามิก
  • การรวมเข้ากับเว็บไซต์อย่างง่ายดาย: Stripe ให้การรวม API อย่างง่ายและปลั๊กอินสำหรับแพลตฟอร์มเช่น WordPress
  • การอัปเดตแบบเรียลไทม์: Dashboard ของ Stripe ติดตามการชำระเงินผ่านรหัส QR คุณสามารถตรวจสอบธุรกรรมได้ทันที
  • การทำธุรกรรมที่ปลอดภัย: การชำระเงินผ่านรหัส QR Stripe ได้รับการประมวลผลอย่างปลอดภัยพร้อมการเข้ารหัสขั้นสูงและกลไกการตรวจจับการฉ้อโกง

อย่างที่คุณเห็นการรวมกันของ Stripe และ WPForms เป็นวิธีที่ยอดเยี่ยมในการรับการชำระเงินผ่านรหัส QR

จากนั้นให้เราแสดงให้คุณเห็นทีละขั้นตอนวิธีตั้งค่าการชำระเงินรหัส QR ใน WordPress

ด้านล่างนี้เป็นตัวอย่างของการชำระเงินรหัส QR Stripe เราจะสร้างในบทช่วยสอนนี้:

qr code payment example

เมื่อออกนอกเส้นทางมาเริ่มกันเถอะ

วิธีเพิ่มการชำระเงินรหัส QR Stripe ใน WordPress

ดังที่ได้กล่าวไว้เราต้องการเครื่องมือสองอย่างในการตั้งค่าการชำระเงิน QR ใน WordPress: WPForms และ Stripe

wpforms homepage

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

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

  • ขั้นตอนที่ 1: ติดตั้งและตั้งค่า wpforms
  • ขั้นตอนที่ 2: ติดตั้งและตั้งค่า WPFORMS Stripe Pro Addon
  • ขั้นตอนที่ 3: สร้างแบบฟอร์มการชำระเงิน
  • ขั้นตอนที่ 4: ตั้งค่าการชำระเงินแถบ
  • ขั้นตอนที่ 5: ตั้งค่าการแจ้งเตือนและข้อความยืนยัน
  • ขั้นตอนที่ 6: เผยแพร่แบบฟอร์ม
  • ขั้นตอนที่ 7: เพิ่มรหัส QR สำหรับการชำระเงินลายใน WordPress

ให้เราพาคุณผ่านกระบวนการทั้งหมดด้านล่าง

ขั้นตอนที่ 1: ติดตั้งและตั้งค่า wpforms

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

install wpforms in wordpress plugin repo

แต่คุณต้องใช้เวอร์ชัน Pro สำหรับฟังก์ชันการใช้แถบขั้นสูงเช่นการใช้รหัส QR

นี่เป็นเพราะเวอร์ชัน Pro ช่วยให้คุณสามารถเข้าถึง Stripe Pro Addon ซึ่งเราจะต้องใช้ในบทช่วยสอนนี้ นอกจากนั้น WPFORMS เวอร์ชันฟรีมาพร้อมกับค่าธรรมเนียมการทำธุรกรรม 3% ซึ่งสามารถเพิ่มต้นทุนสินค้าของคุณ

ตรวจสอบรีวิว WPFORMS ล่าสุดเพื่อเรียนรู้เพิ่มเติม

ในการเริ่มต้นใช้งานเว็บไซต์ WPFORMS อย่างเป็นทางการและลงทะเบียนเพื่อวางแผน พวกเขาเสนอแผนการที่หลากหลายทำให้ง่ายต่อการค้นหาที่เหมาะกับงบประมาณและความต้องการของคุณ แต่เพื่อใช้ Addon Stripe Pro โดยเฉพาะคุณต้องมีแผน Pro หรือ Elite WPFORMS

หลังจากที่คุณซื้อแผนโปรหรือ Elite ให้เข้าสู่บัญชี WPFORMS ของคุณและนำทางไปยัง การดาวน์โหลด

หลังจากนี้ให้ดาวน์โหลดไฟล์ ZIP WPFORMS ไปยังพีซีของคุณ จากนั้นในหน้านี้ยังคงคัดลอก คีย์ใบอนุญาต คุณจะต้องใช้มันเพื่อเปิดใช้งานเวอร์ชัน Pro

wpforms-pro-license

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

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

หลังจากเปิดใช้งานคุณควรเห็นตัวเลือกเมนูใหม่จะปรากฏในแผงควบคุม WordPress ของคุณที่มีชื่อว่า“ WPFORMS” สิ่งนี้บ่งชี้ว่ากระบวนการติดตั้งประสบความสำเร็จ

หลังจากนี้ไปที่ WPFORMS »การตั้งค่า»ทั่วไป และวาง "รหัสใบอนุญาต" ที่คุณคัดลอกมาก่อนหน้านี้

ในที่สุดกด ปุ่มยืนยัน และนั่นก็คือ! คุณพร้อมที่จะใช้ WPFORMS

verify wpforms license

ถัดไปให้เราดูวิธีการตั้งค่าการชำระเงินลายใน WordPress ผ่าน WPFORMS

ขั้นตอนที่ 2: ติดตั้งและตั้งค่า WPFORMS Stripe Pro Addon

WPFORMS ทำให้ง่ายมากในการเพิ่มการชำระเงินของแถบและกำหนดค่า สิ่งที่คุณต้องทำคือไปที่ wpforms » addons

ที่นี่เลื่อนดู Addons ที่มีอยู่หรือใช้ฟังก์ชั่นการค้นหาเพื่อค้นหา addon“ Stripe Pro” หลังจากนี้ให้ติดตั้งและเปิดใช้งานเหมือนปลั๊กอิน addon อื่น ๆ

wpforms stripe pro addon

แค่ไหน! ตอนนี้คุณสามารถใช้ฟังก์ชั่นแถบขั้นสูงบน WPFORMS ผ่าน Addon นี้

ถัดไปกำหนดค่าและตั้งค่าการชำระเงินแถบบน WPFORMS

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

wpforms connect to stripe

คุณจะถูกเปลี่ยนเส้นทางไปยังหน้าลงทะเบียนซึ่งคุณสามารถเพิ่มรายละเอียดการเข้าสู่ระบบของคุณ หากคุณไม่มีบัญชี Stripe คุณสามารถสร้างหนึ่งในหน้านี้ได้

wpforms login to stripe

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

wpforms stripe connection successful

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

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

ขั้นตอนที่ 3: สร้างแบบฟอร์มการชำระเงิน

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

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

ส่วนที่ดีที่สุดของการใช้ WPFORMS คือมันมาพร้อมกับเทมเพลตแบบฟอร์มพร้อมใช้งานมากกว่า 2,000 รายการ สิ่งนี้ทำให้กระบวนการง่ายขึ้นต่อไป คุณยังสามารถใช้ผืนผ้าใบเปล่าหากคุณมีประสบการณ์การออกแบบ

wpforms templates page

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

การสอนทีละขั้นตอนของเราจะใช้เทมเพลต "แบบฟอร์มการติดต่ออย่างง่าย"

ดังนั้นเราจะโฉบเหนือมันและกด“ ใช้เทมเพลต” สิ่งนี้จะเปิดเทมเพลตในตัวสร้างแบบฟอร์มการลากและวาง

wpforms simple contact form

ก่อนอื่นคุณจะสังเกตเห็นว่าอินเทอร์เฟซตัวสร้างแบบฟอร์มแบ่งออกเป็นสองส่วน:“ ฟิลด์” ทางด้านซ้ายและตัวอย่างสดของแบบฟอร์มของคุณทางด้านขวา

ฟิลด์แบ่งออกเป็นฟิลด์มาตรฐานฟิลด์แฟนซีและเขตข้อมูลการชำระเงิน ทำให้ง่ายต่อการค้นหาฟิลด์ที่คุณต้องการเพิ่ม

wpforms edit billing template

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

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

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

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

wpforms edit field labels

โปรดจำไว้ว่าแต่ละเทมเพลต WPFORMS มีฟิลด์เพิ่มล่วงหน้าซึ่งคุณสามารถปรับแต่งได้

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

drag and drop in wpforms

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

ตรวจสอบบทความเปรียบเทียบนี้เกี่ยวกับ WPFORMS vs. Formstack เพื่อดูว่าพวกเขาจับคู่ในการสร้างแบบฟอร์มอย่างไร

ขั้นตอนที่ 4: ตั้งค่าการชำระเงินแถบ

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

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

ดังนั้นไปที่แผงฟิลด์และเลื่อนไปที่ ฟิลด์การชำระเงิน ที่นี่ค้นหาฟิลด์“ Stripe Credit Card” จากนั้นลากและวางลงในตำแหน่งในแบบฟอร์มที่คุณต้องการให้ปรากฏ

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

wpforms add stripe field

ตรวจสอบบทความนี้เพื่อเรียนรู้วิธีที่สะดวกอีกวิธีหนึ่งในการรับบัตรใน WordPress

เมื่อฟิลด์การชำระเงินแถบพร้อมให้ไปที่แท็บ "การชำระเงิน" ทางด้านซ้ายสุด

เมื่อเลือกแล้วคุณเปิดเกตเวย์การชำระเงินทั้งหมดเพื่อเชื่อมต่อกับ WPForms คุณสามารถใช้ Authorize.net, คูปอง, Paypal Commerce, Paypal Standard และ Square

แต่เกตเวย์การชำระเงินที่แนะนำคือแถบซึ่งคุณจะพบที่ด้านบนของหน้านี้

wpforms stripe payment activation

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

ตรวจสอบบทความนี้เพื่อเรียนรู้วิธีการตั้งค่าการชำระเงินที่เกิดขึ้นซ้ำกับ WPFORMS

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

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

wpforms one time payments
อีกครั้ง WPForms ทำให้กระบวนการทำแผนที่ง่ายขึ้น

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

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

หลังจากทำแผนที่มันควรจะดูเหมือนภาพหน้าจอด้านล่าง:

wpforms mapping stripe

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

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

wpforms enable conditional logic

นอกเหนือจากตรรกะตามเงื่อนไขนี่เป็นอีกวิธีหนึ่งในการลดการละทิ้งรูปแบบที่มีประโยชน์

ขั้นตอนที่ 5: ตั้งค่าการแจ้งเตือนและข้อความยืนยัน

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

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

form-notification-email

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

คุณสามารถตั้งค่าข้อความยืนยันได้ทันทีในหน้าเดียวกันเป็น“ ข้อความ” แสดงในหน้าอื่นในเว็บไซต์เดียวกันหรือบน URL ภายนอก

wpforms-confirmations

WPForms ช่วยให้คุณตั้งค่าทั้งสองภายใต้ การตั้งค่า ที่นี่คุณจะได้รับแท็บสำหรับทั้ง "การแจ้งเตือน" และ "การยืนยัน"

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

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

ขั้นตอนที่ 6: เผยแพร่แบบฟอร์ม

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

ให้เราดูวิธีเผยแพร่ในหน้าเว็บที่มีอยู่

ก่อนอื่นให้กดปุ่ม บันทึก ที่ด้านบนของหน้า เมื่อเสร็จแล้วให้เลือกปุ่ม“ ฝัง” ถัดจากปุ่ม บันทึก เพื่อเปิดหน้าต่างป๊อปอัป จากนั้นในหน้าต่างนี้เลือก“ เลือกหน้าเว็บที่มีอยู่”

wpforms add form to existing page

ในป๊อปอัพถัดไปให้เลือกหน้าเว็บที่คุณต้องการให้แบบฟอร์มปรากฏจากดรอปดาวน์ หลังจากการโจมตีครั้งนี้“ ไปกันเถอะ”

สิ่งนี้จะเปิดหน้าในตัวแก้ไขบล็อกของ WordPress

wpforms select page for form

หลังจากนี้ไปที่ด้านซ้ายสุดของตัวแก้ไขบล็อกและเลือกปุ่ม Plus (+) เพื่อเปิดบล็อก

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

wpforms select form from block

ในที่สุดกด บันทึก ที่ด้านบนขวาของหน้า ณ จุดนี้คุณควรเห็นแบบฟอร์มการติดต่อที่คุณสร้างขึ้นในหน้าสด

ถัดไปให้เราดูวิธีเพิ่มแบบฟอร์มการชำระเงินในหน้าใหม่

กลับไปที่ปุ่ม ฝัง อีกครั้งที่ด้านบนของตัวสร้างแบบฟอร์มการลากและวาง แต่คราวนี้เลือก“ สร้างหน้าใหม่”

wpforms embed form to new page

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

wpforms name new page

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

wpforms payment form sample

แค่ไหน! ตอนนี้คุณสามารถเผยแพร่แบบฟอร์มโดยใช้ WPFORMS บนหน้าเว็บที่มีอยู่และหน้าใหม่

ถัดไปให้เราดูวิธีเพิ่มรหัส QR เพื่อรับการชำระเงินผ่านแบบฟอร์ม

ขั้นตอนที่ 7: เพิ่มรหัส QR สำหรับการชำระเงินลายใน WordPress

ตอนนี้มี 2 วิธีฟรีและง่าย ๆ ในการเพิ่มรหัส QR ลงในแบบฟอร์มการชำระเงินของคุณ ก่อนอื่นคุณสามารถใช้ Google Chrome ซึ่งมีฟังก์ชั่น QR ในตัวหรือรหัสย่อ Ultimate ซึ่งเป็นปลั๊กอิน WordPress ฟรี

1. ใช้ฟังก์ชั่น Chrome ในตัว เพื่อเพิ่มรหัส QR

google chrome download

ในการสร้างรหัส QR โดยใช้ฟังก์ชัน Google Chrome ให้เปิดหน้าฟอร์มการชำระเงินบนเบราว์เซอร์

คุณสามารถใช้ปุ่มแชร์ถัดจากแถบข้อความ URL เพื่อเปิดฟังก์ชั่นรหัส QR

หากคุณไม่พบที่นี่ให้กดปุ่ม“ ปรับแต่งและควบคุม” ที่ด้านบนขวาของเบราว์เซอร์ Chrome ของคุณ ซึ่งมักจะแสดงเป็น 3 จุด

หลังจากนี้ให้เลื่อนลงเพื่อ หล่อบันทึกและแบ่งปัน จากนั้นจากเมนูดรอปดาวน์ให้เลือก“ สร้างรหัส QR”

chrome built in qr code builder

จากนั้นบนป๊อปอัพที่ปรากฏถัดไปดาวน์โหลดรหัส QR เป็นภาพ

qr code image download

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

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

แค่นั้นแค่นั้น ผู้ใช้ของคุณสามารถเปิดแบบฟอร์มการชำระเงินของคุณได้ทันที

2. ใช้รหัสย่อ Ultimate เพื่อเพิ่มรหัส QR

Shortcodes Ultimate

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

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

shortcodes ultimate install

หลังจากนี้ให้เปิดหน้าใหม่หรือที่มีอยู่ในแผงควบคุม WordPress ของคุณ จากนั้นใช้ฟังก์ชั่น Plus (+) เพื่อค้นหา“ รหัสย่อ”

ลากและวางบล็อกสั้น ๆ ไปยังตำแหน่งบนหน้าเว็บที่คุณต้องการให้รหัส QR ปรากฏขึ้น

shortcodes ultimate block

เมื่อเสร็จแล้วให้เลือกตัวเลือก Square Brackets“ []” ที่ด้านบนของบล็อกสั้น ๆ เพื่อเปิดตัวเลือกเพิ่มเติม จากนั้นค้นหา“ รหัส QR” จากรายการตัวเลือกยาวในหน้าต่างป๊อปอัพ

shortcodes ultimate qr code

ในป๊อปอัปถัดไปให้ป้อน URL แบบฟอร์มการชำระเงินในฟิลด์ ข้อมูล จากนั้นคุณสามารถเพิ่มการปรับแต่งได้มากขึ้นเช่นขนาด, ระยะขอบ, การจัดตำแหน่ง, ลิงค์และอื่น ๆ

shortcodes ulitmate qr code customization

หลังจากนี้ให้กดปุ่มแทรกและอัปเดตหน้า คุณควรเห็นรหัส QR ในหน้าสด ณ จุดนี้

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

qr code payment example

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

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

คำถามที่พบบ่อย

การเพิ่มรหัส QR Stripe ลงใน WordPress ปลอดภัยหรือไม่?

อย่างแน่นอน Stripe ทำให้มั่นใจได้ว่าการประมวลผลการชำระเงินที่ปลอดภัยด้วยการปฏิบัติตามและการเข้ารหัส PCI เมื่อรวมเข้ากับ WordPress โดยใช้ปลั๊กอินที่มีชื่อเสียงเช่น WPForms หรือ WooCommerce การชำระเงินรหัส QR ของคุณจะปลอดภัยเท่ากับการทำธุรกรรมแถบปกติ

ฉันสามารถใช้รหัส QR Stripe สำหรับการชำระเงินที่เกิดขึ้นซ้ำของ WordPress ได้หรือไม่?

ใช่ Stripe รองรับการชำระเงินที่เกิดขึ้นซ้ำ ๆ และคุณสามารถเปิดใช้งานสิ่งนี้ผ่านปลั๊กอินเช่น WPFORMS หรือการสมัครสมาชิก WooCommerce หลังจากกำหนดค่าลิงค์การชำระเงินการสมัครสมาชิกใน Stripe ให้สร้างรหัส QR ที่เชื่อมโยงไปยังและฝังไว้ในไซต์ WordPress ของคุณ

ฉันจะเพิ่มการชำระเงินรหัส QR Stripe ไปยังไซต์ WordPress ของฉันได้อย่างไร

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

ฉันสามารถสร้างรหัส QR แบบไดนามิกใน WordPress ได้หรือไม่?

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

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

ยิ่งไปกว่านั้นนี่คือบทความอื่น ๆ ที่คุณอาจสนใจในการอ่าน

  • 9 ปลั๊กอินการชำระเงิน WordPress ที่ดีที่สุด
  • WP Simple Pay Review: เป็นปลั๊กอินการชำระเงินที่ดีที่สุดหรือไม่?
  • 9 ปลั๊กอินการชำระเงิน WordPress ที่ดีที่สุด

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