Grâce au connecteur natif Poool Engage <> Stripe, vous pouvez afficher dans un élément Poool Engage les offres qui auront été créées dans votre compte Stripe. La connexion entre poool et stripe se fait automatiquement, afin de remonter la bonne offre et les informations qui lui sont associées.
Vue utilisateur
Le parcours utilisateur est simple : au clic sur le bouton de l'élément Engage, l'utilisateur est directement redirigé vers la page de paiement Stripe, avec la bonne offre associée (page stripe checkout).
Voici le détail des principales étapes à suivre pour ce paramétrage.
Créer les offres dans Stripe
Avant toute chose, commencez par paramétrer les offres que vous souhaitez mettre en avant.
Dans "Stripe" > "Catalogues de produits" > "Créer un produit"
En choisissant "ajouter un produit", vous pouvez ainsi définir toutes les caractéristiques de votre offre.
Activer l'option dans le Dashboard
Une fois vos éléments stripe prêts, rejoignez le Dashboard Poool, onglet "Intégrations tierces", sélectionnez "Stripe".
Vous pouvez ainsi :
Activer la connexion
Renseigner votre clé API secrète
Définir l'url de succès. Il s'agit de l'url de redirection que vous définissez une fois le paiement réalisé avec succès
Définir l'url d'annulation = url de redirection lorsque la transaction a échouée
Paramétrer le composant stripe
Une fois la connexion active, commencez à créer votre élément Engage.
Lorsque vous ajoutez un composant, l'option "Stripe" vous est à présent proposée.
Un composant stripe s'affiche, dans lequel vous pouvez paramétrer le rendu final de votre offre.
Par exemple, ici : j'inclue dans mon composant des élément textuels, espaces, bouton.
Et grâce aux variables mises à disposition, je peux remonter les différentes informations liées à mon produit : nom, prix, monnaie, durée, ...
Dans mon exemple, je charge donc les variables suivantes : {stripe_price_id} {stripe_price} {stripe_currency} {stripe_interval}
Afin de s'assurer que les bonnes valeurs remontent, il est important de bien répliquer le nommage des variables {stripe_xxx}
Et voici le rendu final ! ✨
Dans votre apparences, les informations des variables sont définies de manière arbitraire.
Dans notre exemple, nous avons choisi de remonter les variables dans un élément bouton, mais elles peuvent être utilisées dans tous les composants Engage que vous paramétrez.
De multiples variables sont à votre disposition. Le détail de celles-ci est donné au hover sur le nom de la variable. Voici ici un rappel :
{stripe_price_id} : id du prix stripe
{stripe_product_id} : id du produit stripe
{stripe_product_name} : nom du produit
{stripe_price} : prix de l’offre
{stripe_full_price} : prix complet de l'offre avec devise
{stripe_currency} : devise
{stripe_interval} : intervalle de facturation (jour, semaine, mois, année)
{stripe_interval_count} : nombre d'intervalles de facturation
{stripe_type} : type de l'offre (récurrent / ponctuel)
{stripe_advantages_{n}} : avantages de l'offre
Finaliser la connexion avec Stripe
Une fois votre composant paramétré avec les bonnes variables, définissez "Ouvrir Stripe" comme Action associée à votre bouton.
Ainsi, au clic sur ce bouton, la fenêtre de paiement stripe s'ouvre.
Offre unique stripe, offres stripe, quelle différence ?
Au moment d'activer le composant stripe, vous avez le choix entre : offre unique stripe ou offres stripe.
Offre unique stripe permet de remonter la dernière offre stripe créée dans votre compte stripe.
Offres stripe récupère les 3 dernières offres créées.
Une fois votre élément finalisé, vous pouvez ensuite le prévisualiser sur votre site, puis l'activer selon les conditions que vous souhaitez.
Statistiques disponibles
Pour suivre les performances de votre composant, vous retrouvez dans le Dashboard le nombre de clics sur le bouton. Côté stripe, vous aurez le nombre d'abonnements comptabilisés sur votre offre.
Sur les urls de redirection, es paramètres seront ajoutés une fois que l'utilisateur a payé, avec les infos de session Stripe. ça offre une méthode à l'éditeur pour traiter l'abonné avec ses infos
N'hésitez pas à contacter notre adresse support si vous avez la moindre question !