stripeの決済ボタンのテキスト「Pay with Card」を変更したい

stripe

ネット上で色々と情報を探したけど、見当たらないので備忘録を兼ねてメモ。

決済サービスのstripeではcheckout.jsを利用することで簡単に決済ボタンを埋め込むことができます。

ただ、そのままだとボタンのテキストが「Pay with Card」となり日本仕様ではありません。

この文言を例えば「購入する」に変更したいわけです。

data-labelで簡単に実装できる

苦戦しましたが、答えはシンプルでした。

<script
      src="https://checkout.stripe.com/checkout.js" class="stripe-button"
      data-label="購入する" ←追記
      ・・・
  </script>

data-labelを追記するだけでOK。

checkout.jsの各パラメーターはこちらの記事が分かりやすいです。



カテゴリー