Comment intégrer Stripe à votre formulaire Jotform

Stripe est une plateforme de traitement des paiements populaire qui permet aux entreprises et aux particuliers d’accepter rapidement et en toute sécurité les paiements en ligne. Depuis sa création, Stripe est rapidement devenu l’une des plateformes de paiement les plus utilisées au monde, avec des milliers d’entreprises de toutes tailles qui comptent sur ses services pour traiter les transactions.

Watch on youtube

How to use Jotform to create a Stripe order form

Jotform propose désormais l’intégration de Stripe directement dans vos formulaires pour vous permettre de collecter des paiements sécurisés en quelques clics. Que vous vendiez des produits ou services, recueilliez des dons ou mettiez en place une facturation récurrente, créez rapidement un formulaire de paiement professionnel et commencez à encaisser. Avec Stripe, vos clients peuvent payer par carte bancaire ou via des portefeuilles numériques comme Apple Pay et Google Pay, directement depuis votre formulaire.

Ajouter et configurer un champ de paiement

Que vous souhaitiez créer un formulaire ou mettre à jour un formulaire existant, ajouter et configurer un champ de paiement n’a jamais été aussi simple. Voici la marche à suivre :

1. Accédez à votre formulaire dans le Générateur de formulaires Jotform et cliquez sur le bouton Ajouter un élément à gauche de la page.

2. Dans le volet Éléments du formulaire qui s’ouvre à gauche, cliquez sur l’option Paiements, recherchez Stripe et cliquez dessus pour l’ajouter à votre formulaire. Vous pouvez aussi le glisser-déposer à l’endroit souhaité dans votre formulaire.

3. Ensuite, dans l‘élément Stripe qui s’affiche dans le formulaire, cliquez sur Ajouter une connexion de paiement. Dans la fenêtre modale Ajouter une connexion Stripe qui s’ouvre, choisissez entre le Mode Test ou le Mode Live.
4. Après avoir sélectionné un mode, ajoutez un nom de connexion, puis cliquez sur Connectez-vous avec Stripe et connectez-vous à votre compte Stripe.

5. Ensuite, dans le volet Propriétés du paiement (accessible en cliquant sur l’icône de carte bancaire), sélectionnez la devise souhaitée dans la section Devise. Ce guide sur les devises prises en charge par Stripe contient plus d’informations à ce sujet.

6. Activez si vous le souhaitez l’option Paiement en 1 clic avec Link pour permettre à vos clients de préremplir automatiquement leurs informations de paiement. Link vous permet d’enregistrer et de préremplir vos informations de paiement lors de vos prochains achats sur les sites compatibles.
7. Dans la section Type de paiement, sélectionnez le motif du paiement :
   • Vendre des produits : cette option est sélectionnée par défaut. Utilisez-la pour vendre des biens physiques ou numériques à prix fixe, permettant ainsi aux clients d’effectuer un achat unique.
   • Vendre des abonnements : utilisez cette option pour facturer vos clients de manière récurrente pour des services, des adhésions ou d’autres accès continus.
   • Montant défini par l’utilisateur : cette option permet aux clients de saisir le montant qu’ils souhaitent payer. Elle est utile pour les pourboires, les prix personnalisés ou les paiements flexibles.
   • Recueillir des dons : sélectionnez cette option pour accepter les contributions volontaires, généralement utilisées pour la collecte de fonds, le soutien aux organisations à but non lucratif ou les œuvres caritatives.

8. Si vous sélectionnez « Vendre des produits » dans Type de paiement, cliquez sur l’cône de caddie de supermarché pour créer votre Liste de produits. Si vous sélectionnez « Vendre des abonnements », cliquez sur l’icône représentant une pile de pièces pour créer votre Liste d’abonnements. Si vous sélectionnez « Montant défini par l’utilisateur », cliquez sur l’icône de pièce monnaie pour configurer le montant. Enfin, si vous sélectionnez « Recueillir des dons », cliquez sur l’icône de cœur pour configurer les paramètres de dons.

Lors de la configuration de vos produits et abonnements, vous pouvez également consulter ces guides :

• Comment créer votre premier formulaire de commande
• Comment configurer un paiement récurrent
• Comment ajouter des options aux produits de formulaire de paiement
• Comment ajouter un code promo à vos formulaires de paiement
• Comment appliquer une taxe de vente aux produits sur votre formulaire de paiement
• Comment ajouter des frais de livraison à vos formulaires de paiement
• Comment générer une facture pour votre formulaire de paiement
• Comment activer et gérer les stocks de produits dans les champs de paiement

Dans le volet Propriétés du paiement de l’élément Stripe, vous pouvez également configurer les options suivantes en fonction du type de paiement que vous avez sélectionnez :

• Demander des informations de facturation au client : en plus des détails de la transaction, vous pouvez activer cette option pour envoyer certaines informations de facturation à l’intégration Stripe en les faisant correspondre aux champs de formulaire pris en charge.
  • Champ Email du client : choisissez un champ Email pour inclure l’adresse email de votre client dans les informations de facturation.
  • Utilisation du champ comme adresse de facturation : sélectionnez le champ Adresse pour transmettre l’adresse de facturation de votre client à Stripe en tant qu’information de facturation.
  • Utilisation du champ comme adresse de livraison : sélectionnez un champ Adresse pour transmettre l’adresse de livraison de votre client à Stripe en tant qu’information de livraison.
  • Champ Téléphone du client : sélectionnez un champ Téléphone pour transmettre le numéro de téléphone de votre client à Stripe.
  • Champ incluant des données personnalisées : sélectionnez un champ Texte court ou le widget ID unique pour transmettre les données personnalisées que vous souhaitez inclure dans les informations de facturation.

• Envoyer un email au client : activez cette option si vous souhaitez que Stripe envoie un reçu à votre client après le paiement.
• Débiter l’utilisateur instantanément : permet de percevoir le paiement du client immédiatement après la soumission du formulaire.
• Créer un fichier client Stripe : permet de créer un enregistrement client dans Stripe pour la soumission.

Cliquez ensuite sur l’icône d’engrenage à droite de l’élément Stripe de votre formulaire pour ouvrir le volet Propriétés de la liste de produits à droite. Cliquez sur l’onglet Général, puis configurer les options suivantes :

• L’utilisateur peut sélectionner plusieurs produits : cette option est disponible uniquement avec le type de paiement « Vendre des produits » et est activée par défaut. Vous pouvez la désactiver si vous souhaitez que les clients ne sélectionnent qu’un seul produit par soumission.
• Afficher le prix total : cette option est disponible uniquement pour le type de paiement « Vendre des produits » et est activée par défaut. Vous pouvez la désactiver si vous souhaitez masquer le prix total des produits sélectionnés sur votre formulaire.
• Aperçu de l’image cliquable : cette fonctionnalité est disponible uniquement pour les types de paiement « Vendre des produits » et « Vendre des abonnements », et est activée par défaut. Vous pouvez la désactiver pour empêcher les clients d’agrandir les images des produits ou des abonnements.

Cliquez sur l’onglet Avancé et configurez les options suivantes :

• Utiliser des décimales dans les produits : cette option est disponible uniquement pour les types de paiement « Vendre des produits » et « Vendre des abonnements », et est activée par défaut. Vous pouvez la désactiver pour masquer les décimales des prix des articles et du montant total.
• Type de séparateur : lorsque des décimales sont affichées dans votre champ de paiement, vous pouvez choisir entre un point, utilisé dans les pays anglophones, ou une virgule, utilisée dans de nombreux pays européens.

Lorsque vous sélectionnez « Vendre des abonnements » dans Type de paiement, les options suivantes s’affichent :

• Rapatrier des remises à partir de votre compte Stripe : lorsque cette option est activée, elle récupère et affiche tous les bons de réduction de votre compte Stripe connecté. Elle remplace les bons de réduction que vous avez créés directement dans Jotform. Consultez notre guide Comment récupérer les codes de réduction depuis Stripe pour en savoir plus.
• Rapatrier les abonnements depuis votre compte Stripe : activez cette option pour récupérer vos éléments d’abonnement directement depuis votre compte Stripe.
• Afficher les réductions récupérées depuis le compte Stripe : lorsque l’option « Rapatrier des remises à partir de votre compte Stripe » est activée, vous pouvez choisir d’afficher ou non les bons de réduction importés depuis Stripe avec cette option.

Configurer une connexion de paiement Stripe réutilisable

La fonctionnalité « Connexions de paiement réutilisables » de Jotform vous permet de configurer une seule fois pour toutes les intégrations de passerelles de paiement, dont Stripe, avec les mêmes identifiants et la même configuration de passerelle de paiement pour les utiliser sur différents éléments de votre compte, tels que les formulaires et les applications.

Que vous souhaitiez créer un formulaire ou mettre à jour un formulaire existant, vous pouvez ajouter un champ de paiement et configurer une connexion de paiement Stripe réutilisable en quelques étapes simples. Voici comment procéder :

1. Accédez à votre formulaire dans le Générateur de formulaires Jotform et cliquez sur le bouton Ajouter un élément à gauche de la page.

2. Dans le volet Éléments du formulaire qui s’ouvre à gauche, cliquez sur l’option Paiements, recherchez Stripe et cliquez dessus pour l’ajouter à votre formulaire. Vous pouvez aussi le glisser-déposer à l’endroit souhaité dans votre formulaire.

3. Dans le volet Propriétés du paiement qui s’ouvre à droite, cliquez sur l’icône de prise de courant pour utiliser une connexion de paiement Stripe réutilisable.

4. Dans la fenêtre modale Ajouter une connexion Stripe qui s’affiche, cliquez sur Mode Test ou Mode Live pour sélectionner l’environnement pour lequel vous ajoutez une connexion de paiement.
5. Ensuite, saisissez un nom dans le champ Nom de la connexion, puis cliquez sur Connectez-vous avec Stripe et connectez-vous à votre compte Stripe.

6. Une fois la connexion établie, cliquez sur le bouton Enregistrer pour ajouter la connexion de paiement réutilisable à votre compte.

7. Ensuite, dans la fenêtre modale Connexions de passerelle de paiement, cliquez sur la connexion de paiement Stripe que vous venez d’ajouter pour la sélectionner, puis cliquez sur Utiliser.

8. Dans le volet Propriétés du paiement à droite, cliquez sur le menu de la section Type de paiement et sélectionnez l’option pour laquelle vous souhaitez que le paiement soit traité :
   • Vendre des produits : cette option est sélectionnée par défaut. Utilisez-la pour vendre des biens physiques ou numériques à prix fixe, permettant ainsi aux clients d’effectuer un achat unique.
   • Vendre des abonnements : utilisez cette option pour facturer vos clients de manière récurrente pour des services, des adhésions ou d’autres accès continus.
   • Montant défini par l’utilisateur : cette option permet aux clients de saisir le montant qu’ils souhaitent payer. Elle est utile pour les pourboires, les prix personnalisés ou les paiements flexibles.
   • Recueillir des dons : sélectionnez cette option pour accepter les contributions volontaires, généralement utilisées pour la collecte de fonds, le soutien aux organisations à but non lucratif ou les œuvres caritatives.

9. Ensuite, dans le volet Propriétés du paiement (accessible en cliquant sur l’icône de carte bancaire), sélectionnez la devise souhaitée dans la section Devise. Ce guide sur les devises prises en charge par Stripe contient plus d’informations à ce sujet.

Voici d’autres paramètres de passerelle que vous pouvez configurer selon vos besoins :

• Activer le paiement en un clic avec Link : Link vous permet d’enregistrer et de préremplir vos informations de paiement lors de vos prochains achats sur les sites compatibles.
• Envoyer un email au client : activez cette option si vous souhaitez que Stripe envoie un reçu à votre client après le paiement.
• Débiter l’utilisateur instantanément : percevez le paiement du client immédiatement après la soumission du formulaire. Pour en savoir plus, consultez notre guide Comment activer une autorisation de paiement.
• Créer un fichier client Stripe : créez un compte client Stripe pour la soumission afin que les informations de paiement et les données client soient enregistrées dans Stripe. Vous pouvez choisir parmi les deux options suivantes :
  • Chaque client unique : créez un client Stripe par client unique (identifié par son adresse email ou son identifiant client). Cela évite les doublons.
  • Chaque soumission : créez un nouveau client Stripe pour chaque soumission, même si la même personne soumet plusieurs fois le formulaire.

• Demander des informations de facturation au client : en plus des détails de la transaction, vous pouvez activer cette option pour envoyer certaines informations de facturation à l’intégration Stripe en les faisant correspondre aux champs de formulaire pris en charge.
  • Champ Email du client : choisissez un champ Email pour inclure l’adresse email de votre client dans les informations de facturation.
  • Utilisation du champ comme adresse de facturation : sélectionnez le champ Adresse pour transmettre l’adresse de facturation de votre client à Stripe en tant qu’information de facturation.
  • Utilisation du champ comme adresse de livraison : sélectionnez un champ Adresse pour transmettre l’adresse de livraison de votre client à Stripe en tant qu’information de livraison.
  • Champ Téléphone du client : sélectionnez un champ Téléphone pour transmettre le numéro de téléphone de votre client à Stripe.
  • Champ incluant des données personnalisées : sélectionnez un champ Texte court ou le widget ID unique pour transmettre les données personnalisées que vous souhaitez inclure dans les informations de facturation.

Lorsque vous sélectionnez « Vendre des abonnements » dans Type de paiement, les options suivantes s’affichent :

• Rapatrier des remises à partir de votre compte Stripe : lorsque cette option est activée, elle récupère et affiche tous les bons de réduction de votre compte Stripe connecté. Elle remplace les bons de réduction que vous avez créés directement dans Jotform. Consultez notre guide Comment récupérer les codes de réduction depuis Stripe pour en savoir plus.
• Rapatrier les abonnements depuis votre compte Stripe : activez cette option pour récupérer vos éléments d’abonnement directement depuis votre compte Stripe.
• Afficher les réductions récupérées depuis le compte Stripe : lorsque l’option « Rapatrier des remises à partir de votre compte Stripe » est activée, vous pouvez choisir d’afficher ou non les bons de réduction importés depuis Stripe avec cette option.

Effectuer un paiement avec Link

Link fonctionne comme MasterPass. Il vous permet d’enregistrer les informations de votre carte bancaire et de les utiliser sur d’autres sites compatibles Link, sans avoir à les saisir à nouveau. Pour payer, il vous suffit de saisir l’adresse email associée à votre compte Link, de la vérifier par SMS ou par email, puis de finaliser votre achat avec vos informations de paiement enregistrées. Voici comment procéder :

1. Cliquez sur « Sécurisé, paiement en un clic avec Link » .

2. Link vérifiera automatiquement si votre adresse email est déjà enregistrée ou si vous devez créer un compte. Si vous n’êtes pas encore inscrit, il vous sera demandé de fournir des informations supplémentaires telles que votre numéro de téléphone, votre nom complet et vos informations de carte bancaire. Vous devrez ensuite soumettre le formulaire pour finaliser votre paiement et créer votre compte Link.

3. Si vous êtes déjà inscrit sur Link, il vous sera demandé de vérifier votre compte par téléphone (par défaut) ou par email.

4. Une fois votre compte Link vérifié, votre mode de paiement par défaut s’affichera. Cliquez ensuite sur Envoyer pour finaliser votre paiement.

Cliquer sur Modifier à droite de votre mode de paiement par défaut vous permet de choisir une autre carte enregistrée ou d’ajouter un nouveau mode de paiement à votre compte Link.

Une fois que vous aurez cliqué sur Modifier, vous aurez également la possibilité de vous déconnecter.