Vendre des abonnements en tant que startup SaaS

Avant d’intégrer Stripe, vous devez créer un compte Stripe.

1. Créez un compte en saisissant votre adresse e-mail, votre nom complet, votre pays et en créant un mot de passe.
2. Renseignez le profil de votre entreprise.
3. Dans le Dashboard, cliquez sur Vérifier votre e-mail. Un e-mail de vérification est envoyé à votre adresse e-mail.
4. Vérifiez votre adresse e-mail.

Créez des produits et définissez les prix dans le Dashboard.

1. créez un produit test dans le Dashboard.

2. Saisissez les informations sur le produit et le prix :

   • Nom : saisissez « Plus  »
   • Prix : saisissez « 8 »
   • Devise : sélectionnez USD.

3. Téléversez une image de produit test.

4. Sélectionnez Récurrent.

5. Cliquez sur Ajouter un produit test.

pour accepter les paiements, créez une intégration avec checkout hébergé par Stripe, une page de paiement préconfigurée.

Avant de commencer

reportez-vous au quickstart checkout hébergé par Stripe pendant cette étape. vous pouvez télécharger l’application d’exemple ou l’ouvrir dans vs code.

Configurer votre serveur

Votre serveur communique avec l’API Stripe pour initialiser le processus de paiement, tandis que Stripe héberge de manière sécurisée le formulaire de paiement proprement dit. La configuration de votre serveur dépend du langage de programmation utilisé, mais consiste généralement à installer la bibliothèque Stripe, à configurer vos clés API et à implémenter les endpoints nécessaires pour créer une Checkout Session et gérer les processus post-paiement.

1. Ouvrez le Quickstart, puis sélectionnez React pour le front-end et Node pour le back-end.
2. installez la bibliothèque Stripe node.
3. create a checkout session. une checkout session est un objet côté serveur dans Stripe qui définit un flux de paiement pour un client. le chemin de l’endpoint doit correspondre à l’attribut action de votre bouton de paiement.
4. Définissez le produit à vendre. Ajoutez le produit de test (« Plus ») que vous avez créé précédemment dans le Dashboard. Une fois le produit configuré, vous obtenez un identifiant de prix, que votre front-end devra transmettre lors de la création d’une Checkout Session.
5. Choisissez un mode de paiement. Pour initier des paiements récurrents avec des abonnements, définissez le mode sur subscription.
6. Indiquez les URL de réussite. Stripe redirige votre client vers ces pages après qu’il a effectué ou annulé un paiement. Hébergez ces pages sur votre site.
7. Redirigez votre client vers l’URL de la page Checkout. Il s’agit de l’URL renvoyée dans la réponse de la Checkout Session.

Créer votre page de paiement

Il s’agit d’une page sur votre site qui présente au client un récapitulatif de sa commande avant qu’il ne procède au paiement. Il peut vérifier et modifier ses sélections si nécessaire.

1. Ajouter une page d’aperçu de commande.
2. ajoutez un bouton de paiement. c’est le bouton sur lequel le client clique sur la page de prévisualisation de commande pour être redirigé vers la page de paiement hébergée par Stripe.

Testez votre page de paiement.

1. Ajoutez «proxy» : «<http://localhost:4242>» à votre fichier package.json pendant le développement local.
2. Exécutez npm start et accédez à http://localhost:3000/checkout.
3. Sur votre page de paiement, saisissez la carte test 4242424242424242 pour effectuer un paiement test en tant que client.
4. (Facultatif) Pour créer un compte Link, sélectionnez Enregistrer mes informations pour un paiement plus rapide. Vous pouvez tester Link comme moyen de paiement afin de visualiser le parcours de paiement d’un client existant.

Découvrez comment ajouter des moyens de paiement, des périodes d’essai et configurer un portail client.

Personnaliser la page de paiement

vous pouvez appliquer une image de marque personnalisée à Checkout. dans le dashboard, accédez aux paramètres de personnalisation pour :

• Téléversez un logo ou une icône.
• Personnalisez la couleur de fond, la couleur du bouton, la police et la forme des éléments de la page.

Ajoutez des moyens de paiement.

Sur la page Moyens de paiement du Dashboard, activez les moyens de paiement que vous souhaitez accepter de la part de vos clients. Checkout prend en charge plusieurs moyens de paiement, ainsi que les moyens de paiement dynamiques.

cela signifie que Stripe gère la logique d’affichage dynamique des moyens de paiement les plus pertinents et éligibles pour chaque client afin d’optimiser la conversion. Stripe n’affiche aux clients que les moyens de paiement auxquels ils sont éligibles, selon des facteurs tels que leur emplacement ou la compatibilité du moyen de paiement avec les abonnements.

Ajoutez des périodes d’essai.

Configurez une Checkout Session afin d’ajouter une période d’essai gratuite à l’abonnement de votre client, en transmettant l’un des paramètres suivants :

• subscription_data.trial_period_days : la durée (en jours) de votre période d’essai gratuite.
• subscription_data.trial_end : horodatage UNIX représentant la fin de la période d’essai.

curl https://api.stripe.com/v1/checkout/sessions \
  -u "
sk_test_VePHdqKTYQjKNInc7u56JBrQ
:" \
  -d mode=subscription \
  --data-urlencode success_url="https://example.com/success" \
  -d "line_items[0][price]"=
"{{PRICE_ID}}" \
  -d "line_items[0][quantity]"=1 \
  -d "subscription_data[trial_period_days]"=30

Ajoutez un portail client.

Vos clients peuvent gérer leurs abonnements et factures existants depuis un portail client dédié. Utilisez le Dashboard pour créer ce portail. Au minimum, veillez à le configurer afin de permettre à vos clients de mettre à jour leurs moyens de paiement.

Pour surveiller les abonnements de votre intégration Checkout hébergée par Stripe, vous pouvez configurer un point de terminaison pour écouter les événements webhook spécifiques qui se produisent tout au long du cycle de vie de l’abonnement.

Configurer un point de terminaison de webhook

1. Créez un point de terminaison de webhook sur votre serveur pour recevoir les notifications d’événements de Stripe.

2. dans le Dashboard, enregistrez ce webhook dans vos paramètres de webhook.

3. Implémentez la vérification de la signature du webhook pour la sécurité à l’aide de votre secret de webhook. si vous ne connaissez pas votre clé STRIPE_WEBHOOK_SECRET, accédez à la vue des détails de destination de l’onglet webhooks dans workbench pour l’afficher.

4. Dans Workbench, sélectionnez les événements souhaités.

5. Saisissez le nom, l’URL et la description de l’endpoint dans le Dashboard.

6. Surveillez au minimum les événements suivants (pour plus d’événements, consultez Webhooks d’abonnement) :

   Nom de l’événement	Description	Votre réponse
   checkout.session.completed	Envoyé lorsqu’un client finalise son paiement avec succès, afin de vous informer d’un nouvel achat.	Utilisez des droits pour provisionner l’abonnement.
   invoice.paid	Envoyé à chaque période de facturation lorsqu’un paiement réussit.	Pour une facturation mensuelle, continuez à provisionner l’abonnement chaque mois à mesure que vous recevez les événements invoice.paid. Examinez le type d’événement et analysez la charge utile de chaque objet d’événement. Stockez les objets d’événement subscription.id et customer.id dans votre base de données à des fins de vérification.
   invoice.payment_failed	Envoyé à chaque période de facturation s’il y a un problème avec le moyen de paiement de votre client.	Informez votre client et redirigez-le vers le portail client pour mettre à jour son moyen de paiement.

Définir le cycle de facturation

Vous pouvez définir explicitement la date d’ancrage du cycle de facturation d’un abonnement (par exemple, le 1er du mois suivant) lors de la création d’une Checkout Session. Cette date détermine celle de la première facture complète, correspondant au montant total de l’abonnement.La date d’ancrage du cycle de facturation détermine la date de la première facture complète, à laquelle le client est facturé du montant total de l’abonnement. Par exemple, pour un abonnement mensuel créé le 15 mai avec une date d’ancrage fixée au 1er juin, le client est d’abord facturé le 15 mai, puis ensuite systématiquement le 1er de chaque mois.

Pour configurer la date d’ancrage du cycle de facturation, renseignez le paramètre subscription_data.billing_cycle_anchor lors de la création d’une Checkout Session en mode subscription. Cette valeur doit correspondre à un horodatage UNIX futur, antérieur à la prochaine date de facturation naturelle de l’abonnement.

curl https://api.stripe.com/v1/checkout/sessions \
  -u "
sk_test_VePHdqKTYQjKNInc7u56JBrQ
:" \
  -d "line_items[0][price]"=
"{{PRICE_ID}}" \
  -d "line_items[0][quantity]"=1 \
  -d mode=subscription \
  --data-urlencode success_url="https://example.com/success?session_id={CHECKOUT_SESSION_ID}" \
  -d "subscription_data[billing_cycle_anchor]"=1611008505

Si l’ancrage du cycle de facturation survient pendant la période active d’une session et qu’un client tente un paiement après cette date, Checkout affiche et facture la période complète à partir de l’ancrage du cycle de facturation, plutôt que la période au prorata avant l’ancrage.

Pour en savoir plus, consultez Définir la date du cycle de facturation.

1. Dans le Dashboard, ouvrez vos paramètres du compte.
2. Saisissez le type d’entreprise, les informations fiscales, les détails de l’entreprise, les informations personnelles de vérification et les informations visibles par les clients (par exemple, un intitulé sur le relevé bancaire).
3. Ajoutez vos coordonnées bancaires pour confirmer où vos fonds seront versés.
4. Configurez l’authentification à deux étapes pour sécuriser votre compte.
5. Vous pouvez également activer la collecte automatique des taxes ou les dons climatiques basés sur les revenus.
6. Vérifiez les informations saisies, puis cliquez sur Accepter et envoyer.
7. Après l’activation de votre profil, Stripe met à jour votre statut, passant du mode test au mode actif.

en savoir plus sur l’activation de votre compte Stripe.