カテゴリー:
Stripe
閲覧数:352 配信日:2019-02-26 12:19
Simple
シンプルな組み込み形式
・支払いフォーム内の<script>タグを使用して青いチェックアウトボタンを表示する
・Checkoutプロセスが完了すると、Checkoutは、 stripeTokenとフォームに含まれるすべての要素を渡すため、フォームをサーバーへ送信する
・次のコードをページへ追加するときは、formのaction属性を、あなた自身のサーバーサイドコードへ変更して送信してくれ
・Stripeアカウントでこのコードをテストするには、実際の公開可能なAPIキーに置き換えてくれ
<form action="your-server-side-code" method="POST">
<script
src="https://checkout.stripe.com/checkout.js" class="stripe-button"
data-key="pk_test_●●"
data-amount="999"
data-name="PHPデモ"
data-description="Widget"
data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
data-locale="auto"
data-currency="jpy">
</script>
</form>
受信パラメータ
・Checkoutが完了すると、フォーム内の他の要素とともに、次のパラメータがフォームのアクションエンドポイントに送信される
| パラメータ | 説明 |
|---|---|
| stripeToken | 支払い詳細を表すトークンのID |
| stripeEmail | チェックアウトプロセス中にユーザーが入力した電子メールアドレス |
| - | - |
| - | - |
設定必須
| キー | 説明 |
|---|---|
| data-key | 公開キー（テスト用または本番用） |
強く推奨されている設定オプション
以下の設定オプションを使用して、Checkoutの外観と動作を変更する
| キー | 説明 |
|---|---|
| data-image | ブランドまたは製品の正方形の画像を指す相対URLまたは絶対URL。推奨される最小サイズは128 x 128 px。サポートされている画像の種類は、 .gif 、 .jpeg 、及び.png |
| data-name | あなたの会社またはウェブサイトの名前 |
| data-description | 販売している製品またはサービスの説明 |
| data-amount | [チェックアウト]ダイアログでユーザーに表示される金額（JPY）。 APIを使用して請求を作成するときに、金額を明示的に含める必要がある。 （また、デフォルトのUSDを変更するには、Checkoutにdata-currencyの値を指定する必要がある） |
| data-locale | 利用可能な場合、 ユーザーの希望する言語でCheckoutを表示するには、 autoを指定する。 デフォルトでは英語が使用される |
| data-zip-code | Checkoutが請求先の郵便番号を検証するかどうかを指定する（trueまたはfalse）。 デフォルトはfalseだが、アカウント設定におけるバリデーションfalseによる拒否を有効にするためtrueに設定することを強くお勧めする。日本アカウント未対応 |
| data-billing-address | Checkoutがユーザーの請求先住所を収集するかどうかを指定する（trueまたはfalse）。 デフォルトはfalse |
設定オプション
| キー | 説明 |
|---|---|
| data-currency | 金額の通貨（3文字のISOコード ）。 デフォルトはUSD |
| data-panel-label | チェックアウトフォームの支払いボタンのラベル（ Subscribe, Pay {{amount}}など）。 ラベル値に{{amount}}を含めると、ローカライズ版のdata-amount置き換えられる。 それ以外の場合は、ローカライズされたdata-amountがラベルの末尾に追加される。 チェックアウトは、カスタムラベルをユーザーの希望する言語に翻訳しない |
| data-shipping-address | Checkoutがユーザーの配送先住所を収集するかどうかを指定する（trueまたはfalse）。 デフォルトはfalse |
| data-email | あなたのユーザーのEメールアドレスを既に知っている場合は、それをCheckoutに提供して事前入力することができる |
| data-label | 青いボタンに表示されるテキスト。 デフォルトは Pay with Card。 チェックアウトは現在このラベルを翻訳していない |
| data-allow-remember-me | 将来の購入のために「 Remember Me」というオプションを含めるかどうかを指定する（trueまたはfalse）。 デフォルトはtrue。 この機能は、Cookieを設定したり、ブラウザのlocalStorage使用したりできることに依存しており、顧客の「特定のプライバシー設定」が有効になっている場合は利用できない場合がある |