วิธีการตั้งค่า WordPress Stripe Webhook (ไม่มี WooCommerce)

เผยแพร่แล้ว: 2023-10-11

เคยสงสัยบ้างไหมว่าจะรวม WordPress Stripe webhook เพื่อกระบวนการชำระเงินออนไลน์ที่ราบรื่นได้อย่างไร?

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

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

ตั้งค่า Stripe Webhook ด้วย WPForms

วิธีการตั้งค่า Stripe Webhooks (ไม่มี WooCommerce)

คุณสามารถตั้งค่า Stripe webhooks ได้อย่างง่ายดายโดยใช้การรวม Stripe ดั้งเดิมของ WPForms ทำตามขั้นตอนด้านล่างเพื่อเริ่มต้น:

ในบทความนี้

  • 1. การติดตั้งและเปิดใช้งาน WPForms
  • 2. การเชื่อมต่อ Stripe กับไซต์ WordPress ของคุณ
  • 3. การตั้งค่า Stripe Webhook ด้วยตนเอง
  • 4. การสร้าง Webhook Endpoint ใน Stripe
  • 5. ใช้ประโยชน์จากคุณสมบัติการชำระเงินที่ได้รับการปรับปรุง

1. การติดตั้งและเปิดใช้งาน WPForms

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

นอกจากนี้ ปลั๊กอิน WPForms ฟรียังทำให้การเชื่อมต่อแบบฟอร์มคำสั่งซื้อของคุณกับ Stripe เป็นเรื่องง่าย โดยเรียกเก็บค่าธรรมเนียมเล็กน้อย 3% ต่อธุรกรรม + ค่าธรรมเนียม Stripe

ใบอนุญาตทุกระดับ รวมถึงลูกค้า WPForms Lite ยังสามารถใช้ webhook สำหรับการเชื่อมต่อแบบสองทางกับ Stripe ซึ่งซับซ้อนและใช้เวลาน้อยกว่า WooCommerce

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

WPForms homepage

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

ยอดเยี่ยม! ตอนนี้ได้เวลาตั้งค่าการเชื่อมต่อ Stripe กับ WPForms และเปิดใช้งาน Stripe webhooks เพื่อซิงค์เว็บไซต์ของคุณกับกิจกรรม Stripe ของคุณ

2. การเชื่อมต่อ Stripe กับไซต์ WordPress ของคุณ

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

WPForms payments tab

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

Payment currency selection

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

Connect with Stripe

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

WPForms Stripe account

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

Stripe connection status

หมายเหตุ: webhook จะกำหนดค่าโดยอัตโนมัติเมื่อคุณเชื่อมต่อเว็บไซต์ของคุณกับ Stripe มันจะลองกำหนดค่าอัตโนมัติหลายครั้งในเบื้องหลัง

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

หากต้องการตั้งค่า Stripe webhook ด้วยตนเอง คุณจะต้องสร้างจุดสิ้นสุดในแดชบอร์ด Stripe และคัดลอกคีย์การกำหนดค่าไปยัง WPForms

3. การตั้งค่า Stripe Webhook ด้วยตนเอง

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

จากนั้น เลื่อนลงไปจนกว่าจะถึงบริเวณที่มีข้อความว่า Stripe ในการเริ่มต้น ให้สลับตัวเลือก เปิดใช้งาน Webhooks จากที่นี่

enable webhooks option

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

webhooks field

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

หมายเหตุ: จำเป็นต้องมีการตั้งค่าส่วนบุคคลสำหรับโหมด Live และ Test ใช้ ช่องรหัสการทดสอบ Webhooks และรหัส ลับการทดสอบ Webhooks สำหรับโหมดทดสอบ

ใช้ช่อง Webhooks Live ID และ Webhooks Live Secret สำหรับ Live Mode ตรวจสอบให้แน่ใจว่าโหมดไซต์ของคุณตรงกับการตั้งค่าของ Stripe

จากนั้น คุณสามารถสลับระหว่างโหมดการซิงโครไนซ์แบบสดและแบบทดสอบได้โดยไปที่ *domain*/wp-admin/admin.php?page=wpforms-settings&view=payments&webhooks_settings

4. การสร้าง Webhook Endpoint ใน Stripe

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

เมื่อคุณเข้าสู่ระบบบัญชี Stripe ปุ่มสลับ โหมดทดสอบ จะปรากฏขึ้นที่มุมขวาบนของหน้า

Stripe dashboard test mode

หมายเหตุ: หากคุณอยู่ในโหมดทดสอบ ควรเปิด สลับ และหากคุณอยู่ในโหมดสด ควรปิด สวิตช์

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

Stripe dashboard developers option

หลังจากที่คุณเปิดหน้านักพัฒนาแล้ว เพียงไปที่แท็บ Webhooks แล้วคลิกที่แท็บนั้น

webhooks tab Stripe dashboard

จากนั้น คลิกไอคอน เพิ่มจุดสิ้นสุด ในหน้า Webhooks เพื่อสร้างจุดสิ้นสุดของ Webhook ใหม่

add an endpoint

การดำเนินการนี้จะแสดงหน้ากิจกรรม Listen to Stripe webhook ซึ่งคุณต้องกรอกข้อมูลที่จำเป็นเพื่อตั้งค่า webhook ของคุณ

Stripe events page

ตอนนี้ กลับไปที่ WPForms » การตั้งค่า » การชำระเงิน เมื่อไปถึงแล้ว ให้คัดลอก Webhooks Endpoint โดยคลิกไอคอนคัดลอก

copy webhooks endpoint

เมื่อคัดลอก Webhooks Endpoint แล้ว ให้ไปที่บัญชี Stripe ของคุณแล้วป้อนลงในช่อง Endpoint URL

endpoint url in Stripe account

จากนั้นตัวเลือก Listen to และ Version จะปรากฏขึ้น ปล่อยให้พวกเขาไม่ถูกรบกวน จากนั้นคลิกปุ่ม + เลือกเหตุการณ์

select events button

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

Stripe add events

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

Stripe add endpoint

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

Stripe copy webhook id

กลับไปที่ WPForms » การตั้งค่า » การชำระเงิน และวาง webhook ID ลงในพื้นที่ Webhooks Live ID

paste webhooks live id

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

Stripe reveal signing secret

เมื่อมีการเปิดเผยความลับในการลงนาม ให้คัดลอกค่าและวางลงในช่อง Webhooks Live Secret ในการตั้งค่า WPForms ของคุณ

webhooks live secret

จากนั้นคลิกที่ Save Settings และคุณจะตั้งค่าเสร็จสิ้น! สถานะการชำระเงินของคุณจะซิงค์แบบเรียลไทม์ระหว่าง WPForms และ Stripe

5. ใช้ประโยชน์จากคุณสมบัติการชำระเงินที่ได้รับการปรับปรุง

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

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

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

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

WPForms payments summary graph

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

  • ทุกประเภท : ประเภทการชำระเงิน ซึ่งรวมถึงการชำระเงินแบบครั้งเดียวและแบบสมัครสมาชิก
  • เกตเวย์ทั้งหมด: วิธีการชำระเงินที่ใช้จัดการและอนุมัติธุรกรรมการชำระเงิน รวมถึง PayPal Standard, PayPal Commerce, Stripe, Square และ Authorize.net
  • การสมัครสมาชิกทั้งหมด : สถานะปัจจุบันของการชำระเงินตามการสมัครสมาชิก ซึ่งอาจเป็นหนึ่งในสิ่งต่อไปนี้: ใช้งานอยู่ ยกเลิกแล้ว หรือไม่ได้ซิงค์

wpforms payment filter options

หมายเหตุ: ตัวเลือกตัวกรองเกตเวย์ทั้งหมดจะใช้งานได้เฉพาะเมื่อคุณเปิดใช้งานเกตเวย์การชำระเงินหลายรายการใน WPForms

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

click individual payment

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

individual payments page

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

view in stripe

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

refund payment

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

cancel subscription

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

คำถามเพิ่มเติมเกี่ยวกับ WordPress Stripe Webhook

การรวม Stripe Webhook เข้ากับ WordPress เป็นหัวข้อยอดนิยมในหมู่ผู้อ่านของเรา ต่อไปนี้เป็นคำตอบสำหรับคำถามทั่วไปเกี่ยวกับเรื่องนี้

จะสลับระหว่างโหมดสดและโหมดทดสอบสำหรับ Stripe webhook ได้อย่างไร

คุณสามารถสลับระหว่างโหมดการซิงโครไนซ์สดและทดสอบได้โดยไปที่ *domain*/wp-admin/admin.php?page=wpforms-settings&view=payments&webhooks_settings

ฉันจะเพิ่ม Stripe Webhooks ลงใน WordPress ได้อย่างไร

คุณสามารถใช้การผสานรวม Stripe ดั้งเดิมของ WPForms เพื่อการตั้งค่า webhook ได้อย่างราบรื่นบนเว็บไซต์ WordPress ของคุณ โดยไม่ต้องมีความรู้ด้านการเขียนโค้ดใดๆ

WordPress รองรับ Webhooks หรือไม่?

ใช่ WordPress รองรับ webhooks และเครื่องมืออย่าง WPForms ทำให้การรวมเข้ากับ Stripe ง่ายดายยิ่งขึ้น

Stripe ฟรีบน WordPress หรือไม่?

แม้ว่า Stripe จะมีค่าธรรมเนียมการดำเนินการ แต่การรวมเข้ากับ WordPress โดยใช้ฟีเจอร์ Stripe ดั้งเดิมของ WPForms จะไม่เรียกเก็บค่าใช้จ่ายเพิ่มเติมจากด้านปลั๊กอิน

ต่อไป เรียนรู้วิธีสร้างคูปองใช้ครั้งเดียวใน WordPress

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

สร้างแบบฟอร์ม WordPress ของคุณตอนนี้

พร้อมที่จะสร้างแบบฟอร์มของคุณแล้วหรือยัง? เริ่มต้นวันนี้ด้วยปลั๊กอินตัวสร้างแบบฟอร์ม WordPress ที่ง่ายที่สุด WPForms Pro มีเทมเพลตฟรีมากมายและมีการรับประกันคืนเงินภายใน 14 วัน

หากบทความนี้ช่วยคุณได้ โปรดติดตามเราบน Facebook และ Twitter เพื่อรับบทช่วยสอนและคำแนะนำ WordPress ฟรีเพิ่มเติม