Comment intégrer Stripe dans le projet Coderick AI

Des boutiques en ligne aux sites web basés sur des abonnements, les entreprises doivent gérer efficacement les paiements en ligne. Cela fait partie de ce qui garantit une expérience client sans friction. Actuellement, l’une des plateformes de paiement les plus largement adoptées dans le monde est Stripe, et la connecter à votre projet Coderick AI se fait désormais en quelques clics seulement.

À quoi sert l’intégration Stripe dans votre projet Coderick AI ?

La plupart des sites générés par IA ont une belle apparence et expliquent bien ce qu’une entreprise propose, mais il manque parfois un chemin direct entre « produit créé » et « paiement reçu » sans quitter la plateforme. Ainsi, lorsque quelqu’un est prêt à passer une commande/paiement, le processus devient plus complexe qu’il ne devrait l’être. C’est ce qui fait la différence entre une simple démonstration impressionnante et une véritable entreprise qui génère des revenus. C’est exactement ce que nous avons essayé de combler avec l’intégration Stripe. Avec elle, vous pouvez activer un véritable flux de paiement. Un où Stripe gère la transaction, Coderick AI gère la logique, et vous décrivez simplement ce que vous souhaitez vendre. Vous décrivez simplement ce que vous voulez vendre, Coderick AI s’occupe de la logique et Stripe gère les paiements.

Comment intégrer Stripe dans votre projet Coderick AI

Il existe deux façons de le connecter : directement depuis le chat dans le cadre de votre prompt de création ou depuis le menu Intégrations dans la barre latérale.

Option 1 : Connecter Stripe en utilisant le chat

C’est vraiment pratique car vous n’avez pas besoin de naviguer ailleurs ou de passer par un flux de configuration séparé.

1. Décrivez votre projet et ce que Coderick AI doit créer.

Il lira l’intention de paiement dans votre description et affichera une carte de connexion Stripe dans l’interface de chat. Si vous demandez à Coderick AI de créer un site portfolio où vous fournirez des consultations, il créera d’abord le site puis vous invitera à vous connecter à Stripe.

2. Cliquez sur Connecter.
   

   

Voici plusieurs exemples de prompts qui déclencheront la carte de connexion Stripe :

• « Crée-moi un site de portfolio où les visiteurs peuvent réserver une consultation payante avec moi. »
• « Je veux vendre l’accès à mes cours en ligne. »
• « Crée une boutique en ligne pour des chaussures avec un catalogue de produits. »

3. Après cela, vous verrez une boîte de dialogue qui met en évidence les principaux avantages de l’intégration Stripe. Cliquez sur Continuer.
4. Ajoutez votre clé restreinte.

Pour la trouver, connectez-vous à votre compte Stripe et accédez à vos clés API. Si vous n’avez pas de compte Stripe, vous pouvez en créer un directement depuis le site web. Une fois que vous avez la clé, copiez-la et collez-la dans la fenêtre Coderick AI, puis cliquez sur Connecter.

Les étapes exactes pour générer une clé restreinte se trouvent plus bas dans le guide.

Une fois connecté, Coderick AI mettra en place toute la logique de paiement. Cela inclut les produits, les liens de paiement et le flux de confirmation, le tout basé sur les spécifications et exigences de votre projet. Bien sûr, vous pouvez demander à Coderick AI d’adapter la logique après-achat en fonction de votre cas spécifique.

Option 2 : Connecter Stripe depuis le menu des Intégrations

Vous pouvez connecter Stripe indépendamment d’un prompt de création spécifique. Depuis la barre latérale gauche, cliquez sur Intégrations puis appuyez sur Connecter sous la carte Stripe.

Après cela, vous suivrez les mêmes étapes que lors de l’intégration Stripe en utilisant le chat – ajoutez une clé Restreinte et connectez-vous.

Cette approche est utile lorsque vous planifiez une fonctionnalité de paiement mais que vous ne l’avez pas encore décrite à Coderick AI, ou lorsque vous souhaitez vérifier que votre connexion est active avant de commencer à créer.

Comment créer une clé restreinte dans votre tableau de bord Stripe

Coderick AI se connecte à votre compte Stripe en utilisant une clé restreinte. Si vous n’avez pas de compte, vous devrez en créer un. Ce type de clé offre la possibilité de limiter et d’adapter les autorisations que vous accordez, vous gardant ainsi le contrôle.

Pour créer une clé Restreinte :

1. Connectez-vous à votre tableau de bord Stripe.
2. Accédez à Développeurs > Clés API.
3. Cliquez sur + Créer une clé limitée à droite.
   

   

4. Vous serez invité à choisir l’utilisation de la clé. Sélectionnez Alimenter une intégration que vous avez créée puis appuyez sur Continuer.
   

   

5. Sélectionnez le type de paiements que vous souhaitez accepter et appuyez sur Continuer.
   

   

Selon votre préférence, votre objectif et ce que vous vendez exactement, vous pouvez soit sélectionner l’une de ces options, soit choisir les deux : « One-time payments » et « Recurring subscriptions and billing ».

6. Saisissez un nom de clé et cliquez sur le bouton Créer une clé en bas de la page.
   

   

7. Une fois prêt, cliquez sur la valeur de la clé pour la copier et la sauvegarder. Stripe n’affiche la clé complète qu’une seule fois.
   

   

Comment personnaliser l’expérience post-achat

Le flux de paiement n’a pas à se terminer par une page générique « Merci pour votre commande ». Personnalisez et améliorez l’expérience en décrivant le flux exact que vous souhaitez après qu’un client ait passé une commande en fonction de ce que vous vendez.

C’est particulièrement important si vous proposez des abonnements. Coderick AI a pour mission de créer une interface de gestion des abonnements, c’est-à-dire un tableau de bord permettant aux utilisateurs de gérer leurs abonnements. Vous devez toutefois vous assurer que les personnes qui s’abonnent puissent suspendre et/ou résilier leur abonnement.

Voici quelques exemples de ce que vous pouvez définir :

• Une page de confirmation personnalisée avec un lien de téléchargement ou des instructions d’accès.
• Un message de suivi ou un prompt d’intégration.
• Un récapitulatif de ce que le client a acheté.
• Une page dédiée à la gestion des abonnements.
• Un tableau de bord de gestion où les clients peuvent suivre l’état de leurs commandes.

Comment gérer votre intégration Stripe

Après la connexion, votre intégration Stripe sera visible et gérable depuis la page Intégrations dans votre barre latérale. De là, vous pouvez vérifier si la connexion est active, déconnecter et reconnecter Stripe avec une clé différente si nécessaire, ou vérifier d’autres intégrations actives dans le projet.

Pour l’historique des commandes, le suivi des paiements et la gestion des abonnements, utilisez directement votre tableau de bord Stripe. L’intégration Stripe a pour seul objectif de connecter votre projet à votre compte Stripe et, par conséquent, à la page de paiement Stripe. SiteGround n’intervient en aucune manière dans le traitement, l’exécution ou la gestion des paiements ou des transactions, qui sont entièrement pris en charge par Stripe, lequel reste le système de référence pour toutes les transactions.

Si vous devez mettre à jour le prix ou les détails d’un produit après le lancement, vous pouvez le faire de deux manières : demander à Coderick AI dans le chat de mettre à jour le produit ou modifier l’enregistrement directement dans la base de données PocketBase de votre projet.

Conseils pour tirer le meilleur parti de Stripe dans Coderick AI

• Nommer clairement votre clé dans Stripe. Vous pouvez utiliser des étiquettes comme « Coderick AI [Nom du projet] »pour pouvoir l’identifier et la révoquer facilement si nécessaire.
• Décrivez vos produits/services de manière détaillée. Plus vous donnez de détails à Coderick AI, meilleur sera l’enregistrement du produit/service et le lien de paiement dans PocketBase et Stripe.
• Vérifiez les paiements échoués dans votre tableau de bord Stripe. Coderick AI met en avant la connexion, mais Stripe est l’endroit où vous voyez les détails au niveau des transactions. Consultez régulièrement la section Paiements de votre tableau de bord Stripe, notamment après le lancement.
• Dites à Coderick AI exactement ce que vous vendez. Soyez clair sur le fait que vous proposez des paiements uniques ou des abonnements (la logique de paiement diffère pour chacun). Décrivez ce qui doit se passer ou apparaître après l’achat : une page de confirmation, des instructions d’accès ou, si vous vendez des abonnements, un moyen pour les clients de les gérer et de les annuler. Plus vous décrivez précisément le flux complet, mieux Coderick AI le générera.
• Vous pouvez également utiliser Coderick AI pour créer un tableau de bord de gestion des remboursements. Il suffit de le demander à l’aide d’un prompt. Vous pouvez ainsi traiter les remboursements depuis votre propre projet, à condition que votre clé restreinte dispose des permissions de remboursement activées (généralement activées par défaut). Notez que votre tableau de bord Stripe reste l’endroit où vérifier qu’un remboursement a bien été émis.