Récapitulatif

Une vignette promotionnelle met en avant les offres de financement disponibles auprès de vos utilisateurs à des fins de sensibilisation. Ce guide explique comment intégrer un composant de promotion du financement Capital en marque blanche sur votre site Web ou dans votre application.

Une vignette promotionnelle peut augmenter les taux de demandes d’offre de financement davantage qu’un programme uniquement exécuté par e-mail.

Principaux avantages

• **Accroître la sensibilisation **: Mettez en évidence les options de financement disponibles à l’endroit même où les utilisateurs prennent des décisions d’affaires afin que ces options fassent partie du processus de prise de décision.
• **Combler les lacunes **: Surmontez les limites du marketing par e-mail et des composants enfouis dans des pages secondaires en proposant à la place une vignette promotionnelle visible et contextuelle.
• **Réduire la friction **: Permettez aux utilisateurs de cliquer directement sur le flux de l’application.
• **Favoriser l’adoption **: Présentez des offres opportunes avec des conditions claires qui incitent à l’action.
• **Maintenir la cohérence de la marque **: Vous pouvez personnaliser l’apparence de vos offres pour qu’elles correspondent au système de conception de votre plateforme.

Vignette promotionnelle dans Furever, la démo des composants intégrés de Stripe

Positionnement

Notre analyse marketing des mises en œuvre réussies permet de conclure qu’il est plus efficace d’afficher la vignette promotionnelle sur votre page d’accueil principale ou sur la barre latérale de cette page.

En plaçant la vignette à un endroit fréquemment visité par les utilisateurs, vous pouvez optimiser la visibilité et l’engagement. Ce placement stratégique permet aux utilisateurs de voir les offres de financement au moment le plus opportun, ce qui peut entraîner des taux de demandes d’offre de financement et d’adoption plus élevés.

Évaluez également les interactions de votre client avec votre plateforme afin d’identifier les endroits qui conviennent le mieux à votre cas d’usage spécifique.

Démarrage

Procédez comme suit pour intégrer une vignette promotionnelle qui présente les offres de financement Capital à vos utilisateurs :

Configurer Connect.js

Si votre application ne comporte pas encore de composants intégrés de Stripe, suivez l’étape Initialiser Connect.js du guide Démarrer avec les composants intégrés Connect.

Ce guide porte sur les sujets suivants :

1. Établissement d’un routage back-end pour l’utilisation de l’API Create Account Session
2. Configuration de Connect.js
3. Chargement et initialisation de Connect.js

Une fois ce guide terminé, vous pouvez procéder à la mise en œuvre des vignettes promotionnelles.

Activer capital_financing_promotion dans le routage de session de compte

Lors de la création d’une session de compte, activez le composant de promotion du financement Capital en indiquant capital_financing_promotion dans le paramètre components.

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

Afficher la vignette promotionnelle

Après avoir créé la session de compte et initialisé ConnectJS, vous pouvez afficher le composant Promotion du financement Capital dans le front-end :

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

Personnaliser l’apparence du composant

Vous pouvez personnaliser l’apparence des composants intégrés. Le composant de promotion du financement Capital prend en charge un ensemble d’options de style adaptées à votre système de conception. Ainsi, la vignette promotionnelle s’intègre naturellement à votre plateforme au lieu de ressembler à un élément tiers.

Vous pouvez personnaliser les couleurs, la typographie, le rayon de la bordure et d’autres éléments visuels grâce à la configuration Connect.js. Vous pouvez également essayer différentes options avant l’implémentation à l’aide de l’outil de prévisualisation de l’apparence des composants intégrés.

Pour un contrôle plus granulaire, vous pouvez initialiser plusieurs instances de Connect.js si votre vignette promotionnelle nécessite un style différent de celui des autres composants intégrés. Cette approche vous permet de conserver des configurations d’apparence distinctes pour les différents composants de votre plateforme.

Comprendre les états d’affichage

Le composant adapte son affichage en fonction de l’état de financement du compte connecté :

• **Avec une offre active **: Affichage de tous les détails de l’offre avec un bouton Commencer la demande
• **Financement actif en cours **: Le composant ne s’affiche pas (renvoie null)
• **Sans financement actif **: Affichage d’informations générales sur l’admissibilité au programme de prêt

Comme décrit ci-dessus, envisagez d’implémenter la vignette promotionnelle sur votre page d’accueil principale ou sur d’autres pages à forte visibilité où les utilisateurs prennent des décisions d’affaires.

Facultatif : Masquer la vignette s’il n’y a pas d’offre

Il est courant de masquer entièrement la carte bancaire, sauf si une offre est admissible. Pour ce faire, vous pouvez utiliser la fonction de rappel onEligibleFinancingOfferLoaded disponible :

// 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;
  }
});

Recherche de documentation supplémentaire sur les composants

La vignette promotionnelle est l’un des nombreux composants intégrés disponibles pour Capital.

Pour plus d’informations sur les options de configuration supplémentaires pour ce composant, consultez la documentation du composant de promotion du financement Capital..

Pour en savoir plus sur les composants intégrés, consultez notre guide Composants intégrés Capital pour les plateformes.

Étapes postérieures à la mise en œuvre

Après la mise en place de la vignette promotionnelle :

• **Envisagez des tests A/B **: Segmentez les utilisateurs et mesurez l’impact de la vignette promotionnelle sur les taux de demandes d’offre de financement.
• **Étendez votre intégration **: Étendez votre intégration à d’autres composants intégrés, tels que le flux de demandes d’offre de financement Capital

Besoin d’aide pour la mise en œuvre ? Contactez notre équipe chargée des partenariats Capital pour les plateformes afin d’obtenir des conseils personnalisés.