Éditeur de contenu visuel

Modifie ton contenu là où il vit — sur ton vrai site web

L’éditeur visuel de b10cks offre à ton équipe contenu un aperçu en direct de leurs modifications au fur et à mesure, avec un lien bidirectionnel qui transforme ton vrai site en surface d’édition. Fini d’imaginer à quoi ressemblera un changement. Vois-le instantanément.

Commencer gratuitement

Le problème de l’édition basée sur des formulaires

Personne ne pense en champs de formulaire.

Tous les autres CMS demandent à ton équipe contenu d’imaginer à quoi ressembleront leurs modifications. Elle remplit un formulaire, clique sur enregistrer, ouvre une URL de prévisualisation, et découvre que le titre est trop long, que l’image ne rend pas bien et que la mise en page s’est cassée sur mobile. Puis elle recommence.

Cette boucle est lente. Frustrante. Et complètement inutile.

b10cks offre aux éditeurs un aperçu en direct, lié bidirectionnellement, de leur contenu — directement dans le vrai site rendu — pour qu’ils voient chaque changement au moment même où ils le font.

Liaison bidirectionnelle

Modifie ici. Vois-le là-bas. En même temps.

L’éditeur visuel b10cks fonctionne grâce à une connexion bidirectionnelle entre le panneau d’édition du CMS et l’aperçu en direct de ton front-end :

Éditeur → Aperçu Quand un éditeur modifie la valeur d’un champ dans le panneau du CMS, l’aperçu se met à jour en temps réel — sans rechargement de page, sans étape de publication. Le changement est visible immédiatement.

Aperçu → Éditeur Quand un éditeur clique directement sur un élément dans l’aperçu — un titre, un bloc, un bouton — le panneau d’édition affiche immédiatement les champs de ce contenu. Plus besoin de chercher dans un arbre de types de contenu. Clique sur ce que tu veux modifier, puis modifie-le.

Voilà à quoi ressemble une vraie édition visuelle.

Architecture d’aperçu en direct

Fonctionne avec ton front-end existant. Aucune build spéciale requise.

L’éditeur visuel ne t’oblige pas à reconstruire ton front-end avec un framework ou un SDK spécifique. Il utilise une connexion d’aperçu légère qui s’intègre à n’importe quel front-end :

  • Nuxt — composables de prévisualisation inclus dans le SDK *
  • N’importe quel framework — API de prévisualisation brute avec un protocole documenté

Ton front-end affiche ton contenu. b10cks envoie les mises à jour en direct. C’est tout le lien.

* d’autres SDK natifs pour frameworks arrivent

Le panneau d’édition

Tous les outils dont tes éditeurs ont besoin. Rien de superflu.

Le panneau d’édition glisse à côté de ton aperçu et n’affiche que les champs de contenu pertinents pour ce qui est actuellement sélectionné ou focalisé.

Dans le panneau :

  • Formulaires de champs structurés pour chaque type de bloc
  • Édition riche de texte en ligne avec une barre d’outils propre et configurable
  • Téléversement d’images, sélection depuis la bibliothèque d’assets et aperçu des transformations
  • Réorganisation des blocs par glisser-déposer pour les champs de type tableau
  • Sélecteur de références — trouve et lie n’importe quelle entrée de contenu de l’espace
  • Sélecteur de langue — prévisualise et modifie dans n’importe quelle langue activée
  • Indicateur d’état brouillon/publié et commandes de publication
  • Panneau de fil de commentaires — vois et participe aux conversations autour du contenu actuel

Aperçu mobile et responsive

Vois exactement ce que voient tes visiteurs — sur chaque appareil.

Bascule l’aperçu entre les tailles d’écran en un seul clic :

  • Desktop — aperçu en pleine largeur
  • Tablette — aperçu sur point de rupture responsive
  • Mobile — aperçu en vue étroite

Détecte les problèmes de mise en page avant leur mise en ligne. Pas besoin de téléphone. Pas besoin des DevTools du navigateur.

Bibliothèque de blocs

Ajoute des blocs de contenu comme si tu utilisais un outil de design.

Le panneau de bibliothèque de blocs permet aux éditeurs de parcourir tous les types de blocs disponibles et de les ajouter à la page actuelle en une seule étape. Aucune connaissance technique requise.

  • Cartes visuelles de types de blocs avec nom et description
  • Recherche et filtrage par catégorie de bloc
  • Clique pour ajouter en bas, ou glisse à n’importe quelle position dans l’arborescence du contenu
  • Aperçu des champs d’un nouveau bloc avant insertion

Les éditeurs peuvent composer des pages riches et structurées à partir de blocs de construction — sans jamais demander à un développeur de « juste ajouter une section ».

Publication programmée

Installe-le, puis oublie-le.

Planifie tes mises en ligne de contenu à l’avance. Programme n’importe quel contenu pour qu’il soit publié à une date et une heure précises — b10cks s’occupe automatiquement de la publication.

  • Publication programmée par langue pour les équipes internationales
  • Dépublication programmée pour le contenu à durée limitée
  • Releases atomiques — regroupe plusieurs modifications de contenu dans un seul déploiement programmé

Fini les connexions à minuit pour cliquer sur « publier ».

Ton équipe contenu mérite un éditeur qui respecte son temps.

L’éditeur visuel est inclus dans tous les forfaits b10cks — aucune mise à niveau requise, aucun feature flag, pas de « contacte le service commercial ». Essaie-le maintenant.