การรวม Wix
ยอมรับการชำระเงินบนเว็บไซต์ Wix ของคุณด้วย Omise การตั้งค่าไม่มีรหัสง่าย ๆ สำหรับ Wix Stores, bookings และแบบฟอร์มการชำระเงินแบบกำหนดเอง
ภาพรวม
- การตั้งค่าไม่มีรหัส
- การรวม Wix Stores
- การสนับสนุน Wix Bookings
- แบบฟอร์มการชำระเงินแบบกำหนดเอง
- การตอบสนองของมือถือ
- การซิงค์โดยอัตโนมัติ
วิธีการตั้งค่า
วิธีที่ 1: Wix Stores (แนะนำ)
สำหรับ E-Commerce:
-
เพิ่มแอป Wix Stores
- Wix Editor → เพิ่ม → Store → Wix Stores
- ตั้งค่าพื้นฐานร้านค้า
-
กำหนดค่า Payment Gateway
- การตั้งค่า → ยอมรับการชำระเงิน
- คลิก "เพิ่มวิธีการชำระเงิน"
- เลือก "ตัวเลือกการชำระเงินอื่น"
- เลือก "Omise"
-
ป้อนข้อมูลประจำตัว API
Public Key: pkey_live_xxxxx
Secret Key: skey_live_xxxxx
โหมด: ใช้งาน -
เปิดใช้งานวิธีการชำระเงิน
✓ บัตรเครดิต/เดบิต
✓ บริการธนาคารออนไลน์
✓ กระเป๋าเงินดิจิทัล
วิธีที่ 2: ลิงก์การชำระเงิน
สำหรับการชำระเงินง่าย ๆ:
- สร้างลิงก์การชำระเงินใน Omise Dashboard
- เพิ่มปุ่มไปยังหน้า Wix
- ลิงก์ปุ่มไปยัง URL การชำระเงิน
- ปรับแต่งลักษณะที่ปรากฏของปุ่ม
ตัวอย่าง:
ข้อความปุ่ม: "ชำระเงินตอนนี้"
ลิงก์ไปยัง: https://omise.link/your-payment-link
เปิดใน: แท็บใหม่
วิธีที่ 3: โค้ดแบบกำหนดเอง (ขั้นสูง)
ใช้ Velo (Wix Code):
// เพิ่มลงในโค้ดหน้า
import wixPay from 'wix-pay-backend';
$w.onReady(function () {
$w('#payButton').onClick(() => {
initiatePayment();
});
});
async function initiatePayment() {
const payment = await wixPay.createPayment({
amount: 100.00,
currency: 'THB',
items: [{
name: 'ชื่อผลิตภัณฑ์',
price: 100.00,
quantity: 1
}]
});
// เปลี่ยนเส้นทางไปยังการชำระเงิน Omise
wixLocation.to(payment.paymentUrl);
}
การกำหนดค่า Wix Stores
การตั้งค่าผลิตภัณฑ์
เพิ่มผลิตภัณฑ์:
1. ตัวจัดการร้านค้า → ผลิตภัณฑ์
2. เพิ่มผลิตภัณฑ์
3. ป้อนรายละเอียดผลิตภัณฑ์
4. ตั้งค่าราคา
5. กำหนดค่าการจัดส่ง
6. เผยแพร่
การประมวลผลการชำระเงิน:
ขั้นตอนลูกค้า:
1. เรียกดูผลิตภัณฑ์
2. เพิ่มลงในตะกร้า
3. ชำระเงิน
4. เลือกการชำระเงิน Omise
5. ทำการชำระเงินให้สมบูรณ์
6. รับการยืนยัน
จัดการคำสั่งซื้อ
ดูคำสั่งซื้อ:
แดชบอร์ด Wix → ตัวจัดการร้านค้า → คำสั่งซื้อ
ข้อมูลคำสั่งซื้อ:
- รายละเอียดลูกค้า
- วิธีการชำระเงิน
- รหัสธุรกรรม
- สถานะการชำระเงิน
- สถานะการปฏิบัติตามคำสั่ง
ประมวลผลการคืนเงิน:
หมายเหตุ: การคืนเงิน Wix Stores จะต้องประมวลผลผ่าน Omise Dashboard
1. เข้าสู่ระบบ Omise Dashboard
2. ค้นหาธุรกรรม
3. ออกการคืนเงิน
4. อัปเดตสถานะคำสั่งซื้อ Wix ด้วยตนเอง
การรวม Wix Bookings
การตั้งค่า Bookings
-
เพิ่ม Wix Bookings
- เพิ่ม → เครื่องมือธุรกิจ → Wix Bookings
- กำหนดค่าบริการ
-
เชื่อมต่อ Omise
- การตั้งค่า Bookings → การชำระเงิน
- เพิ่ม Omise เป็นวิธีการชำระเงิน
- ป้อนข้อมูลประจำตัว API
-
กำหนดค่าบริการ
การตั้งค่าบริการ:
- ชื่อบริการ
- ระยะเวลา
- ราคา
- ต้องการการชำระเงิน: ใช่
- วิธีการชำระเงิน: Omise
ขั้นตอนการจอง
ที่เดินทาง:
1. เลือกบริการ
2. เลือกช่วงเวลา
3. ป้อนข้อมูล
4. ชำระเงินด้วย Omise
5. รับการยืนยัน
6. รับเชิญปฏิทิน
วิธีการชำระเงิน
วิธีการที่มี
บัตร:
- Visa
- Mastercard
- American Express
- JCB
กระเป๋าเงินดิจิทัล:
- TrueMoney Wallet
- Rabbit LINE Pay
- ShopeePay
โอนธนาคาร:
- บริการธนาคารออนไลน์ (ธนาคารไทย)
- การเปลี่ยนเส้นทางธนาคาร
การชำระเงินแบบผ่อนชำระ:
- แผน 3/6/10 เดือน
- ขั้นต่ำ 3,000 บาท
- บัตรเครดิตไทย
การปรับแต่ง
สไตล์ปุ่มการชำระเงิน
Wix Editor:
1. เลือกปุ่มการชำระเงิน
2. แท็บการออกแบบ
3. ปรับแต่ง:
- สี
- แบบอักษร
- ขนาด
- เส้นขอบ
- ระยะห่าง
หน้าการชำระเงิน
ปรับแต่ง:
- วางตำแหน่งโลโก้
- โครงการสีขณะ
- ข้อความปุ่ม
- เงื่อนไขและข้อตกลง
- นโยบายความเป็นส่วนตัว
การชำระเงิน Wix Stores:
การตั้งค่า → การชำระเงิน
- ปรับแต่งฟิลด์
- เพิ่ม/ลบขั้นตอน
- กำหนดค่านโยบาย
- ตั้งค่าอีเมล
การทดสอบ
การตั้งค่าโหมดทดสอบ
สำหรับ Wix Stores:
1. ใช้คีย์ API ทดสอบ
2. สร้างผลิตภัณฑ์ทดสอบ
3. ทำการซื้อทดสอบให้สมบูรณ์
4. ตรวจสอบสร้างคำสั่งซื้อ
5. ตรวจสอบสถานะการชำระเงิน
บัตรทดสอบ:
สำเร็จ: 4242 4242 4242 4242
ล้มเหลว: 4000 0000 0000 0002
วันหมดอายุ: วันในอนาคตใดๆ
CVV: หลักสามหลัก