Vous livrez un site Webflow impeccable à votre client. Design soigné. Code propre. Performance optimisée.
Deux semaines après la livraison, votre client vous appelle : "Comment je change le texte de la homepage ?" "Comment j'ajoute un article de blog ?" "Comment je modifie une image ?"
Vous passez 2 heures au téléphone à expliquer. La semaine suivante, même scénario. Vous devenez le support technique gratuit de votre client.
Ce n'est pas tenable. Vous perdez du temps. Votre client est frustré de dépendre de vous pour chaque modification mineure.
La solution : former correctement votre client à l'utilisation de Webflow dès la livraison du site.
Un client formé est autonome. Il gère son contenu lui-même. Il ne vous sollicite que pour les vraies modifications techniques.
Vous libérez du temps pour vos autres projets. Le client est satisfait de son autonomie.
Voyons exactement comment structurer une formation webflow efficace pour vos clients.
Pourquoi former vos clients à Webflow est un investissement rentable
Vous réduisez drastiquement le support post-livraison
Sans formation, vous passez 5-10 heures par mois en support client sur des modifications simples. Sur un an, c'est 60-120 heures perdues.
Avec une formation de 2-3 heures à la livraison, vous divisez ce temps par 10. Le client sait faire 90% des modifications courantes lui-même.
Vous ne gardez que les interventions techniques complexes, que vous facturez.
Vous augmentez la satisfaction client
Un client autonome est un client heureux. Il ne dépend pas de votre disponibilité pour mettre à jour son site.
Il peut modifier du contenu le soir ou le week-end si nécessaire. Il a le contrôle. Cette autonomie renforce sa satisfaction et sa perception de la valeur du site que vous avez livré.
Vous positionnez vos prestations comme premium
Inclure une formation dans votre offre montre que vous ne livrez pas juste un site. Vous livrez une solution complète avec accompagnement.
Cette approche justifie des tarifs plus élevés et vous différencie des freelances qui livrent sans explication.
Vous créez des opportunités d'upsell
Un client qui maîtrise les bases de Webflow comprend mieux les possibilités techniques. Quand il voudra ajouter une fonctionnalité complexe, il reviendra naturellement vers vous.
La formation crée une relation de confiance qui génère des missions additionnelles.
Ce que vos clients doivent apprendre (et ce qu'ils ne doivent PAS toucher)
Zone verte : ce que le client peut gérer seul
Édition de texte Modifier les titres, paragraphes, descriptions. C'est la modification la plus fréquente.
Remplacement d'images Changer une photo, mettre à jour un logo, remplacer une illustration.
Ajout d'articles de blog Si vous avez configuré un CMS, le client doit savoir publier un nouvel article avec titre, contenu, image, catégorie.
Modification de liens Changer l'URL d'un bouton, mettre à jour un lien dans le menu.
Gestion des collections CMS Ajouter/modifier/supprimer des items (produits, membres d'équipe, témoignages, projets).
Paramètres SEO basiques Modifier les meta titles et descriptions des pages principales.
Zone orange : ce que le client peut faire avec précautions
Ajout de nouvelles pages simples Dupliquer une page existante et modifier le contenu. Risque : casser la cohérence du design.
Modification de couleurs Changer la couleur d'un bouton ou d'un élément. Risque : dégrader la cohérence visuelle.
Ajout de sections depuis des templates Utiliser des sections pré-construites que vous avez préparées. Risque : mauvais alignement ou espacement.
Conseil : Expliquez les risques. Encouragez le client à vous consulter avant ces modifications.
Zone rouge : ce que vous devez gérer
Modifications de structure Changer la mise en page, réorganiser les sections, modifier la navigation.
Interactions et animations Ajouter ou modifier des animations Webflow. Complexe et risque de casser le site.
Code custom Tout ce qui touche au Custom Code (HTML, CSS, JavaScript). Réservé aux développeurs.
Paramètres techniques Hébergement, domaine, redirections, paramètres de formulaire avancés.
Responsive design Ajuster les breakpoints, modifier le comportement mobile. Nécessite une vraie compréhension technique.
Conseil : Soyez clair dès le départ. Ces modifications sont facturées. Le client sait qu'il doit vous contacter.
Structure de formation recommandée : 2-3 heures en 3 modules
Module 1 : Les bases de l'interface Webflow (45 minutes)
Navigation dans le Designer
- Comprendre les panels (Navigator, Style, Settings)
- Différence entre le Designer et le CMS
- Comment sauvegarder et publier
Sélectionner et éditer un élément
- Cliquer sur un élément dans le canvas
- Identifier l'élément dans le Navigator
- Modifier le texte directement
- Remplacer une image
Exercice pratique : Le client modifie un titre de la homepage, change une image, et publie. Vous supervisez.
Comprendre la structure des classes
- Qu'est-ce qu'une classe CSS (sans entrer dans les détails techniques)
- Pourquoi il ne faut pas créer de nouvelles classes sans vous consulter
- Comment identifier les classes existantes
Règle d'or : "Ne créez jamais de nouvelles classes. Modifiez uniquement le contenu (texte, images), pas le style."
Module 2 : Gestion du contenu CMS (60 minutes)
Comprendre le CMS Webflow
- Différence entre pages statiques et collections
- Accès au CMS depuis le dashboard
Ajouter un article de blog
- Aller dans Collections > Blog Posts
- Créer un nouveau post
- Remplir les champs : titre, slug, contenu, image featured, catégorie
- Prévisualiser
- Publier
Exercice pratique : Le client crée un article de blog de A à Z pendant que vous observez.
Modifier un item existant
- Trouver l'item dans la collection
- Éditer les champs
- Sauvegarder et republier
Supprimer un item
- Identifier l'item à supprimer
- Comprendre que la suppression est définitive
- Supprimer et republier
Gérer les autres collections Si vous avez créé d'autres collections (équipe, projets, témoignages), montrez le même process.
Règle d'or : "Pour le blog et les collections, vous êtes 100% autonome. Si vous avez un doute, testez en mode brouillon avant de publier."
Module 3 : Modifications courantes et publication (30-45 minutes)
Modifier les meta SEO d'une page
- Accéder aux Page Settings
- Modifier le Title et la Meta Description
- Importance pour le SEO
Changer un lien
- Sélectionner un bouton ou un lien texte
- Modifier l'URL dans les Settings
- Différence entre lien interne et externe
Ajouter un lien dans le texte
- Sélectionner le texte
- Créer un lien
- Vérifier qu'il fonctionne
Publier les modifications
- Bouton Publish en haut à droite
- Vérifier que les changements apparaissent sur le site live
- Délai de propagation (quelques secondes)
Exercice pratique : Le client fait 3 modifications (texte, image, lien), puis publie. Vous vérifiez ensemble que tout fonctionne.
Questions / Réponses Réservez 15 minutes pour répondre aux questions spécifiques du client.
Format de formation : présentiel, visio, ou vidéo ?
Présentiel : la plus efficace
Avantages :
- Interaction directe et immédiate
- Vous voyez exactement ce que le client fait
- Vous pouvez corriger en temps réel
- Le client ose poser toutes ses questions
Inconvénients :
- Nécessite d'être au même endroit
- Pas de replay pour le client
Quand l'utiliser : Si vous êtes dans la même ville et que le client a du temps à bloquer.
Durée recommandée : 2h30 en présentiel suffit généralement.
Visio : le bon compromis
Avantages :
- Flexible (pas besoin de se déplacer)
- Enregistrable pour que le client puisse revoir
- Partage d'écran pour montrer en détail
- Questions en direct
Inconvénients :
- Nécessite une bonne connexion internet
- Moins d'interaction "physique"
Outils recommandés : Zoom, Google Meet, Teams (avec enregistrement activé)
Quand l'utiliser : C'est le format le plus courant. Efficace et pratique.
Durée recommandée : 2h30 en visio avec une pause de 10 minutes au milieu.
Vidéo pré-enregistrée : en complément
Avantages :
- Le client peut regarder à son rythme
- Réutilisable pour tous vos clients
- Vous n'avez pas à refaire la formation à chaque fois
Inconvénients :
- Pas d'interaction directe
- Le client peut avoir des questions spécifiques non couvertes
- Moins engageant
Quand l'utiliser : En complément d'une session live, ou pour les clients très autonomes qui préfèrent apprendre seuls.
Format recommandé : 3-4 vidéos de 15-20 minutes chacune (un module par vidéo).
Notre recommandation : hybride
Formation live (visio) : 2h Vous couvrez les bases en live, le client pratique, vous répondez aux questions.
Vidéos de référence : 3-4 vidéos Vous enregistrez des tutoriels courts sur les tâches courantes. Le client peut y revenir quand il a oublié un point.
Documentation écrite : 5-10 pages PDF Checklist et captures d'écran des actions principales. Le client a un support à consulter.
Ce combo garantit l'autonomie complète.
Outils et ressources à fournir à vos clients
Documentation personnalisée
Créez un document PDF spécifique au site du client.
Contenu :
- Architecture du site (liste des pages et collections)
- Checklist des modifications courantes avec captures d'écran
- Que faire / que ne pas faire
- Contact support (votre email/téléphone pour les urgences)
Template réutilisable : Créez un template sur Notion, Google Docs, ou Canva. Vous le dupliquez pour chaque client et l'adaptez en 30 minutes.
Vidéos de référence
Enregistrez 4 vidéos courtes réutilisables :
Vidéo 1 : Naviguer dans Webflow et éditer du texte (10 min) Vidéo 2 : Ajouter un article de blog (15 min) Vidéo 3 : Remplacer des images et gérer la médiathèque (10 min) Vidéo 4 : Publier et vérifier les modifications (8 min)
Hébergez-les sur Vimeo (privé) ou Loom. Partagez les liens avec le client.
Accès à Webflow University
Webflow University est une ressource gratuite et excellente.
Recommandez ces cours spécifiques :
- "Webflow 101" (bases générales)
- "CMS Collection Tutorial" (gestion du CMS)
- "How to edit content in Webflow" (édition de contenu)
Donnez les liens directs. Le client peut approfondir s'il le souhaite.
Support post-formation
Email de support dédié : Créez un email spécifique (support@majorflow.fr) ou utilisez votre email principal.
Slack ou WhatsApp (optionnel) : Pour les clients premium ou les gros projets, créez un canal Slack ou un groupe WhatsApp dédié. Réponse rapide aux questions.
Heures de support incluses : Incluez 2-3 heures de support post-formation dans votre offre. Le client peut vous contacter pour des questions après la formation.
Au-delà, vous facturez à l'heure.
Erreurs courantes des clients et comment les prévenir
Erreur 1 : Créer de nouvelles classes et casser le design
Le client sélectionne un élément, modifie une couleur, et crée involontairement une nouvelle classe. Le design devient incohérent.
Prévention : Expliquez clairement pendant la formation : "Ne touchez jamais au Style Panel. Uniquement au contenu (texte, images)."
Configurez des classes réutilisables et donnez-leur des noms explicites : "Bouton-Principal", "Titre-Section".
Erreur 2 : Uploader des images énormes
Le client uploade des images de 5MB directement depuis son appareil photo. Le site devient lent.
Prévention : Expliquez l'importance de la compression. Recommandez TinyPNG ou Squoosh.
Créez une checklist : "Avant d'uploader une image : 1) Redimensionner à max 1920px, 2) Compresser sur TinyPNG, 3) Uploader sur Webflow."
Erreur 3 : Publier sans vérifier
Le client fait des modifications et publie sans vérifier sur le site live. Il découvre après que quelque chose est cassé.
Prévention : Insistez sur le process : "Toujours vérifier en Preview mode avant de publier. Puis publier. Puis vérifier sur le site live."
Erreur 4 : Modifier le responsive sans comprendre
Le client voit que quelque chose ne s'affiche pas bien sur mobile. Il essaie de corriger en mode mobile et casse le desktop.
Prévention : "Ne touchez jamais aux breakpoints mobile/tablette. Si un problème d'affichage mobile apparaît, contactez-moi. C'est une modification technique."
Erreur 5 : Supprimer un élément par erreur
Le client supprime un élément pensant que c'est temporaire. Il publie. L'élément disparaît définitivement du site.
Prévention : "Avant de supprimer quoi que ce soit, contactez-moi. La suppression est définitive. Si vous voulez cacher temporairement, je vous montre comment faire."
Tarification de la formation : incluse ou facturée ?
Option 1 : Formation incluse dans le prix du site
Approche : Vous incluez 2-3 heures de formation dans votre package de création de site.
Avantages :
- Simplifie la proposition commerciale
- Le client perçoit une valeur ajoutée
- Vous réduisez le support post-livraison
Pricing : Site Webflow 5 pages : 3500€ (dont formation 2h incluse)
Quand l'utiliser : Pour les sites vitrines standards où tous les clients ont besoin de formation.
Option 2 : Formation optionnelle facturée séparément
Approche : Le site est livré sans formation. Si le client veut être formé, c'est une prestation additionnelle.
Avantages :
- Prix du site plus bas (plus compétitif)
- Les clients autonomes ne paient pas pour une formation qu'ils n'utilisent pas
- Vous facturez la formation à sa vraie valeur
Pricing : Site Webflow : 3000€ Formation Webflow (2h) : 400-600€
Quand l'utiliser : Pour les clients tech-savvy ou les agences qui ont déjà des compétences Webflow en interne.
Option 3 : Formation basique incluse + formation avancée en option
Approche : 1 heure de formation basique incluse (édition de texte, images, blog). Formation avancée (gestion collections, SEO, etc.) en option facturée.
Pricing : Site Webflow : 3500€ (dont 1h formation basique) Formation avancée (2h) : 400€
Quand l'utiliser : Bon compromis. Vous couvrez l'essentiel, et les clients qui veulent plus peuvent upgrader.
Notre recommandation
Pour la plupart des projets : Incluez 2h de formation dans le prix du site. Présentez-le comme un avantage différenciant.
Facturez le support au-delà des 2-3 heures incluses post-formation (100-150€/heure).
Checklist post-formation : ce que le client doit savoir faire
Avant de clôturer la formation, vérifiez que le client maîtrise ces compétences :
Édition de contenu
- Modifier un titre de page
- Changer un paragraphe de texte
- Remplacer une image
- Modifier un lien
Gestion du blog
- Ajouter un nouvel article
- Modifier un article existant
- Publier / Dépublier un article
- Ajouter une catégorie
Publication
- Sauvegarder les modifications
- Publier sur le site live
- Vérifier les modifications sur le site
SEO basique
- Modifier le meta title d'une page
- Modifier la meta description
Support
- Savoir quand vous contacter
- Accéder à la documentation fournie
Si le client coche toutes ces cases, il est autonome à 90% sur les tâches courantes.
Majorflow : Formation Webflow pour vos clients
Chez Majorflow,nous incluons systématiquement une formation client dans nos projets Webflow.
Notre approche :
Formation live (2h en visio) Session interactive où le client pratique directement sur son site. Modules progressifs avec exercices.
Documentation personnalisée PDF de 8-10 pages spécifique au site du client avec captures d'écran et checklist.
Vidéos de référence 4 vidéos courtes (10-15 min chacune) sur les tâches courantes, réutilisables à tout moment.
Support post-formation 2 heures de support incluses pendant les 30 jours suivant la formation. Questions par email ou visio rapide.
Tarif formation seule (si vous avez déjà un site Webflow) : 300 € pour 2h de formation + documentation + vidéos + 2h de support inclus dans tous nos projets de création de site.
Si vous êtes une agence ou un freelance qui sous-traite la création de sites Webflow, nous pouvons également former vos clients finaux en marque blanche.
Parlons de votre projet
Vous livrez des sites Webflow et vous voulez rendre vos clients autonomes sans passer des heures en support ?
Vous avez besoin d'un programme de formation structuré et de ressources réutilisables ?
Réservez un appel avec François (30 min).
Nous échangeons sur vos besoins spécifiques et nous vous aidons à structurer votre processus de formation client.
Sans engagement. Une vraie conversation opérationnelle.