สร้างระบบรับชำระเงินง่ายๆ สำหรับ Elementor

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

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

Better Payment คืออะไร

ก่อนอื่นมาทำความรู้จักกับ Better Payment กันก่อนครับ ปลั๊กอินตัวนี้พัฒนาโดยทีม WPDeveloper ผู้เชี่ยวชาญด้าน WordPress ที่มีประสบการณ์เพียบ ปลั๊กอินนี้ช่วยแก้ปัญหาการชำระเงินแบบเดิมๆ คุณไม่ต้องเขียนโค้ดเอง ไม่ต้องจ้างโปรแกรมเมอร์แพงๆ แค่ติดตั้งแล้วก็เริ่มรับเงินได้เลย รองรับการชำระเงินแบบทันทีผ่านช่องทางยอดฮิตอย่าง PayPal, Stripe หรือแม้แต่ Paystack ลูกค้าสามารถจ่ายด้วยบัตรเครดิต Visa, MasterCard, American Express หรือบัญชี PayPal ได้สบายๆ แค่คลิกปุ่มเดียว เสร็จ ไม่ต้องรอโหลดหน้าใหม่ให้หงุดหงิด

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

เชื่อมต่อกับระบบชำระเงินชั้นนำ

PayPal & Stripe – คู่หูสุดแกร่ง

Better Payment รองรับการเชื่อมต่อกับ PayPal และ Stripe ซึ่งเป็นเกตเวย์การชำระเงินที่คนทั่วโลกไว้วางใจ การตั้งค่าก็ง่ายมากแค่คลิกเดียว ลูกค้าก็สามารถจ่ายเงินผ่านบัตรเครดิต บัญชี PayPal หรือ Stripe ได้ทันที

Paystack – ตัวเลือกใหม่สำหรับตลาดแอฟริกา

สำหรับใครที่ต้องการขยายฐานลูกค้าไปยังตลาดแอฟริกา Better Payment ยังรองรับ Paystack ซึ่งเป็นระบบชำระเงินยอดนิยมในทวีปแอฟริกา การตั้งค่าก็ไม่ยาก เชื่อมต่อได้แบบรวดเร็ว

ฟีเจอร์เด็ดที่ทำให้ชีวิตง่ายขึ้น

รองรับหลายสกุลเงิน Better Payment รองรับ 22 สกุลเงินจากทั่วโลก ไม่ว่าลูกค้าจะอยู่ที่ไหนก็สามารถจ่ายเงินในสกุลเงินของตัวเองได้สบายใจ ไม่ต้องนั่งคิดเลขแปลงสกุลเงินให้ปวดหัว

เทมเพลตฟอร์มหลากหลาย ใช้ได้ทุกสถานการณ์

ฟอร์มทั่วไป (ฟรี): เหมาะสำหรับการขายสินค้าหรือบริการทั่วไป

ฟอร์มการบริจาค (Pro): ออกแบบพิเศษสำหรับการรับบริจาคและระดมทุน สามารถตั้งปุ่มจำนวนเงินหลายระดับได้

ฟอร์มเชื่อมต่อ WooCommerce (Pro): เหมาะสำหรับร้านค้าออนไลน์ที่ใช้ WooCommerce

ฟอร์มการสมัครสมาชิก (Pro): จัดการการเก็บเงินแบบรายเดือนหรือรายปีได้แบบอัตโนมัติ

ระบบแจ้งเตือนทางอีเมล – ไม่พลาดทุกธุรกรรม

Better Payment มีระบบส่งอีเมลแจ้งเตือนอัตโนมัติทั้งให้แอดมินและลูกค้า เมื่อมีการชำระเงินเกิดขึ้น ทุกคนจะได้รับการแจ้งเตือนทันที ไม่ต้องนั่งเช็คยอดขายทุกชั่วโมง

วิธีการติดตั้ง

ให้ทำการติดตั้งปลั๊กอิน Better Payment ไปที่เมนู Plugins > Add plugin ค้นหาคำว่า “Better Payment” กดปุ่ม Install และ Activate ตามลำดับ

เมื่อ Activate แล้ว จะเข้าสู่หน้าตั้งค่าในช่วงเริ่มต้นครับ

สามารถเปลี่ยนแปลงสกุลเงินได้ที่หัวข้อ Currency

Paypal Configuration ถ้าเราใช้ Paypal ให้ใส่อีเมลที่ใช้กับบัญชี Paypal จากนั้นกดปุ่ม Next

Stripe Configuration ใส่ค่า Key ที่เกี่ยวข้องของ Stripe ถ้าหากไม่ทราบวิธี ให้กดที่ลิงก์เอกสารวิธีการของ Stripe เพื่อนำ Key มากรอกครับ จากนั้นกดปุ่ม Next

เสร็จแล้วกดปุ่ม Finish เป็นอันเสร็จกระบวนการการตั้งค่าเบื้องต้นครับ เมนูการใช้งานจะอยู่ด้านซ้ายชื่อ Better Payment

การตั้งค่า

การตั้งค่าแบ่งเป็น 3 หมวดย่อย คือ General, Email และ Payment ส่วนแรกคือ General หากเพื่อนๆ ใช้ Payment gateway ตัวไหนให้เลือกเปิดการทำงานตามที่เราใช้งาน ซึ่งตอนนี้จะมี Paypal, Stripe และ Paystack ให้เลือกใช้ครับ

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

Widget User Dashboard

สามารถตั้งค่าได้ละเอียดไม่เบาเลย

เปลี่ยนข้อความได้ด้วยนะ เหมาะสำหรับเว็บที่ต้องการภาษาไทยก็สามารถแก้ไขข้อความในส่วนนี้ได้

Fundraising Campaign เป็นการเปิดการทำงานของ การระดมทุน ใช่ร่วมกับ Widget Fundraising Campaign

สามารถกำหนดค่าต่างๆ

กำหนดเป้าหมายในการระดมทุน ในช่อง Goal Amount และกำหนดยอดเงินในแต่ละตัวเลือก

การตั้งค่า Email แท็บ Email จะแบ่งเป็น 2 หมวดย่อยคือ Admin Email และ Customer Email

การตั้งค่า Payment แท็บสุดท้ายเป็นการตั้งค่าการชำระเงินกับ Payment gateway มีตัวเลือกคือ Paypal, Stripe และ Paystack สำหรับการใส่ค่าของแต่ละ gateway เพื่อนๆ สามารถคลิกที่ลิงก์เอกสารวิธีการกำหนดค่าที่ต้องใช้ของ Payment gateway นั้นๆ ได้เลยครับ และอย่าลืมนำ Key ที่ได้มากรอกในปลั๊กอินด้วย

ส่วนการแสดงผลในหน้าเว็บ ให้เราไปที่หน้า Elementor แล้วลาก Widget Payment Form ลงมาใช้งาน

การกำหนดค่าผ่าน Elementor editor

กำหนดฟิลด์ที่ต้องการใน Form

แบบฟอร์มรับชำระเงินง่ายๆ หน้าเว็บ

ความสามารถในเวอร์ชั่น Pro

จัดการการสมัครสมาชิก [PRO]

สร้างเว็บไซต์สมาชิกประเภทพิเศษ เว็บไซต์ผู้สมัครสมาชิกด้วยฟีเจอร์ Better Payment Subscription Better Payment เสนอการเชื่อมต่อ Stripe โดยตรงกับฟอร์มการชำระเงิน ดังนั้นคุณสามารถสร้างฟอร์มการสมัครสมาชิกได้อย่างง่ายดาย เก็บการสมัครสมาชิก ตรวจสอบสถานะ และอื่นๆ อีกมากมาย

การวิเคราะห์การชำระเงินแบบในตัว [PRO]

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

สรุป

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

รายละเอียดเพิ่มเติม