Cette instance de Vibby n'est pas encore connectée à Supabase.
⚙️Ouvre vibby-config.js et remplis SUPABASE_URL et SUPABASE_ANON_KEY (guide complet en commentaire dans le fichier, et dans vibby-supabase-schema.sql).
C'est une configuration à faire une seule fois par la personne qui héberge Vibby — pas par chaque visiteur.
Colle le code d'un site généré par IA et transforme-le en boutique en 60 secondes.
Site
Revenu (30j)
$0
—
Commandes
0
—
Visites
0
—
Conversion
0%
—
Activité — 14 derniers jours
Visites & paiements
Produits populaires
Pas encore de données.
Activité récente
en direct
Pas encore d'activité — partage le lien de ton site pour commencer à voir des visites ici.
🌐Ces statistiques sont réelles et se mettent à jour automatiquement dès qu'un visiteur consulte ou achète sur ton site déployé — pas besoin de rafraîchir manuellement chaque appareil.
Colle le code de ton site
Le code HTML généré par Claude, Cursor, Bolt, Lovable ou autre — collé tel quel. Vibby ne le modifie qu'en local, dans ton navigateur.
0 caractères
Qu'est-ce que tu veux que Vibby fasse ?
Tout est activé par défaut. Décoche ce dont tu n'as pas besoin.
Vibby a détecté 0 produit(s)
Vérifie et corrige si besoin — c'est de la détection par motifs (prix, images, boutons), pas magique à 100%. Tu peux aussi en ajouter un manuellement.
⚠️Aucun produit détecté automatiquement. Ajoute-les manuellement avec le bouton ci-dessous, ou reviens en arrière pour vérifier ton code.
Connecter Stripe
🔒Vibby ne demande jamais ta clé secrète Stripe. On a seulement besoin de ta clé publique (commence par pk_) et d'un lien de paiement par produit — les deux sont sûrs à coller ici, rien n'est envoyé à un serveur, tout reste dans ton navigateur.
💡Pour chaque produit ci-dessus, crée un Payment Link dans Stripe (aucun code requis, ~1 min) puis colle l'URL dans le champ "Lien de paiement Stripe". Créer un Payment Link → Active "quantité modifiable" si tu veux permettre plusieurs unités.
🎉 Ton site est prêt
Panier, boutons d'achat et suivi sont injectés directement dans ton code — colle-le où tu veux (Netlify, Vercel, GitHub Pages...). Il est aussi sauvegardé dans Mes projets.
0Produits
—Panier
—Paiement
—Suivi
Aperçu en direct
Code final
Serveur avancé (optionnel)
Héberge ce fichier n'importe où (Netlify, Vercel, GitHub Pages, ton propre serveur) — il n'a besoin d'aucun backend pour fonctionner. Le suivi des ventes/visites, lui, a besoin d'internet pour parler à ton tableau de bord Vibby (déjà branché).
⚙️Par défaut, un panier avec plusieurs produits différents se paie en plusieurs étapes (un Payment Link Stripe = un produit, c'est une limite de Stripe sans backend). Pour un panier unifié en un seul paiement, déploie ce petit serveur — ta clé secrète Stripe reste chez toi, jamais partagée avec Vibby.
Déploie-le en 5 min sur Vercel/Render avec ta clé STRIPE_SECRET_KEY en variable d'environnement, puis colle l'URL de ton endpoint dans le fichier généré (constante VIBBY_CHECKOUT_ENDPOINT).