ต่อ Stripe Checkout กับ Webflow ยังไงให้ขายได้จริง 2026

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

4 ทางเชื่อม Stripe กับ Webflow เทียบกันชัดๆ

วิธีที่ 1: Stripe Payment Links — เร็วสุด ไม่ต้องเขียนโค้ด

1. สมัคร Stripe และยืนยันตัวตนธุรกิจให้เรียบร้อย
2. ใน Stripe Dashboard ไปที่ Payment Links แล้วสร้างลิงก์: ใส่ชื่อสินค้า ราคา สกุลเงิน และเปิดช่องทางจ่าย (บัตร, PromptPay ถ้าเปิดใช้)
3. คัดลอก URL ที่ได้ มาใส่เป็นลิงก์ของปุ่มใน Webflow ได้เลย
4. ตั้ง Confirmation page ให้ redirect กลับมาหน้า thank-you บนเว็บคุณ เพื่อวัด conversion ได้

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

วิธีที่ 2: Webflow Ecommerce — ตะกร้าครบในระบบเดียว

1. อัปเกรดไซต์เป็นแพลน Ecommerce ใน Webflow
2. ไปที่ Ecommerce → Payment แล้วกด Connect Stripe ระบบจะพาไป OAuth กับบัญชี Stripe ของคุณ
3. ตั้งสกุลเงิน วิธีขนส่ง และภาษี จากนั้นเพิ่มสินค้าใน Products
4. ใช้ element ตะกร้า/ปุ่ม Add to Cart ของ Webflow ได้ทันที ดีไซน์หน้า checkout ปรับแต่งได้ในระดับหนึ่ง

ข้อควรรู้: ค่าธรรมเนียมและฟีเจอร์ต่างกันตามแพลน และบางความสามารถ (เช่น multi-currency เต็มรูป) มีข้อจำกัด เช็คเงื่อนไขปัจจุบันในหน้า pricing ของ Webflow ก่อนตัดสินใจ

วิธีที่ 3: Stripe Checkout ผ่าน custom code — ยืดหยุ่นสุด

เหมาะเมื่อ flow การจ่ายไม่ใช่ตะกร้ามาตรฐาน เช่น เก็บมัดจำ 30% จองคิวพร้อมเลือกเวลา หรือคิดราคาตามตัวเลือกของลูกค้า หลักการคือปุ่มบนเว็บเรียก endpoint ฝั่งเซิร์ฟเวอร์ (เช่น Cloudflare Workers หรือ Vercel) ให้สร้าง Checkout Session แล้วพาลูกค้าไปหน้า Stripe

// ตัวอย่าง endpoint สร้าง Checkout Session (Node)
const session = await stripe.checkout.sessions.create({
  mode: "payment",
  line_items: [{
    price_data: {
      currency: "thb",
      product_data: { name: "มัดจำงานออกแบบเว็บ" },
      unit_amount: 3000000, // 30,000 บาท (หน่วยเป็นสตางค์)
    },
    quantity: 1,
  }],
  success_url: "https://yourdomain.com/thank-you",
  cancel_url: "https://yourdomain.com/pricing",
});
// ส่ง session.url กลับไปให้หน้าเว็บ redirect

ฝั่ง Webflow แค่ผูกปุ่มให้ fetch endpoint นี้แล้ว redirect ไป session.url อย่าใส่ Secret Key ของ Stripe ในหน้าเว็บเด็ดขาด ต้องอยู่ฝั่งเซิร์ฟเวอร์เท่านั้น

เช็กลิสต์ก่อนเปิดรับเงินจริง

1. ทดสอบด้วย Stripe test mode ให้ครบทุกเคส: จ่ายสำเร็จ จ่ายไม่ผ่าน กดยกเลิกกลางทาง
2. ตั้ง webhook แจ้งเตือนออเดอร์เข้าอีเมล/LINE ของทีม เพื่อไม่พลาดออเดอร์แรกๆ
3. หน้า thank-you ต้องมี event tracking เพื่อวัดโฆษณาได้
4. ใส่ราคา นโยบายจัดส่ง และช่องทางติดต่อให้ชัดบนหน้าเว็บ ลดข้อโต้แย้งการชำระเงิน
5. เปิดใบเสร็จอัตโนมัติของ Stripe และตรวจข้อมูลบริษัทให้ถูกต้อง

ข้อผิดพลาดยอดฮิต 5 ข้อตอนต่อ Stripe กับ Webflow

1. ใส่ Secret Key ไว้ในหน้าเว็บ — ร้ายแรงที่สุด ใครเปิด source code ก็ยิงเงินคุณได้ คีย์ลับต้องอยู่ฝั่งเซิร์ฟเวอร์เท่านั้น หน้าเว็บใช้ได้แค่ Publishable Key
2. ไม่ตั้ง webhook ยืนยันการจ่าย — เชื่อแค่หน้า thank-you ไม่พอ เพราะลูกค้าอาจปิดหน้าก่อน redirect ให้ฟัง event จาก Stripe เป็นแหล่งความจริงเสมอ
3. ลืมทดสอบเคสจ่ายไม่ผ่าน — บัตรถูกปฏิเสธแล้วลูกค้าค้างอยู่หน้าไหน มีทางกลับมาลองใหม่ไหม เคสนี้เจอบ่อยกว่าที่คิด
4. สกุลเงินและหน่วยผิด — Stripe คิดเป็นหน่วยย่อยที่สุดของสกุลเงิน 30,000 บาทต้องส่ง 3000000 (สตางค์) พลาดจุดนี้คือเก็บเงินผิดร้อยเท่า
5. ไม่แสดงข้อมูลธุรกิจบนเว็บ — Stripe และธนาคารตรวจหน้าเว็บจริง ถ้าไม่มีชื่อธุรกิจ ช่องทางติดต่อ และนโยบายคืนสินค้า เสี่ยงถูกระงับบัญชี

คิดต้นทุนต่อออเดอร์ให้เป็น ก่อนตั้งราคา

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

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

Stripe ใช้กับธุรกิจไทยได้ไหม

Stripe เปิดรับธุรกิจในไทยแล้ว แต่เงื่อนไขประเภทธุรกิจและเอกสารมีรายละเอียด ควรตรวจรายการประเทศและประเภทธุรกิจที่รองรับในเอกสารของ Stripe ก่อนวางระบบ ถ้าไม่เข้าเงื่อนไข ตัวเลือกในไทยอย่าง Omise/GB Prime Pay ใช้แนวทางเดียวกันได้

Webflow Ecommerce กับ Stripe Payment Links เลือกอะไรดี

ถ้าขายสินค้าหลายชิ้นต้องมีตะกร้า เลือก Webflow Ecommerce ถ้าขายบริการหรือสินค้าไม่กี่รายการ Payment Links เร็วกว่าและไม่มีค่าแพลนเพิ่ม

ต้องมี SSL หรือใบอนุญาตอะไรไหม

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

รับ PromptPay ผ่าน Stripe ได้ไหม

Stripe รองรับ PromptPay สำหรับบัญชีที่เข้าเงื่อนไข เปิดใช้ได้จากหน้า Payment methods ใน Dashboard ถ้าบัญชีคุณยังไม่รองรับ ให้พิจารณาเกตเวย์ไทยควบคู่

ถ้า flow ซับซ้อนมาก ควรจ้างทำไหม

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

อ่านต่อ

• บริการรับทำเว็บ Webflow โดยทีม 18 ปี
• รับทำเว็บ E-commerce ครบวงจร
• Headless CMS คืออะไร ใช้เมื่อไหร่