Index10 — Créez vos applications web avec l'IA

Comment ça marche

Index10 intègre Stripe, la solution de paiement utilisée par des millions d'entreprises dans le monde. En connectant votre compte Stripe, votre application peut accepter des paiements en ligne — que ce soit pour vendre un produit, proposer un abonnement ou encaisser un paiement ponctuel.

Vous n'avez pas besoin de savoir coder. Décrivez ce que vous voulez dans le chat, et l'IA configure tout pour vous :

Exemples de demandes :

💬“Ajoute un système de paiement avec un plan Pro à 29€/mois”
💬“Crée une page de pricing avec 3 formules d'abonnement”
💬“Génère un lien de paiement pour mon produit à 49€”
💬“Montre-moi mes ventes du mois”

Avant de commencer

Deux choses rapides à préparer :

1. Activez le backend de votre app

Pour accepter des paiements, votre application a besoin d'un backend. Si ce n'est pas déjà fait, activez Index10 Clouddans la section Cloud de votre projet — c'est automatique et prend quelques secondes.

Vous utilisez déjà votre propre Supabase ? Aucun problème, ça fonctionne aussi tant qu'il est connecté via la section Cloud.

2. Ayez un compte Stripe

Si vous n'en avez pas encore, créez un compte gratuitement sur stripe.com. Un compte personnel ou professionnel convient.

Vous aurez besoin de votre clé secrète, que vous trouverez dans votre Dashboard Stripe → Developers → API keys.

Mode test

sk_test_...

Pour développer et tester sans vrais paiements.

Mode production

sk_live_...

Quand votre app est prête pour de vrais paiements.

Conseil : Commencez toujours en mode test. Vous pourrez passer en production quand tout fonctionne.

Connecter Stripe à votre app

La connexion se fait en quelques clics depuis l'éditeur de votre projet :

1
Demandez à l'IA d'ajouter les paiements
Par exemple : “Ajoute Stripe à mon app” ou “Je veux vendre un abonnement mensuel”.
2
Confirmez l'activation
Un message de confirmation apparaît. Cliquez sur “Accepter”.
3
Collez votre clé secrète Stripe
Un formulaire sécurisé s'affiche directement dans le chat. Collez-y la clé qui commence par sk_test_ ou sk_live_.
Votre clé est chiffrée et stockée en toute sécurité. L'IA ne la voit jamais.
✓
C'est prêt !
Stripe est connecté. Vous pouvez maintenant demander à l'IA de créer vos produits, abonnements, liens de paiement, etc.

Ce que vous pouvez faire

Une fois Stripe connecté, votre application peut proposer les fonctionnalités suivantes à vos utilisateurs :

Vendre des produits

Paiements ponctuels pour des produits physiques ou numériques (ebooks, formations, articles de boutique…). L'IA crée les produits dans Stripe et génère les pages correspondantes dans votre application.

“Crée une boutique avec 5 produits : T-shirt 25€, Casquette 20€, Sweat 45€, Mug 15€, Poster 12€”

Proposer des abonnements

Paiements récurrents (mensuel, annuel) avec différentes formules de prix. Idéal pour les SaaS, les newsletters premium ou les communautés. L'IA configure les plans dans Stripe et peut générer une page de pricing complète.

“Crée une page de pricing avec Starter gratuit, Pro à 19€/mois et Business à 49€/mois”

Liens de paiement

Un lien que vous partagez par email, sur les réseaux sociaux ou dans votre app. Le client paie en un clic sans créer de compte. Pratique pour de la prestation de service, de la vente rapide ou des événements.

“Génère un lien de paiement pour mes séances de coaching à 80€”

Suivi des clients et des ventes

Consultez vos clients, vérifiez les abonnements actifs, voyez qui a payé quoi. Créez des codes promo, gérez les remboursements et envoyez des factures.

“Montre-moi les abonnements actifs” · “Crée un code promo -20%” · “Rembourse le dernier paiement de jean@example.com”

Autres idées

Dons et pourboires

“Ajoute un bouton pour recevoir des dons avec montant libre”

Billetterie

“Crée une page de vente de billets pour mon événement à 35€”

Paiements internationaux

“Configure Apple Pay et les paiements en devises locales”

Factures

“Envoie une facture de 500€ à ce client”

Tester les paiements

Avant d'accepter de vrais paiements, testez votre intégration en mode test. Aucun argent réel ne sera prélevé.

Cartes de test Stripe

Utilisez ces numéros de carte fictifs pour simuler différents scénarios :

4242 4242 4242 4242— Paiement réussi

4000 0000 0000 0002— Paiement refusé

4000 0025 0000 3155— Authentification 3D Secure requise

Pour tous les numéros : utilisez n'importe quelle date future comme expiration et n'importe quels 3 chiffres comme CVC.

Important : assurez-vous d'utiliser votre clé sk_test_... (et non sk_live_...) pendant le développement. Les paiements en mode test n'apparaissent que dans le Dashboard Stripe en mode test.

Scénarios à vérifier

•Un paiement réussi redirige bien vers la page de confirmation
•Un paiement refusé affiche un message d'erreur clair
•Les abonnements se créent correctement dans le Dashboard Stripe
•L'accès utilisateur change bien après le paiement (si applicable)

Notifications en temps réel (webhooks)

Les webhooks permettent à votre application de réagir automatiquement aux événements Stripe — par exemple, quand un client paie, annule un abonnement ou conteste un paiement.

Comment les configurer

1
Demandez à l'IA
“Configure un webhook pour mettre à jour l'abonnement dans ma base de données quand un paiement est confirmé”
2
L'IA crée l'infrastructure
Elle déploie une Edge Function qui reçoit les événements Stripe et met à jour votre base de données. Le secret de signature est configuré automatiquement.
3
Enregistrez le webhook dans Stripe
Après le déploiement de votre app, copiez l'URL du webhook et ajoutez-la dans Stripe → Developers → Webhooks.

Événements courants

payment_intent.succeeded— Paiement confirmé

payment_intent.payment_failed— Paiement échoué

customer.subscription.created— Nouvel abonnement

customer.subscription.updated— Abonnement modifié

customer.subscription.deleted— Abonnement annulé

invoice.payment_succeeded— Facture payée

Passer en production

Quand vous êtes satisfait de vos tests, passez aux paiements réels en quelques étapes :

1
Complétez votre compte Stripe
Vérifiez que votre identité, vos coordonnées bancaires et vos informations d'entreprise sont renseignées dans le Dashboard Stripe. Stripe doit valider votre compte avant de pouvoir recevoir de vrais paiements.
2
Récupérez votre clé de production
Dans Stripe → Developers → API keys, désactivez le mode test et copiez votre clé secrète live (sk_live_...).
3
Remplacez votre clé dans Index10
Dites à l'IA : “Change ma clé Stripe”. Le formulaire sécurisé s'affiche — collez votre clé de production. Vos produits existants dans Stripe seront automatiquement accessibles.
✓
Publiez votre app
Votre application est prête à accepter de vrais paiements. Les fonds seront versés sur le compte bancaire configuré dans Stripe.

Rappel :si vous aviez configuré des webhooks en mode test, vous devrez les recréer en mode production dans le Dashboard Stripe avec l'URL de votre app déployée.

Contrôler les permissions

Vous gardez un contrôle total sur ce que l'IA peut faire avec votre compte Stripe. Dans les paramètres du projet → Permissions IA, vous pouvez configurer chaque action individuellement :

Toujours

L'IA exécute l'action automatiquement. C'est le mode par défaut pour les opérations de lecture (lister les produits, consulter le solde…).

Demander

L'IA vous demande confirmation avant d'agir. C'est le mode par défaut pour les opérations sensibles (créer un produit, émettre un remboursement…).

Jamais

L'IA ne peut pas exécuter cette action, même si vous le demandez dans le chat. Utile pour verrouiller les remboursements ou la gestion des abonnements.

Pour en savoir plus, consultez la documentation des permissions IA.

Comment ça fonctionne

Voici ce qui se passe en coulisses lorsque vous utilisez les paiements sur Index10 :

Traitement côté serveur

Toutes les opérations Stripe sont exécutées côté serveur via des Edge Functions. Les informations de paiement de vos clients ne transitent jamais par le code de votre application — elles vont directement de Stripe au navigateur du client.

Conformité PCI

Stripe est certifié PCI DSS niveau 1 — le plus haut niveau de sécurité pour le traitement des paiements. En utilisant Stripe Checkout ou les éléments Stripe intégrés, votre application bénéficie de cette conformité sans effort supplémentaire.

Synchronisation des données

Les produits et les prix sont gérés directement dans votre compte Stripe. L'IA y accède en temps réel — pas de copie locale ni de risque de désynchronisation. Vous pouvez aussi modifier vos produits directement dans le Dashboard Stripe.

Gestion des abonnements

Le cycle de vie des abonnements (création, renouvellement, annulation, période d'essai) est géré par Stripe. Les webhooks permettent à votre app de réagir à chaque changement pour mettre à jour l'accès de vos utilisateurs.

Votre clé est protégée

Nous prenons la sécurité de vos données de paiement très au sérieux :

Chiffrée et isolée — Votre clé Stripe est stockée de manière chiffrée dans un coffre-fort dédié à votre projet. Elle n'est jamais partagée ni visible par d'autres utilisateurs.
Invisible pour l'IA — L'IA ne voit jamais votre clé secrète. Elle demande au système d'exécuter les actions Stripe de manière sécurisée, sans y avoir accès directement.
Vous gardez le contrôle — Les actions sensibles (création de produit, remboursement, modification d'abonnement…) nécessitent votre confirmation avant d'être exécutées.
Signatures vérifiées — Les webhooks utilisent une signature cryptographique pour garantir que les événements proviennent bien de Stripe.

Ne partagez jamais votre clé secrètedans le chat, par email ou dans votre code. Utilisez uniquement le formulaire sécurisé qui apparaît dans le chat lorsque l'IA vous le demande.

Résolution de problèmes

Le paiement ne fonctionne pas en aperçu

C'est normal. Les paiements Stripe nécessitent un domaine publié. Publiez votre application et testez sur l'URL de production.

Erreur “Invalid API Key”

Vérifiez que votre clé commence bien par sk_test_ ou sk_live_. Si vous avez régénéré vos clés dans Stripe, mettez-les à jour dans Index10 en demandant “Change ma clé Stripe”.

Les produits de test n'apparaissent pas en production

Les produits créés en mode test sont séparés de ceux en mode production dans Stripe. Quand vous passez en production, demandez à l'IA de recréer vos produits ou créez-les directement depuis le Dashboard Stripe.

Le webhook ne se déclenche pas

Vérifiez dans Stripe → Webhooks que l'endpoint est actif et que les bons événements sont sélectionnés. Consultez les logs des tentatives pour voir les éventuelles erreurs.

Où voir les logs ?

Trois endroits à vérifier : les logs Stripe pour les appels API, les logs des Edge Functions dans votre Dashboard Supabase, et la console du navigateur pour les erreurs côté client.

Questions fréquentes

Dois-je savoir coder pour utiliser Stripe ?

Non. Vous décrivez ce que vous voulez dans le chat, et l'IA fait tout le travail technique — création des produits, intégration du paiement, génération des pages.

Combien coûte Stripe ?

La création du compte est gratuite. Stripe prélève une commission sur chaque transaction (environ 1,4% + 0,25€ en Europe, 2,9% + 0,30$ aux États-Unis). Voir les tarifs Stripe. L'intégration Stripe sur Index10 n'a pas de coût supplémentaire.

Puis-je utiliser d'autres solutions de paiement ?

Stripe est actuellement la seule solution intégrée nativement. L'IA peut néanmoins générer du code pour d'autres fournisseurs si vous le demandez, mais sans les outils de gestion dédiés (création de produits, suivi des abonnements, etc.).

Quels moyens de paiement sont acceptés ?

Stripe accepte les cartes bancaires (Visa, Mastercard, American Express), Apple Pay, Google Pay, les virements SEPA, iDEAL, Bancontact et bien d'autres. Les moyens de paiement disponibles dépendent de votre configuration Stripe et du pays du client.

Comment gérer les abonnements de mes utilisateurs ?

Demandez à l'IA de générer un portail client Stripe. Vos utilisateurs pourront gérer eux-mêmes leur abonnement (changer de formule, mettre à jour leur carte, annuler) directement depuis votre application.

Est-ce que je peux changer ma clé Stripe plus tard ?

Oui. Demandez simplement à l'IA : “Change ma clé Stripe”. Le formulaire sécurisé s'affichera à nouveau pour saisir la nouvelle clé.

Faut-il avoir une entreprise pour utiliser Stripe ?

Non. Stripe accepte les comptes individuels dans la plupart des pays. Vous aurez besoin d'une pièce d'identité et d'un compte bancaire pour recevoir vos paiements.