Capital 申し込みコンポーネント公開プレビュー

連結アカウントで融資申し込みを完了できるように UI コンポーネントを表示します。連結アカウントでは、オファー金額と条件を選択し、規約の詳細を表示し、申し込みを送信できます。

このコンポーネントは、Capital 融資プロモーションコンポーネントと機能は似ていますが、教育やプロモーション用のコンテンツを含めずに、アプリケーションを直接起動します。これは、Capital 融資プロモーションコンポーネントとは異なるアプリケーションエントリーポイントを提供するために使用します。

コンポーネントのライフサイクル

コンポーネントを表示するタイミングを決定する

連結アカウントに対象の融資オファーがあるかどうかを判断するには、Capital の List financing offers (融資オファーの一覧表示) エンドポイントを呼び出し、connected_account パラメーターに連結アカウントの ID を渡します。

アカウントに対象の融資オファーがない場合、Capital 融資申し込みコンポーネントは null として表示されます。

送信後

連結アカウントがすでに融資申し込みを送信している場合、Capital 融資申し込みコンポーネントは空の画面を表示します。onApplicationSubmitted イベントをリッスンして、確認画面を表示することをお勧めします。

アプリケーションステップの進捗状況

onApplicationStepChange イベントをリッスンすることで、融資申請を通じてユーザーの進捗を追跡できます。このイベントは、ユーザーが次のステップに進むか、前のステップに戻ると送信されます。次のステップの名前は、step フィールドに指定したハンドラに提供されます。

制限事項

• このリスナーは、分析の目的にのみ使用してください。
• ステップは任意の順序で表示でき、繰り返す場合があります。
• ステップ名はいつでも変更、追加、削除できます。

アカウントセッションを作成する

アカウントセッションを作成する際は、components パラメーターの capital_financing_application を指定して、融資申し込みコンポーネントを有効にします。

curl https://api.stripe.com/v1/account_sessions \
  -u "
sk_test_BQokikJOvBiI2HlWgH4olfQ2
:" \
  -H "Stripe-Version: 2025-07-30.basil; embedded_connect_beta=v2;" \
  -d account=
{{CONNECTED_ACCOUNT_ID}} \
  -d "components[capital_financing_application][enabled]"=true

コンポーネントをレンダリングする

アカウントセッションを作成して、ConnectJS を初期化すると、フロントエンドでCapital 融資申し込みコンポーネントを表示できます。

// Include this element in your HTML
const capitalFinancingApplication = stripeConnectInstance.create('capital-financing-application');
container.appendChild(capitalFinancingApplication);