オンラインショッピングにおけるカート放棄率は 70% を超えています。決済画面をシンプルにすることは、コンバージョンを向上させる方法の 1 つです。組み込み型決済は、ユーザーをサードパーティのページにリダイレクトするのではなく、自社のプロダクト内に決済フローを配置します。これにより、決済フローの視覚的なデザイン、エラーメッセージ、フォームの入力フィールド、順序、決済後のフローをカスタマイズできます。
以下では、組み込み型決済のカスタマイズの仕組み、リスク、どのカスタマイズを行う価値があるかの検討方法について説明します。
主なポイント
組み込み型決済を使用して決済画面をカスタマイズすることで、顧客に優れた決済体験を提供できます。
表示する決済手段、決済要素の表示順序、条件をカスタマイズすることで、コンバージョンを大幅に向上させることができます。
カスタマイズすればするほど、メンテナンスの手間が増えます。強力なカスタマイズの決定は、デフォルトの決済体験に特定のギャップがある場合に下されます。
組み込み型決済による決済体験のカスタマイズ方法
フォームの見た目、表示するフィールドとその順序、決済の失敗時または成功時の動作を変更することで、組み込み型決済を使用した決済体験をカスタマイズできます。これにより、顧客にとって決済体験がシンプルになり、全体的なブランディングとの一貫性を高めることが可能です。
このカスタマイズを実装するには、いくつかの方法があります。カスタムソリューションをゼロから構築することも可能ですが、時間がかかる場合があります。Stripe のような定評のあるプロバイダーを使用して設定を行うと、迅速に開始できます。
組み込み型決済でカスタマイズできる機能
埋め込み型のアプローチでは、決済画面の見た目、表示される決済手段、表示される入力フィールド、決済確定後の動作を制御できます。
制御できる機能は次のとおりです:
視覚的なスタイリング: タイポグラフィ、カラーパレットなどを設定できます。
決済手段の表示: Web 用の UI (ユーザーインターフェイス) コンポーネントを使用して、通貨、顧客の所在地、取引金額に基づいて、関連する決済手段を動的に表示できます。
フォームの入力フィールド: 電話番号やカスタムメタデータを収集する場合は、これらの入力フィールドを追加してレイアウトに組み込むことができます。
決済後のフロー: 確定後の動作を定義します。決済代行業者が独自の成功状態を表示して、処理が完了したことをユーザーに知らせることも、確定イベントをインターセプトして自分で処理することもできます。
ローカライゼーション: ロケールを明示的に設定することも、ブラウザーから継承させることもできます。入力フィールドのラベル、エラーメッセージ、決済手段の説明はすべて自動的にローカライズされます。
Stripe Elements Appearance API などのソリューションを使用すると、変更がすべての埋め込みコンポーネントに同時に適用されるため、個々の要素を変更する必要はありません。
優れた決済体験を生み出す要素
優れた決済画面と顧客が離脱する決済画面を分ける重要な要因は、スピードと明確さです。入力フィールドやページ遷移が追加されるたびに、顧客が迷いを生じる可能性があります。
顧客にとってプラスとなる決済体験を実現する要素は次のとおりです:
入力フィールドのラベル: これらは入力フィールドに名前を付けるだけでなく、何が期待されているかを説明する必要があります。「カード番号」でも構いませんが、オンラインショッピングをあまり利用しない顧客が対象の場合は、「カード表面の 16 桁の番号を入力してください」とする方が適切です。
エラーメッセージ: これらは問題を明示し、修正方法を提案する必要があります。「無効なカード番号」よりも、「16 桁すべて入力したことを確認してください」とする方が有用です。
決済手段の表示: これは顧客層に合わせる必要があります。ユーザーの多くがドイツにいる場合は、単一ユーロ決済圏 (SEPA) ダイレクトデビットを目立たせる必要があります。ブラジルにいる場合は、Pix が重要になります。ユーザーが 1 つしか認識していないのに、圧倒的な数の決済オプションを表示すると、摩擦が生じる可能性があります。
確定のステータス: これらは明確でなければなりません。ユーザーがサイトを離れる前に、決済が成功したことを知らせる必要があります。
組み込み型決済で決済画面をカスタマイズするメリット
決済はプロダクトの一部であり、汎用的な決済画面には組み込めない固有のコンテキストが存在します。決済をカスタマイズすることで、顧客は安心感を持ち、期待に沿ったユーザー体験を提供できます。
実際の機能は次のとおりです:
サービスとしてのソフトウェア (SaaS) コンバージョンフロー: 14 日間のトライアルを実施している場合、顧客が支払いを行おうとする瞬間は、2 週間にわたるエンゲージメントの集大成です。このタイミングで、汎用的な決済画面に視覚的に切り替わってしまうと、ユーザー体験 (UX) の低下につながります。
信頼のシグナル: 自社の UI をしばらく使用している顧客は、そのデザイン言語に期待を合わせています。他のプロダクトに属しているかのように見える決済画面が表示されると、意図しない場所にたどり着いてしまったのではないかと顧客に不安を抱かせる可能性があります。
一貫したブランディング: 購入フロー全体で一貫したブランディングを行うことは、単なる美学ではありません。予期せぬことは起きていないというシグナルです。
セグメント固有の設定: 大手顧客から請求書を収集する B2B プラットフォームでは、消費者向けプロダクトとは異なる入力フィールドや決済手段が必要になります。埋め込みコンポーネントを使用すれば、これを設定できます。
大幅にカスタマイズされた決済画面のリスクとトレードオフ
カスタマイズを行うとメンテナンスの必要性が生じ、それがリスクにつながる可能性があります。デフォルトの動作を上書きし始める前に、どのような問題が発生しやすいかを把握しておく価値があります。
次の点に注意してください:
コンポーネントの更新: コンポーネントの更新をリリースしたり、デザインシステムを変更したりすると、スタイルの上書き設定や動作設定が失敗する可能性があります。プロバイダーは上書きを変数レベルに保つことでこれを軽減できますが、特定のコンポーネントの状態をターゲットにしたカスタムルールは、コンポーネントの構造が更新されるたびにテストする必要があります。
決済手段の抑制: 決済画面をシンプルに保つために決済手段の優先度を下げると、その決済手段を好むユーザーのコンバージョン率が低下する可能性があります。表示から決済手段を削除する場合は、それを正当化するデータがあることを確認してください。
ローカライゼーションの上書き: 主要な市場に合わせてロケールを固定すると、他の地域の顧客にはラベルやエラーメッセージが間違った言語で表示されます。通常はデフォルトの動作が適切ですが、上書きする特定の理由がある場合を除きます。
プラットフォーム全体の均一性: 自社のプロダクトを通じて複数のビジネスが決済画面を運用するプラットフォームを運営している場合、カスタマイズの決定事項はすべてに適用されます。ある事業形態に適したデザインが、別の事業形態のユーザー体験を低下させる可能性があります。設定オプションは、すべてのビジネスにハードコーディングするのではなく、プラットフォーム上の個々のビジネスに提供する必要があります。
組み込み型決済の決済画面をカスタマイズする価値はあるか？
組み込み型決済をカスタマイズする価値があるかどうかは、何を、なぜカスタマイズするかによって異なります。
以下の点を考慮してください:
デザインシステムに合わせたスタイリング: これは多くの場合、価値があります。Stripe Elements Appearance API を使用すれば導入コストが低く、メンテナンスの負担も管理しやすく、ユーザー体験のメリットも大きいです。
顧客基盤に基づく決済手段の設定: これを裏付けるデータがある場合、通常は価値があります。たとえば、ユーザーの 80% が特定の決済手段が主流の市場にいる場合、それを反映するように決済画面を設定すれば、コンバージョンが向上し、認知負荷が軽減する可能性が高まります。
入力フィールドを抑制してフォームの長さを短縮: 該当の入力フィールドが本当に不要な場合、通常は価値があります。プラットフォームがフローの早い段階で請求先住所を収集している場合、決済フローからそれを削除することは有益です。まだ収集していないのにフォームを短くするために削除すると、データのギャップが生じます。
詳細なカスタムフロー: プロダクトに複雑さを正当化できる特定のコンテキストがある場合、通常は価値があります。大規模なマーケットプレイスや大手顧客向けのプラットフォームではメリットがある可能性があります。シンプルなサブスクリプションプロダクトではメリットがないかもしれません。
Stripe Connect でできること
Stripe Connect は、ソフトウェアプラットフォームやマーケットプレイスにおける複数者間での資金移動を可能にするツールです。迅速なユーザー登録、組み込みコンポーネント、グローバル入金などの機能を備えています。
Connect でできること
数週間で立ち上げ: Stripe がホストする機能または組み込み機能を活用して、本番環境にスピーディーに移行できます。決済代行に通常必要な初期費用や開発時間を削減できます。
大規模な決済管理: Stripe のツールやサービスを利用することで、マージンレポート、納税申告書、リスク管理、世界各国の決済手段、ユーザー登録の法令遵守に追加リソースを割く必要がありません。
グローバルに成長: 現地の決済手段と、消費税、付加価値税 (VAT)、物品サービス税 (GST) を簡単に計算できる機能により、ユーザーが世界中のより多くの顧客にリーチできるよう支援します。
新たな収益源の構築: 各取引で手数料を徴収して決済収益を最適化します。プラットフォーム上で対面決済、即時入金、消費税徴収、融資、経費用カードなどの機能を有効にして、Stripe の機能を収益化できます。
この記事の内容は、一般的な情報および教育のみを目的としており、法律上または税務上のアドバイスとして解釈されるべきではありません。Stripe は、記事内の情報の正確性、完全性、妥当性、または最新性を保証または請け合うものではありません。特定の状況については、管轄区域で活動する資格のある有能な弁護士または会計士に助言を求める必要があります。