デジタル メニューの支払いに Stripe を使用する
このガイドでは、オンライン決済を受け入れる方法を学びます。 デジタルメニュー ストライプアカウントに。
![デジタルメニュー向けStripe決済処理プラットフォーム](/image-store/5f745581cadcba5be3ff35b6/1e19c2a1-810a-4faa-8f19-6256fe355d65.jpg)
Stripe は、新興企業から大企業まで、あらゆる規模の何百万もの企業から信頼されている最高評価の支払い処理プラットフォームです。
Visa、Mastercard、American Express の銀行カード、および Google Pay / Apple Pay ウォレットを受け入れることで、クライアントは便利に支払いを行い、ビジネスを拡大できます。公式をチェック ストライプ支払い方法 詳細については、ページをご覧ください。
以下の次のステップに従って、デジタルメニューにオンライン決済を簡単に追加できることを学びます。
登録
すでに Stripe にアカウントをお持ちの場合は、このセクションをスキップできます。それ以外の場合は、次の手順を実行してください。
- を開きます 登録 ページ。
![ストライプ登録元](/image-store/5f745581cadcba5be3ff35b6/545c7ad9-c3fb-4f9b-af8e-83f9f43c0a69.jpg)
- 電子メール、氏名、国、強力なパスワードを指定します。
- 「アカウントの作成」ボタンをクリックします。
Stripe アカウントを作成したら、確認が必要です。
- メール ボックスを開き、Stripe からの確認メッセージを見つけます。
- 「メールアドレスを確認する」ボタンをクリックしてください。
確認後、Payments Activation ページにリダイレクトされます。
- 「支払いを有効にする」ボタンをクリックします
![ストライプ アクティベーション メッセージ](/image-store/5f745581cadcba5be3ff35b6/b4ef9221-81a1-4c65-9732-6ac5e34c8458.jpg)
組織に関する詳細を入力するよう求められます。画面の指示に従って、この手順を完了します。
![Stripe アカウント設定フォーム](/image-store/5f745581cadcba5be3ff35b6/3b593108-88b6-49e3-89c4-eb0d8b440e9a.jpg)
前のステップが完了すると、Stripe ダッシュボードが表示されます。
開発者のセクションを見てください。これには、後で Stravopys 管理パネルで使用する「公開可能」キーと「秘密」キーが含まれています。また、選択したモードを見てください。最初に注文をテストしたい場合に備えて、テストモードに切り替えたことを確認してください。
![ストライプ ダッシュボード](/image-store/5f745581cadcba5be3ff35b6/ec819366-9231-423d-90b5-0f5edcbfe464.jpg)
Stripe アカウントを Stravopys と統合する
主要部分は完了しましたが、Strovopys はまだあなたの Stripe アカウントについて知りません。接続するには、次の手順を実行してください。
- Stravopys 管理パネルを開きます。
- 「注文設定」リンクをクリックします。
- 「注文を許可する」スイッチャーを有効にします。
![注文設定のある Stravopys 管理パネル](/image-store/5f745581cadcba5be3ff35b6/82d4de6e-384b-4216-9acc-675f4f804992.jpg)
- ページを下にスクロールして、「オンライン決済設定」セクションを見つけます。
- Stripe ダッシュボードにある「公開可能」キーと「秘密」キーを指定します。
- 変更を保存します。
![ストライプ設定を使用したデジタル メニューの Stravopys 管理パネル](/image-store/5f745581cadcba5be3ff35b6/a467147c-f3b3-46e1-9e79-5bd37ca20d0a.jpg)
それでおしまい。あなたのデジタルメニューは、オンライン注文を受ける準備ができています.
支払いをシミュレートして統合をテストする
デジタル メニューが Stripe と正しく統合されていることを確認するには、特別な値を使用して、お金を移動せずにトランザクションをシミュレートします。 テストモード.
3 桁の CSV コードと有効な将来の日付を含む次のカード番号を使用します。
- 成功カード: 4242424242424242
- 3D セキュリティ: 4000000000003220
- 失敗: 4000000000009995
を確認してください テスト 詳細については、公式ページをご覧ください。
ストライプ支払い通知
支払いを受け入れることはできますが、Stripe は新しい支払いについて Stravopys に通知する方法をまだ知りません.修理して受け取るには 電子メールおよび電報通知 Stripe での支払いを成功させるには、Stripe Webhook で Stravopys エンドポイントを指定する必要があります。
- Stripe ダッシュボードを開きます。
- 「開発者」ボタンの布をクリックしてモードを切り替えます
![Stripe 開発者パネル](/image-store/5f745581cadcba5be3ff35b6/91188002-8c92-4d99-9f62-19782d6d274a.jpg)
- 左パネルの「Webhook」項目をクリックします
- [エンドポイントを追加] ボタンをクリックして、チェックアウト イベントを受け取るように Stravopys エンドポイントを設定します。
- エンドポイント URL を「https://stravopys.com/api/stripe-callback」として指定します。
- オプションの説明を追加します。
- 「聴く」が「あなたのアカウントのイベント」としてマークされていることを確認してください。
- [+ イベントを選択] ボタンをクリックします。
- Checkout グループを見つけて、「checkout.session.completed」イベントを確認します。
- 「イベントを追加」ボタンをクリックします。
- 「エンドポイントを追加」ボタンをクリックします。
![Stripe Webhook イベントの構成](/image-store/5f745581cadcba5be3ff35b6/07b09619-ff0a-4dcd-9c72-a609689d0e2b.jpg)
エンドポイントが作成されたら、その「署名秘密」キーをコピーする必要があります。 「Signing secret」列の「reveal」ボタンをクリックすると、それを見つけることができます。 Webhook キーが「whsec_...」で始まることがわかります。
![Webhook 署名シークレット](/image-store/5f745581cadcba5be3ff35b6/6a05d2e7-0953-48de-9ba1-f2c5b3d5aa77.jpg)
キーを取得したら、それをコピーして Stravopys Order Settings 構成に貼り付けます。
- Stravopys Admin を開きます。
- 注文設定の構成を開きます。
- Stripe 支払い設定セクションを見つけます。
- Webhook キーを適切なフィールドに貼り付けます。
- 変更を保存します。
それでおしまい。必要なすべての手順が完了しました。実際の支払いを受け入れたい場合は、Stripe ダッシュボードでモードを切り替え、Strovopys 注文設定でキーを更新する必要があります。