01简体中文
订单说明
Merchant
¥ 68
合计¥ 68 CNY
选择支付方式
更多支付方式+2
点击下方按钮,即表示你同意服务条款与隐私政策。
由 Waffo 安全处理
9:41
https://checkout.waffo.com/
一度の連携で、単発決済とサブスクリプションの両方に対応します。
購入者の地域に合った言語と決済手段を自動で表示し、海外の購入者が支払いでつまずく場面を減らします。
チェックアウトはパソコンとスマートフォンのブラウザ向けに設計されているため、購入者は普段の端末でそのまま支払えます。
新しい決済手段、ページ更新、セキュリティパッチは Waffo チームが対応します。
ホスト型ページを使うか、プロダクト内にチェックアウトを埋め込むかを選べます。どちらも Waffo の決済・サブスクリプション機能を利用でき、フロントエンドをどこまで自社で管理するかを選べます。
Waffo が決済ページ全体をホストします。バックエンドからセッションを作成し、返ってきた安全な URL に購入者をリダイレクトするだけ。決済完了後、購入者は元のサイトに戻ります。
Waffo がホストするページ
Waffo Checkout は、決済モード・地域・通貨・加盟店が設定したルールに応じて、表示する決済手段を自動で決定します。同じチェックアウトでも、市場ごとに違う一覧になります。
購入者はカートから支払い完了まで、寄り道せずに進めます。状態が変わるたびに加盟店のシステムへ Webhook が届くため、発送や消込の処理で状態を推測する必要はありません。
購入者がサイトで「決済」を押すと、バックエンドが Payment Session または Subscription を作成します。
連携方法に応じて、Waffo のホスト型ページへリダイレクトするか、その場でコンポーネントを開きます。
選んだ決済手段の地域に合わせて画面の言語が切り替わり、購入者が内容を理解しやすくなります。
カード入力または QR スキャン。3DS は必要なときだけ実行します。失敗してもページは開いたままで、理由を示して再試行に導きます。
購入者には完了画面を表示し、同時に Waffo から加盟店のサーバーへ Webhook を送信して注文状態を同期します。
POST https://yourstore.com/webhooks/waffo { "eventType": "PAYMENT_NOTIFICATION", "paymentRequestId": "req_8Kd2f19", "status": "SUCCESS" }
ブランドカラー、文字色、角丸、レイアウトはすべて設定で変更できます。デザインごとに実装を作り分ける必要はありません。
Apple Pay
Google Pay
Payeasy Online Banking
Credit/Debit CardWaffo Checkout は、①加盟店が指定する locale パラメータ、②購入者のブラウザの言語設定、③IP アドレスの地域、の優先順位で表示言語を決定します。購入者が切り替える必要はありません。
Checkout は Waffo の他の決済機能と連携します。連携方法によって変わるのはフロントエンドの管理範囲だけ。利用できる決済機能は共通です。
単発決済もサブスクリプションも最小限のコードで。セッションを作成し、リダイレクトするだけです。
const waffo = Waffo.fromEnv(); const res = await waffo.order().create({ paymentRequestId: genRequestId(), // idempotency orderAmount: '12.90', orderCurrency: 'SGD', notifyUrl: 'https://yourstore.com/webhooks/waffo', successRedirectUrl: 'https://yourstore.com/paid', }); // Waffo hosts the page — hand the shopper the link. redirect(webUrlOf(res.getData().orderAction));
購入体験やデザインを自社で管理したい場合は、SDK またはコンポーネントでチェックアウトを埋め込みます。
const waffo = await loadWaffo(PUBLISHABLE_KEY); // orderId comes from your own /api/orders route, // which runs the server snippet above. const checkout = await waffo.checkout.mount('#pay', { orderId, appearance: { theme: 'light', layout: 'split' }, onComplete: ({ status }) => { if (status === 'SUCCESS') router.push('/paid'); }, });
決済やサブスクリプションの作成、状態の照会、通知の受信、チェックアウト挙動の動的制御に使います。
export async function POST(req: Request) { const event = await waffo.webhooks.verify( await req.text(), req.headers.get('waffo-signature'), ); if (event.eventType === 'PAYMENT_NOTIFICATION') { await fulfil(event.paymentRequestId, event.status); } return new Response(null, { status: 200 }); }
現在、世界480以上の決済手段に対応しています。個々の購入者に表示される手段は、その地域と加盟店側の設定によって変わります。
はい。PCI DSS など関連する基準に準拠し、機微な決済情報は安全な経路で処理します。
ページは開いたままで失敗理由を表示し、購入者は再試行やカードの変更ができます。よくある原因は、残高不足、カード情報の入力誤り、カード発行会社による承認拒否です。