stripeの決済ボタンのテキスト「Pay with Card」を変更したい
ネット上で色々と情報を探したけど、見当たらないので備忘録を兼ねてメモ。
決済サービスの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の各パラメーターはこちらの記事が分かりやすいです。