---
title: "ระบบเข้าสู่ระบบและการชำระเงินบนเว็บไซต์ของคุณ | Briks"
url: https://briks.dev/th/docs/sign-in-and-payments
description: "ให้ผู้เข้าชมมีบัญชีของตัวเอง รับชำระเงินครั้งเดียวและการสมัครสมาชิกผ่านผู้ให้บริการของคุณเอง โดยคีย์ทั้งหมดเก็บไว้บนเซิร์ฟเวอร์ของเว็บไซต์"
last_updated: 2026-10-08
---

# ระบบเข้าสู่ระบบและการชำระเงินบนเว็บไซต์ของคุณ

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

อ่าน 8 นาทีตรวจเทียบกับสตูดิโอเมื่อ 8 ตุลาคม 2569

## ระบบเข้าสู่ระบบสำหรับผู้เยี่ยมชมของคุณ

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

เว็บไซต์ที่ต้องมีบัญชี เช่น พื้นที่สมาชิก พอร์ทัลลูกค้า หรือแดชบอร์ด จะมีการสมัครและลงชื่อเข้าใช้เป็นค่าเริ่มต้น ผู้ใช้สร้างบัญชีด้วยอีเมลและรหัสผ่าน ยืนยันอีเมลจากลิงก์ และรีเซ็ตรหัสผ่านที่ลืมจากลิงก์ที่ส่งทางอีเมล อีเมลเหล่านี้ส่งจากที่อยู่ของเว็บไซต์คุณเอง และนับรวมในโควตา [อีเมลของเว็บไซต์](https://briks.dev/th/docs/site-email) ประจำเดือน

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

## เปิดวิธีลงชื่อเข้าใช้เพิ่มเติม

ที่ไหน

1. Projects
2. Your project
3. Settings
4. Sign-in

ใต้ **Ways to sign in** จะมี **Email and password** เปิดไว้เป็นค่าเริ่มต้น ถัดลงมาคือ Google, Apple, Microsoft, GitHub, X, Facebook, LinkedIn และ Discord ซึ่งแต่ละรายให้ผู้ใช้เข้าสู่ระบบด้วยบัญชีที่มีอยู่แล้ว แต่ละรายใช้แอปที่คุณสร้างในคอนโซลของผู้ให้บริการนั้นเอง ด้วยคีย์ของคุณเอง

1. Open Sign-in

   ที่ไหน: Settings, Sign-in

   ทุกวิธีลงชื่อเข้าใช้แสดงพร้อมสวิตช์ และ **The site's addresses** แสดงทุกที่อยู่ที่เว็บไซต์ของคุณตอบรับ โดยที่อยู่หลักอยู่ก่อน

2. ตั้งค่าผู้ให้บริการ

   ที่ไหน: Set up

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

3. บันทึกคีย์

   ที่ไหน: Save keys

   คัดลอกคีย์จากคอนโซลของผู้ให้บริการมาใส่ในช่อง แล้วกด **Save keys** จากนั้นผู้ให้บริการจะแสดงสถานะ **Keys on the site**

4. เปิดใช้งาน

   ที่ไหน: Ways to sign in

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

GitHub รับที่อยู่คอลแบ็กเพียงหนึ่งเดียว

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

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

## รับชำระเงิน

ที่ไหน

1. Projects
2. Your project
3. Settings
4. Payments

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

| ผู้ให้บริการชำระเงิน | เปิดใช้งานอย่างไร | สิ่งที่ขายได้ |
| --- | --- | --- |
| Stripe, PayPal, Mollie หรือ Razorpay | ขึ้นบนเว็บไซต์จริงทันที โดยไม่ต้องบิลด์ | สินค้าดิจิทัล บริการ การจอง และสินค้าจริง พร้อมระบบจัดส่งที่สร้างให้เมื่อคุณขอ |
| Paddle, Lemon Squeezy, Polar, Creem หรือ Dodo Payments | เผยแพร่ซ้ำฟรีเพื่อเพิ่มให้เฉพาะเว็บไซต์นั้น ใช้เวลาหนึ่งถึงสองนาที | ซอฟต์แวร์และสินค้าดิจิทัล ภายใต้กฎของระบบชำระเงินแต่ละราย แต่ละรายจัดการภาษีขายในฐานะผู้ขาย |

1. เปิด Payments

   ที่ไหน: Settings, Payments

   **ตัวประมวลผลการชำระเงินของคุณ** แสดงครบทั้งเก้ารายการ โดยแต่ละรายการมีป้ายกำกับ **Not set up**, **Test keys** หรือ **Keys on the site**

2. ตั้งค่าผู้ให้บริการชำระเงิน

   ที่ไหน: Set up

   กด **Set up** ข้างผู้ให้บริการที่คุณใช้ หน้าต่างจะแสดงขั้นตอนในแดชบอร์ดของผู้ให้บริการนั้น ที่อยู่ webhook ที่ต้องให้ไว้ และสำหรับ Paddle คือที่อยู่หน้าชำระเงิน แล้วจึงถึงช่องกรอกคีย์

3. บันทึกคีย์

   ที่ไหน: Save keys

   วางคีย์แล้วกด **Save keys** Briks จะลองใช้คีย์กับผู้ให้บริการชำระเงินก่อน และปฏิเสธคีย์ที่ใช้ไม่ได้ คีย์ทดสอบจะมีป้าย **Test keys** คุณจึงลองชำระเงินได้ก่อนรับเงินจริง

4. เปิดใช้งาน

   ที่ไหน: Your payment processor

   เปิดสวิตช์ของผู้ให้บริการนั้น ผู้ให้บริการรับชำระเงินได้ครั้งละหนึ่งรายเท่านั้น ดังนั้นการเปิดรายหนึ่งจะปิดอีกรายหนึ่ง

5. ขอสิ่งที่ให้ซื้อได้

   ที่ไหน: Studio

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

ใช้สกุลเงินเดียวกับผู้ให้บริการชำระเงิน

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

## คีย์ของคุณถูกเก็บไว้ที่ใด

คีย์เข้าสู่ระบบและคีย์การชำระเงินทุกรายการไปที่เซิร์ฟเวอร์ของเว็บไซต์ที่เผยแพร่ของคุณโดยตรงในรูปแบบข้อมูลลับ สตูดิโอเก็บเพียงชื่อของคีย์ ผู้บันทึก และเวลาที่บันทึก **Settings**, **Secrets** แสดงรายชื่อเหล่านั้นพร้อมป้าย **Sign-in** หรือ **Payments** และไม่สามารถแก้ไขได้ที่นั่น

- **เผยแพร่ก่อน** คีย์จะถูกเก็บไว้เฉพาะบนเว็บไซต์ที่เผยแพร่แล้ว ไม่เคยเก็บไว้ในสตูดิโอ จึงเพิ่มคีย์ได้หลังจากเผยแพร่ครั้งแรก
- **ไม่แสดงอีก** คีย์ที่บันทึกแล้วจะไม่แสดงอีก หากต้องการเปลี่ยน ให้เปิดหน้าของผู้ให้บริการหรือผู้ให้บริการชำระเงินแล้ววางคีย์ทั้งหมดใหม่
- **ที่อยู่ที่ย้าย** ระหว่างที่โดเมนที่คุณเพิ่มกำลังเปลี่ยนผ่าน การตั้งค่าแต่ละรายการจะบอกว่าจะเพิ่มที่อยู่ callback ใดบ้าง และที่อยู่ webhook จะย้ายไปยังโดเมนนั้น เพื่อให้คุณอัปเดตคอนโซลของผู้ให้บริการหรือผู้ให้บริการชำระเงินได้เมื่อโดเมนใช้งานจริง คีย์ที่หายไปจากการย้ายที่อยู่จะมีป้ายกำกับ **Enter the keys again**

## ออเดอร์ สมาชิก และตัวเลขของคุณ

แต่ละออเดอร์จะแสดงในแท็บ **Database** ของโปรเจกต์ภายใต้ **Orders**: เวลาที่สั่ง สั่งซื้ออะไร จำนวนเงิน สถานะ และผู้ซื้อ ค้นหาด้วยอีเมล สิ่งที่สั่งซื้อ หรือรหัสออเดอร์ และกรองตามสถานะได้ ไม่มีสิ่งใดในนั้นที่เปลี่ยนออเดอร์ได้: การคืนเงินทำในแดชบอร์ดของผู้ให้บริการชำระเงิน

คนที่สร้างบัญชีจะแสดงใต้ **Accounts** ในแท็บเดียวกัน ซึ่ง Editor ขึ้นไปตั้งบทบาทของบุคคลเป็น **Member**, **Staff** หรือ **Admin** หรือให้ออกจากระบบทุกที่ได้ ดู [ฐานข้อมูล](https://briks.dev/th/docs/database)

คำสั่งซื้อที่ชำระแล้วจะนับใน [การวิเคราะห์](https://briks.dev/th/docs/analytics) ของเว็บไซต์ ใต้ **Money and members** พร้อมแหล่งที่มาของผู้ซื้อเหล่านั้น การสมัครด้วยอีเมลและรหัสผ่านก็นับที่นั่นด้วย

## การสมัครสมาชิกแบบชำระรายงวด

เว็บไซต์ขายแพ็กเกจที่ต่ออายุทุกเดือนหรือทุกปีได้ พร้อมทดลองใช้ฟรีนานสูงสุด 365 วันตามต้องการ เข้าบัญชีชำระเงินของคุณเอง แพ็กเกจต้องใช้ Stripe, Paddle, Polar หรือ Lemon Squeezy ขณะนี้ PayPal, Mollie, Razorpay, Creem และ Dodo Payments รับเฉพาะการชำระเงินแบบครั้งเดียว Briks ไม่คิดค่าธรรมเนียมจากเงินที่สมาชิกจ่าย แต่ยังมีค่าธรรมเนียมของผู้ให้บริการชำระเงินเอง

เพิ่มแพ็กเกจ

1. ตั้งค่าผู้ให้บริการชำระเงินที่ขายแพ็กเกจ

   ที่ไหน: Settings, Payments

   ตั้งค่า Stripe, Paddle, Polar หรือ Lemon Squeezy ตามข้างต้น หน้าต่างตั้งค่าของผู้ให้บริการจะแสดงสิ่งที่แพ็กเกจต้องใช้ในแดชบอร์ดของผู้ให้บริการเอง สำหรับ Polar และ Lemon Squeezy ให้ใส่ ID ของผลิตภัณฑ์รายเดือนหรือรายปีที่ใช้เรียกเก็บเงินแพ็กเกจด้วย ผู้ให้บริการที่พร้อมแล้วจะมีป้าย **Sells plans**

2. ขอแพ็กเกจ

   ที่ไหน: Studio

   ขอสมาชิกหรือแพ็กเกจในการแก้ไข เช่น “เพิ่มสมาชิกรายเดือนราคา £12 ทดลองใช้ฟรี 7 วัน และเก็บหน้าสูตรอาหารไว้สำหรับสมาชิก”

3. แก้ไขแพ็กเกจ

   ที่ไหน: Database, Data

   แพ็กเกจคือเรคคอร์ดในคอลเลกชัน **plans** ของเว็บไซต์ เปิดคอลเลกชันนี้เพื่อแก้ไขแพ็กเกจหรือเพิ่มแพ็กเกจใหม่ เหมือนเรคคอร์ดอื่นๆ

4. ดูการเข้ามาแบบสด

   ที่ไหน: Database, Subscriptions

   สมาชิกแต่ละคนที่สมัครจะแสดงใต้ **Subscriptions** ข้าง **Orders** หากต้องการลองใช้แพ็กเกจก่อนรับเงินจริง ให้บันทึกคีย์ทดสอบไว้ก่อน

### สมาชิกสมัครอย่างไร

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

### มุมมอง Subscriptions

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

เชื่อมต่อ Paddle, Polar หรือ Lemon Squeezy ก่อนวันที่ 21 ตุลาคม 2026 ใช่หรือไม่

เพิ่มเหตุการณ์ webhook และสิทธิ์ใหม่ในผู้ให้บริการชำระเงินของคุณก่อนขายแพ็กเกจ เปิดผู้ให้บริการที่ **Settings**, **Payments**: ขั้นตอนตั้งค่าของผู้ให้บริการแสดงรายการเหล่านี้ไว้

## แดชบอร์ดและทีมของคุณ

หน้าเข้าสู่ระบบของแดชบอร์ดทำงานเหมือนเว็บไซต์ทั่วไป ขณะที่ยังเป็นพรีวิว ทุกคนที่มีที่อยู่ของแดชบอร์ดเปิดได้ คุณจึงตรวจสอบด้วยระเบียนตัวอย่างได้ เมื่อเผยแพร่สู่เวอร์ชันใช้งานจริงแล้ว เฉพาะบัญชีที่เข้าสู่ระบบและมีบทบาท **Staff** หรือ **Admin** เท่านั้นที่เห็นข้อมูล สมัครใช้งานด้วยอีเมลที่คุณใช้ในสตูดิโอ แล้วคุณจะเป็น Admin ของแดชบอร์ด จากนั้นกำหนดบทบาทให้ทีมของคุณภายใต้ **Database**, **Accounts**

## การจัดส่งและสินค้าจับต้องได้

- **สินค้าจริงและการจัดส่ง** ปัจจุบันสินค้าจริงชำระเงินผ่าน Stripe, PayPal, Mollie หรือ Razorpay ได้ เช่นเดียวกับสินค้าดิจิทัล บริการ และการจอง หากต้องการระบบจัดส่ง ค่าจัดส่ง หรือสต็อก บอกได้เลย แล้ว Briks จะสร้างไว้ในเว็บไซต์พร้อมบัญชีชำระเงินของคุณเอง โดยเก็บคีย์ไว้บนเซิร์ฟเวอร์ของเว็บไซต์ภายใต้ **Settings**, **Secrets**

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

> เจ้าของบันทึกคีย์ทดสอบของระบบชำระเงินไว้ใน **Settings**, **Payments** เปิดใช้งาน แล้วสั่งในสตูดิโอว่า: ให้ผู้คนชำระเงินสำหรับที่นั่งในเวิร์กช็อปวันอาทิตย์ตอนจอง ที่นั่งละ £95

การจองแต่ละรายการจะไปต่อที่หน้าชำระเงินของผู้ให้บริการชำระเงินเอง การจองทดสอบของเธอจะแสดงใน **Orders** จากนั้นเธอบันทึกคีย์ใช้งานจริง และการจองครั้งถัดไปจะรับเงินจริง

### แพ็กเกจใดรวมการลงชื่อเข้าใช้และการชำระเงินบ้าง

ทุกแผน รวมถึง Free ไม่จำกัดบัญชีผู้เยี่ยมชมหรือสินค้า และ Briks ไม่คิดค่าธรรมเนียมจากยอดขายของคุณ

### ใครเปลี่ยนการตั้งค่าเหล่านี้ได้บ้าง

Owner และ Admin บันทึกคีย์ และเปิดหรือปิดผู้ให้บริการเข้าสู่ระบบและผู้ให้บริการชำระเงินได้ ทุกคนในโปรเจกต์ดูการตั้งค่าได้

### การเปลี่ยนวิธีเข้าสู่ระบบต้องบิลด์ใหม่หรือไม่

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

### เก็บค่าสมาชิกรายเดือนได้หรือไม่

ได้ ทั้งรายเดือนหรือรายปี พร้อมทดลองใช้ฟรีได้สูงสุด 365 วันหากต้องการ ผ่าน Stripe, Paddle, Polar หรือ Lemon Squeezy ดูหัวข้อการสมัครสมาชิกด้านบน

### ฉันใช้ผู้ให้บริการชำระเงินมากกว่าหนึ่งรายได้ไหม

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

## อ่านต่อ

- [ฟีเจอร์ของเว็บไซต์คุณ **อีเมลของเว็บไซต์** ให้เว็บไซต์ส่งอีเมลยืนยันและอีเมลตอบกลับจากที่อยู่ของตัวเองบน emails.briks.live เลือกปลายทางของการตอบกลับ และติดตามการส่งเทียบกับโควตารายเดือน](https://briks.dev/th/docs/site-email)
- [ข้อมูลและระบบอัตโนมัติ**ฐานข้อมูล** ดูว่าเว็บไซต์เก็บข้อมูลอะไร แก้ไขและเพิ่มเรคคอร์ดเอง ดาวน์โหลดคอลเลกชันเป็น JSON หรือ CSV พร้อมสิทธิ์ของแต่ละคนและข้อจำกัด](https://briks.dev/th/docs/database)
- [ข้อมูลและระบบอัตโนมัติ**Secrets** เก็บคีย์ API และรหัสผ่านที่โค้ดของเว็บไซต์ต้องใช้ไว้บนเซิร์ฟเวอร์ของเว็บไซต์ ไม่ใส่ในหน้าเว็บหรือไฟล์ดาวน์โหลด เพิ่ม เปลี่ยน ลบได้ พร้อมกฎที่ Briks บังคับใช้](https://briks.dev/th/docs/secrets)
- [กำลังสร้าง **เว็บแอปและแดชบอร์ด** เครื่องมือสร้างแอปและแดชบอร์ดด้วย AI: สิ่งที่สร้างได้ ข้อมูลเก็บที่ไหน อะไรที่ยังไม่มี พร้อมตัวอย่างการจอง สต็อก และออเดอร์ของคาเฟ่](https://briks.dev/th/docs/web-apps-and-dashboards)

ยังติดปัญหาอยู่ไหม

เขียนถึง [hello@briks.dev](mailto:hello@briks.dev) พร้อมชื่อโปรเจกต์และสิ่งที่คุณคาดว่าจะเห็น ภาพหน้าจอช่วยได้