支払い方法をカスタマイズする

Payment Element は多くの支払い方法に対応しています。有効化された支払い方法を表示し、現在の取引で機能しない支払い方法を非表示にして、コンバージョン率を最大化するために動的に並べ替えます。

動作は次のようにカスタマイズできます。

• さまざまな支払い方法を有効にします。
• デフォルト以外の方法で支払い方法を並べ替えます。

さまざまな支払い方法を有効にする

ダッシュボードで支払い方法を選択し、複数の支払い方法を有効にすることで動的な支払い方法を指定できます。最新バージョンの API では、この機能がデフォルトで有効になっています。これにより、Stripe が支払い方法の設定をダッシュボードから取得し、関連性が最も高い支払い方法を顧客に動的に提示できます。また、支払い方法のタイプを使用して手動で支払い方法のリストを指定することもできます。

Payment Element によって選択内容が上書きされる状況が 1 つあります。Payment Element は現在の支払いに対応していない支払い方法を非表示にします。たとえば、10 JPY の継続支払いでは、Payment Element は JPY または継続支払いに対応していない支払い方法を非表示にします。

支払い方法を並べ替える

デフォルトでは、Payment Element は動的な順序を使用して、各ユーザーに表示する支払い方法を最適化します。paymentMethodOrder パラメーターを使用すると、Payment Element での支払い方法のデフォルト順序を上書きできます。これには、Apple Pay と Google Pay も含まれます。

paymentMethodOrder で指定した支払い方法が最初に表示され、次に他の支払い方法が表示されます。Stripe が表示しない支払い方法のタイプを指定した場合、それらは無視されます。

elements.create('payment', {
  paymentMethodOrder: ['apple_pay', 'google_pay', 'card', 'klarna']
});

支払い方法のタイプの一覧に加えて、支払い方法の順序を設定する際に、Apple Pay (apple_pay) と Google Pay (google_pay) を含めることができます。