Comment vendre une formation en ligne sur Webflow avec Peachie
Intégrez Peachie à votre site Webflow en quelques minutes grâce au Buy Button. Ajoutez un simple code HTML et commencez à vendre vos formations directement depuis votre site sans redirection.
Connectez Peachie à Webflow
Vous avez créé un magnifique site sur Webflow et souhaitez y vendre vos formations en ligne ? L'intégration Peachie × Webflow vous permet d'ajouter un bouton d'achat personnalisable en copiant-collant un simple code HTML. Lorsqu'un visiteur clique sur le bouton, une fenêtre de paiement élégante s'ouvre directement sur votre page Webflow, sans redirection vers un site externe. Vos clients effectuent leur achat en restant sur votre site, ce qui améliore considérablement les taux de conversion et préserve votre identité de marque.
Automatisations possibles
Clic sur le Buy Button
Un visiteur clique sur votre bouton d'achat Peachie intégré dans votre page Webflow
Ouverture modal de paiement
Une fenêtre élégante s'ouvre sur la même page avec le formulaire de paiement sécurisé (Stripe/PayPal)
Paiement validé
Le client finalise son achat via Stripe ou PayPal dans la modal Peachie
Accès formation envoyé
Email automatique envoyé avec les identifiants de connexion et lien d'accès direct à la formation
Intégrer Peachie sur Webflow

1. Créez votre Buy Button
Rendez-vous dans votre tableau de bord Peachie, puis dans les réglages de la formation que vous souhaitez intégrer. Cliquez ensuite sur l'onglet "Widget", c'est sur cette page que vous pourrez générer votre Buy Button.
Vous pouvez personnaliser le texte du bouton pour correspondre à ce que vous souhaite. Copier maintenant le code dans l'encart sous le bouton, et on passe à la seconde étape.

2. Intégrez sur Webflow
Dans l'éditeur de site de Webflow, ajoutez un élément "Code Embed" (ou Contenu Embarqué selon la langue de votre interface). Ajoutez cet élément à l'endroit que vous souhaitez dans votre page Webflow. Une fenêtre modale s'ouvre et vous demande un code à coller.
Collez le code de votre bouton Peachie dans l'encart, et cliquez sur "Valider".
Et voilà, votre intégration de Peachie sur votre site Webflow est terminée ! Vos clients peuvent désormais acheter votre formation en ligne sans quitter votre site web.
Cas d'usage concrets
Questions fréquentes
Le Buy Button Peachie ralentit-il mon site Webflow ?
Non, absolument pas. Le script JavaScript du Buy Button Peachie se charge de manière asynchrone après le chargement complet de votre page Webflow, il n'impacte donc pas le temps de chargement initial ni votre score PageSpeed. Le fichier JS pèse moins de 15 Ko et est servi via un CDN global ultra-rapide. La modal de paiement se charge à la demande uniquement quand un visiteur clique sur le bouton. Des milliers de sites Webflow utilisent notre Buy Button sans aucun impact négatif sur les performances.Puis-je personnaliser complètement le design du bouton et de la modal ?
Oui, totalement. Le script que vous utilisez est un bouton HTML. Vous pouvez par conséquent personnaliser le style du bouton à l'aide d'un peu de CSS sur le sélecteur .peachie-button du bouton.Exemple :
.peachie-button {
background-color: darkred;
border-radius: 10px;
padding: 10px 20px;
font-size: 18px;
}
Comment fonctionne le paiement ? Les clients quittent-ils mon site ?
Non, vos clients restent sur votre site Webflow pendant tout le processus. Quand ils cliquent sur le Buy Button, une fenêtre modale élégante s'ouvre en overlay sur votre page actuelle. Cette modal contient le résumé de la formation, le prix et un formulaire de paiement sécurisé (Stripe ou PayPal selon votre configuration). Le client saisit ses informations, valide, et reçoit immédiatement une confirmation à l'écran puis un email avec ses accès. La modal se ferme ensuite automatiquement. Aucune redirection vers un site externe, ce qui améliore significativement les taux de conversion.Puis-je vendre plusieurs formations différentes depuis mon site Webflow ?
Absolument. Vous pouvez générer autant de Buy Buttons que vous avez de formations dans Peachie. Chaque bouton est lié à une formation spécifique et possède son propre code HTML unique. Par exemple, vous pouvez avoir un Buy Button pour votre 'Formation Débutant' à 97€ sur une page, un autre pour votre 'Masterclass Avancée' à 297€ sur une autre page, et même proposer des packs sur une troisième page. Tous ces boutons cohabitent parfaitement sur votre site Webflow et vous gérez tout depuis un seul dashboard Peachie.Les paiements sont-ils sécurisés et conformes aux normes ?
Oui, totalement. Peachie utilise Stripe et PayPal comme processeurs de paiement, qui sont certifiés PCI-DSS niveau 1 (le plus haut niveau de sécurité pour les paiements en ligne). Aucune donnée bancaire ne transite ou n'est stockée sur nos serveurs. Toutes les transactions sont chiffrées en SSL/TLS 256-bit. Pour les paiements par carte en Europe, l'authentification 3D Secure 2.0 est activée par défaut pour prévenir la fraude. Vos clients bénéficient du même niveau de sécurité que sur Amazon ou Netflix.Que se passe-t-il après qu'un client achète via le Buy Button ?
Le processus est entièrement automatisé. Dès que le paiement est validé : (1) Un compte est créé automatiquement sur Peachie avec un mot de passe aléatoire sécurisé, (2) L'accès à la formation achetée est activé immédiatement, (3) Un email de bienvenue est envoyé avec les identifiants de connexion et un lien direct vers la formation, (4) Le client est ajouté à votre CRM Peachie avec les tags appropriés, (5) Vos séquences d'email marketing configurées se déclenchent automatiquement. Vous recevez également une notification de vente dans votre dashboard. Tout est géré sans intervention manuelle de votre part.Le Buy Button fonctionne-t-il sur mobile et tablette ?
Oui, parfaitement. Le Buy Button est 100% responsive et s'adapte automatiquement à tous les écrans. Sur mobile, la modal de paiement occupe tout l'écran pour une expérience optimale, avec de gros boutons tactiles faciles à cliquer et un clavier mobile optimisé pour la saisie des informations. Sur tablette, la modal s'affiche centrée avec une largeur adaptée. Plus de 65% des achats de formations en ligne se font maintenant sur mobile, c'est pourquoi nous avons accordé une attention particulière à cette expérience. Le taux de conversion mobile est équivalent au desktop avec notre Buy Button.Puis-je tracker les conversions dans Google Analytics et Facebook Pixel ?
Oui, l'intégration est native. Dans votre dashboard Peachie, vous pouvez renseigner votre ID Google Analytics et votre Pixel Facebook. Le Buy Button enverra automatiquement les événements clés : 'add_to_cart' quand la modal s'ouvre, 'begin_checkout' quand le formulaire de paiement est affiché, et 'purchase' avec le montant exact quand la transaction est validée. Ces données remontent dans vos outils analytics habituels et vous permettent de créer des audiences de remarketing, calculer votre ROI publicitaire et optimiser vos campagnes marketing en fonction des performances réelles du Buy Button.Intégrez aussi Peachie avec ...
Créez. Partagez. Vendez.
Vendez vos formations en ligne,
et gardez tout ce que vous gagnez.