16/2/24

Tuto : Comment utiliser l'éditeur Webflow

Tutoriel
Tuto : Comment utiliser l'éditeur Webflow

Webflow est un outil de design web qui fonctionne sans nécessiter de programmation. Il utilise un système intuitif de "glisser-déposer", ce qui rend cet outil de création web apparemment facile à manier. Cependant, lorsqu'on commence à l'utiliser, on se rend compte que pour maîtriser Webflow, il faut posséder des connaissances approfondies en conception web. Sa complexité ne devrait pas dissuader son utilisation, car il présente de nombreux atouts tels que la liberté de création, l'adhésion aux normes SEO, la facilité d'évolution du site, un CMS bien conçu pour la gestion efficace des données, et la possibilité de travail collaboratif grâce à son mode éditeur.

Heureusement, Webflow se distingue de Wordpress par sa facilité d'accès, grâce à un outil sans code intuitif et simple : le mode éditeur.

Qu'est-ce que le mode éditeur sur Webflow ?

Le mode éditeur de Webflow est spécialement conçu pour faciliter la gestion du contenu web. Il permet de développer le contenu d'un site sans nécessiter de compétences spécifiques en design web. Ce mode se caractérise par une interface épurée et facile à comprendre, sans les complexités d'un tableau de bord avancé.

Dans ce mode, il est aisé de créer et modifier le texte, les images et les liens sur les pages statiques, mais aussi de générer rapidement de nouveaux contenus via les pages dynamiques du CMS. Plusieurs membres de l'équipe peuvent avoir accès à ce mode, ce qui améliore la gestion du contenu sur Webflow.

Avantages du mode éditeur Webflow

Interface épurée

Aucune compétence spécifique en design web n'est requise, rendant son utilisation très simple pour tous les membres de l'équipe.

Fonctionnalités essentielles

Ce mode se concentre sur la gestion de contenu, permettant d'ajouter, supprimer ou modifier des textes, des images, des articles de blog, etc.

Respect des normes SEO

Chaque utilisateur peut accéder aux fonctionnalités SEO clés, telles que l'ajout de titres et de descriptions méta, l'optimisation des URL, l'ajout de graphiques ouverts, etc.

Accès aux données

Le mode éditeur offre un aperçu complet des pages du site, qu'elles soient statiques ou dynamiques, et un accès direct aux données issues des formulaires web, assurant ainsi de ne rater aucune demande de contact. Un historique des modifications récentes est également disponible.

Accessibilité

L'accès au mode éditeur est direct depuis n'importe quelle page du site web en ajoutant /?edit à l'URL.

Sécurité

Contrairement à Wordpress, le mode éditeur de Webflow ne permet pas de modifier la structure de la page de manière à endommager le site.

Création d'un compte éditeur sur Webflow

Pour créer un compte éditeur, il faut que le webdesigner ajoute votre email dans les paramètres du projet Webflow. Vous recevrez un email de Webflow pour créer votre compte. Une fois créé, vous accédez à la barre de fonctionnalités de l'éditeur en bas de l'écran, vous permettant de modifier directement les pages web de Webflow.

L'accès au mode éditeur nécessite au minimum l'abonnement au forfait CMS de Webflow. Pour plus d'informations, consultez les tarifs et fonctionnalités de Webflow.

Modification de contenu sur une page statique avec le mode éditeur

Bien que les pages statiques ne puissent être dupliquées via le mode éditeur, leur contenu peut être modifié en changeant textes, images et liens. On peut y accéder en cliquant sur l'onglet "Pages" de la barre d'éditeur Webflow.

Modification de contenu sur une page dynamique avec le mode éditeur

Le mode éditeur donne accès à toutes les pages, sections et données dynamiques du site. Créer de nouvelles pages ou sections comme des articles de blog ou des offres d'emploi est simple et direct via l'onglet "Collections".

Optimisation du SEO pour une page Webflow statique

Le mode éditeur permet d'optimiser les réglages SEO, d'améliorer les slugs d'URL, d'ajouter des titres, des descriptions méta, des vignettes, et d'enrichir l'apparence des pages lors de partages sur les réseaux grâce aux graphiques ouverts.

Optimisation du SEO pour une page Webflow dynamique

Les pages dynamiques, pré-configurées par le webdesigner, permettent une optimisation SEO aisée grâce à des champs prédéfinis. Si ces paramètres ne sont pas disponibles, il est conseillé de demander à votre développeur de les intégrer.

Ajout et suppression d'éditeurs Webflow

Bien que l'ajout de nouveaux comptes éditeurs soit simple, il ne peut se faire via le compte éditeur lui-même. Il faut se connecter au projet Webflow en mode développeur pour effectuer ces changements.

Accès éditeur Webflow avec un site

Nous conseillons l'utilisation du mode éditeur, conscients de la complexité du designer Webflow. Les sites créés sont donc dotés de nombreuses sections dynamiques pour faciliter l'accessibilité et l'autonomie des clients dans la gestion de leur site.

Exemples d'actions réalisables en mode éditeur sans code :

  • Créer un article de blog
  • Ajouter un membre de l'équipe
  • Créer un podcast
  • Ajouter et éditer des textes et des vidéos
  • Optimiser le SEO des pages
  • Modifié des images