プロモーションタイルを埋め込む

A promotional tile highlights available financing offers to your users, which can both increase the visibility of financing options and lead to higher application rates as compared to email-only marketing. This guide describes how to embed a smaller tile version of the Capital financing promotion component as a white-labeled promotion in your website or app.

You can use promotion tiles to:

• Increase visibility: Highlight available financing options in the same place connected accounts make business decisions so that financing options are part of their decision-making process.
• Fill gaps: Address the limitations of email-only marketing and offers buried on secondary pages by providing a visible, in-context promotional tile with pre-qualified financing, including the exact offer amount.
• Reduce friction: Allow users to click directly into the application flow from within your website or your platform’s dashboard flow.
• 受入率の促進:行動を促す明確な条件でタイムリーなオファーを提示します。
• Maintain brand consistency: Customize the look and feel of the promotional tile to match your platform’s design language.

Furever のプロモーションタイル、Stripe の埋め込みコンポーネントのデモ

配置

ビジネスで成功している実装サンプルを分析したところ、メインページまたはそのページのサイドバーにプロモーションタイルを配置すると、最も高いマーケティング効果が得られることがわかりました。

ユーザーが頻繁にアクセスする場所にタイルを配置することで、可視性とエンゲージメントを最大化できます。この戦略的な配置により、ユーザーは最も適切なタイミングで融資オファーを確認できるようになり、その結果、申請率と受入率の向上につながる可能性があります。

さらに、顧客がプラットフォームをどのように利用しているかを分析し、特定のユースケースにおいて最も利用されている領域を特定します。

You can display the promotional tile with general eligibility information to all your connected accounts, or optionally hide the tile if there’s no available financing offer for a connected account.

If multiple types of users from each connected account access your platform’s website or dashboard, consider only showing the promotional tile when an owner or an admin of the account is logged in, because those are the types of users that need to review and apply for financing offers.

始める

次の手順に従って、Capital の融資オファーをユーザーに提示するプロモーションタイルを埋め込みます。

# Set your secret key. Remember to switch to your live secret key in production.
# See your keys here: https://dashboard.stripe.com/apikeys
# This example uses the beta SDK.

curl https://api.stripe.com/v1/account_sessions \
  -u sk_test_26PHem9AhJZvU623DfE1x4sd: \
  -d "account"="{{CONNECTED_ACCOUNT_ID}}" \
  -d "components"='{"capital_financing_promotion": {"enabled": true}}' \
  -H "Stripe-Version: 2025-04-30.basil; embedded_connect_beta=v2;"

// Include this element in your HTML
const capitalFinancingPromotion = stripeConnectInstance.create('capital-financing-promotion');
capitalFinancingPromotion.setLayout('banner');
container.appendChild(capitalFinancingPromotion);

// Include this element in your HTML
const capitalFinancingPromotion = stripeConnectInstance.create('capital-financing-promotion');
capitalFinancingPromotion.setLayout('banner');
container.appendChild(capitalFinancingPromotion);
capitalFinancingPromotion.setOnEligibleFinancingOfferLoaded(({productType}) => {
  switch (productType) {
    case 'none':
      capitalFinancingPromotion.parentElement.style.display = 'none';
      break;
    case 'standard':
    case 'refill':
      capitalFinancingPromotion.parentElement.style.display = 'block';
      break;
  }
});