Checkout のカスタマイズ
たとえば、Checkout のブランディングをカスタマイズし、リーガルポリシーと返品に関するポリシーを設定し、顧客の決済情報の自動入力を有効にします。
デザインをカスタマイズする
Checkout のデザインはダッシュボードからカスタマイズできます。
ブランディングを適用する
Checkout にカスタムのブランド設定を適用できます。ブランディング設定に移動します。
- ロゴまたはアイコンをアップロードする (適用対象は Checkout の Stripe がオンラインで提供するページのみ)
- Checkout ページの背景色、ボタンの色、フォント、形状をカスタマイズする
さまざまなロケールで Checkout がサポートするフォントについては、フォントの互換性をご確認ください。
Connect でのブランディング
ダイレクト支払いおよび on_behalf_of
を使用したデスティネーション支払いを実行するプラットフォームの場合、Checkout は連結アカウントのブランド設定を使用します。プラットフォームは、Accounts API を使用して、Express および Custom の連結アカウントのブランド設定を実行できます。
ブランド名を変更する
Checkout ページの名前を変更するには、公開情報設定の公開ビジネス名フィールドを変更します。
また、Stripe がオンラインで提供する Checkout ページのドメイン名もカスタマイズできます。
テキストとポリシーをカスタマイズする
顧客に表示されるテキストとともに、Checkout が表示するポリシーをカスタマイズできます。
カスタムテキストを追加する
顧客が Stripe Checkout を使用して支払うときに、出荷予定日や処理時間などの追加テキストを表示できます。
警告
Checkout で Stripe によって生成されたテキスト、Stripe との契約、Stripe のポリシー、適用される法律に基づく義務に違反したり、あいまいさを生むカスタムテキストの作成に、この機能を使用することは禁止されています。
配送先住所の収集フィールドの近くにあるカスタムテキスト
支払うボタンの上に表示されるカスタムテキスト
支払うボタンの後に表示されるカスタムテキスト
カスタムテキストは 1200 文字以内で設定できます。ただし、Stripe Checkout はコンバージョンを最適化するため、その他の情報を追加するとコンバージョン率に影響する場合があります。マークダウン構文を使用してテキストを太字にしたり、リンクを挿入することができます。
ポリシーと連絡先情報をカスタマイズする
Checkout では、返品、返金、リーガルポリシーおよびサポートの連絡先情報を顧客に表示できます。Checkout の設定に移動して、以下のような表示情報を設定できます。
- 返品および返金に関するポリシーの詳細
- サポートの電話番号、メールアドレス、および Web サイト
- 利用規約およびプライバシーポリシーへのリンク
この情報を提示することで、買い手の信頼を高め、カート離脱率を最小化できます。
サポートおよびリーガルポリシーの設定
Checkout の設定で、連絡先情報を有効にして、サポートの連絡先情報をセッションに追加します。同様に、リーガルポリシーを選択して、利用規約とプライバシーポリシーへのリンクをセッションに追加します。顧客が決済フローを完了する際に、リーガルポリシーに黙示的に同意するように求める場合は、規約への同意を表示というチェックボックスを選択します。
公開情報の設定で、サポートの連絡先情報とリーガルポリシーへのリンクを追加する必要があります。
以下のプレビューは、サポートの連絡先情報、ストアのリーガルポリシーへのリンク、および支払い条件に関する情報が記載されたダイアログが、Checkout の画面にどのように表示されるかを示しています。
Checkout の連絡先情報のプレビュー
Checkout のリーガルポリシーのプレビュー
返品および返金に関するポリシーの設定
返品および返金に関するポリシーを有効にして、返品、返金、または交換に関するポリシーを表示します。物品を販売するビジネスは、返品に関するポリシーを使用しますが、デジタル商品またはカスタマイズされた物品を販売するビジネスは通常、返金に関するポリシーを使用します。これらは併記可能であるため、ビジネスが双方のカテゴリの商品を販売している場合は、両方のオプションを選択できます。以下のような返品と返金の詳細を編集できます。
- 返品、返金、交換を受け入れるかどうか
- 返品、返金、交換が無償であるか、または手数料が課せられるか
- 返品、返金、交換を受け入れるのは、購入後何日間か
- 顧客が配送されたアイテムを返品する方法
- 実店舗での返品は可能かどうか
- 返品および返金に関するポリシー全文へのリンク
- カスタムメッセージ
無料の返品、返金、交換を受け入れている場合、Checkout はこのポリシーを顧客に強調表示します。
以下のプレビューは、返品に関するポリシーが Checkout でどのように表示されるかを示しています。この例では、60 日以内の返送または実店舗での全額返金 (または交換) に対応している購入に関するものです。返金に対しても同様の情報を表示できます。
Checkout の返品に関するポリシーのプレビュー
Checkout のポリシーハイライトのプレビュー。
利用規約への同意を収集する
ビジネスでは、顧客が支払いを行う前に利用規約への同意を求めることがよくあります。これは、商品またはサブスクリプションのタイプによって異なります。Checkout では、支払いの前に顧客に利用規約への同意を求めて必要な契約書を収集することができます。
利用規約への同意を収集する
セッションを作成する際に、Stripe Checkout で利用規約を収集できます。
consent_collection.terms_of_service='required'
の場合、Checkout は顧客の利用規約への同意を収集するチェックボックスを動的に表示します。 consent_collection.terms_of_service='none'
の場合、Checkout はチェックボックスを表示せず、顧客に利用規約への同意も求めません。利用規約への同意を求める前に、ビジネスの公開情報に利用規約への URL を設定してください。プライバシーポリシーの URL の設定はオプションです。プライバシーポリシーの URL が公開情報に設定されている場合、Checkout はプライバシーポリシーにもリンクされます。
顧客が決済フローを完了した後、checkout.session.completed
Webhook の Session オブジェクトを確認するか、API を使用して Session を取得することで、顧客が利用規約に同意したことを確認できます。利用規約に同意している場合、Session の consent.terms_of_service
フィールドは "accepted"
に設定されています。
custom_text.terms_of_service_acceptance
を使用して、チェックボックスの横に表示されるテキストをカスタマイズできます。consent_collection.terms_of_service='required'
を設定する必要があります。独自の用語を使用するには、マークダウンリンクを挿入します。たとえば、I agree to the [Terms of Service](https://example.com/terms)
のようにします。
警告
このテキストに変更を加える前に、法務および規制遵守のアドバイザーと相談してください。Checkout 上の Stripe 生成テキストや、Stripe との契約、Stripe ポリシー、適用される法律に基づく義務に違反するか、これらをあいまいにするカスタムテキストを表示するために、この機能を使用することはできません。
決済機能をカスタマイズする
決済プロセスでの Checkout の動作をカスタマイズできます。これにより、購入完了率の向上と収益の向上が期待できます。
送信ボタンをカスタマイズする
Checkout がお客様のビジネスモデルに適合するように、1 回限りの購入に対する Checkout の送信ボタンに表示されるコピーを設定できます。
セッションで submit_type
を定義します。この例 (5 ドルの寄付) では、カスタマイズされた Checkout の送信ボタンに 5 ドルを寄付と表示されます。submit_type
オプションの一覧については、API リファレンスをご覧ください。
ローカリゼーションとサポート対象の言語
デフォルトでは、Checkout は顧客のブラウザーのロケールを検知し、その言語に対応している場合は、翻訳版のページを表示します。Checkout セッションを作成する際に locale
パラメーターを渡すことで、Checkout のブラウザーのロケールを上書きできます。
Checkout は、数字と通貨の形式の設定にもロケールを使用します。たとえば、価格が EUR で、ロケールが auto
に設定された商品を販売する際には、英語 (en
) を使用するように設定されたブラウザーでは €25.00 のように表示され、ドイツ語 (de
) を使用するように設定されたブラウザーでは 25,00 € のように表示されます。
Link を使用して支払いの詳細を自動入力する
構築済みの Checkout ページで、Link (Stripe のワンクリック決済) を自動的に使用できます。 詳細は Checkout で Link を使用するをご覧ください。