Le CMS léger pour sites statiques que vos clients peuvent modifier.
Ajoutez ColbeEdit à n'importe quel site HTML existant et offrez à vos clients un moyen simple et sécurisé de modifier textes et images — sans WordPress, base de données, ni risque de casser le design.
Voyez-le en action
ColbeEdit place les outils d'édition directement sur la page en ligne, sans imposer à vos clients l'apprentissage d'un tableau de bord CMS traditionnel.
Bienvenue dans notre studio
Nous créons de beaux sites web pour des entreprises qui veulent se démarquer dans un marché très concurrentiel.
Cliquez sur un texte modifiable. Tapez. Enregistrez.
Votre client voit un bouton d'édition discret sur chaque contenu que vous avez marqué comme modifiable. Il clique, saisit sa modification et appuie sur enregistrer. La page est mise à jour instantanément — sans panneau d'administration, sans confusion de publication.
- 1 Vous marquez les zones modifiables avec
class="colbe-content" - 2 Le client voit un éditeur inline épuré, rien d'autre
- 3 Les modifications sont enregistrées directement dans le HTML — sans base de données
Survolez, cliquez sur Remplacer, téléversez.
Quand un client doit mettre à jour une photo d'équipe, une image de produit ou un visuel principal, il survole l'image et clique sur Remplacer. ColbeEdit gère le téléversement et, en cas de galerie, met également à jour l'image liée de la lightbox. Les photos déjà téléversées peuvent être réutilisées depuis la bibliothèque de médias intégrée et indexée.
- 1 Le client survole n'importe quelle image modifiable
- 2 Téléverse un nouveau fichier ou en choisit un dans la bibliothèque
- 3 L'image de la page et celle de la lightbox sont mises à jour ensemble
Ne recadrez jamais ce qu'il ne faut pas.
Quand un client remplace une image, il peut glisser un point focal pour indiquer à ColbeEdit quelle partie de la photo est la plus importante. Sur différentes tailles d'écran, le recadrage s'adapte autour de ce point — les visages et sujets clés restent toujours visibles.
- 1 Le client remplace une image
- 2 Glisse un point sur la partie importante de la photo
- 3 Les recadrages bureau, tablette et mobile le respectent
Des outils intégrés qui font gagner des heures par site
Au-delà de l'édition en ligne, ColbeEdit embarque un petit ensemble d'utilitaires dignes d'un designer qui prennent en charge les parties ingrates de la livraison client — optimisation d'images, réutilisation des médias et édition des pages où des éléments se chevauchent.
Bibliothèque de médias intelligente
Chaque image téléversée se range dans une bibliothèque consultable où piocher — au lieu de re-téléverser dix fois le même logo. Des outils intégrés indiquent quelle page utilise quelle image, suppriment d’un clic toutes les images inutilisées, renomment un fichier en réécrivant automatiquement toutes les références sur l’ensemble du site, et recadrent côté serveur sans rien télécharger. Le nettoyage photo qui demandait une session FTP prend trente secondes.
Regarder la vidéo de démonstrationOptimiser en WebP — une image ou tout le site
Convertissez un JPG, PNG ou GIF en WebP depuis la bibliothèque, ou utilisez Tout optimiser pour traiter toutes les images compatibles encore utilisées. La conversion est disponible si l'hébergement fournit GD ou Imagick avec WebP — sans extension d'optimisation d'images séparée.
Regarder la vidéo de démonstrationPoint focal & dimensionnement intelligent
Cliquez sur n’importe quelle image, faites glisser le réticule doré, et la partie qui compte reste visible quel que soit le recadrage responsive sur mobile. Le même modal règle la largeur et la hauteur exactes, choisit un mode object-fit (cover / contain / fill) et zoome l’aperçu — parfait pour les hero banners, portraits d’équipe et toute image dont le téléphone découpe systématiquement le visage. Compatible tactile : marche aussi sur iPad.
Panneau Réglages & rôles séparés
Un panneau d’admin non technique configure le mode d’édition (auto-détection ou explicite avec colbe-content), dossier de téléversement, durée de session, taille max et extensions autorisées — sans toucher au PHP. Des mots de passe admin et client distincts mettent les réglages et opérations dangereuses hors de portée des clients, tout en les laissant éditer texte, images et widgets librement. Une garde anti-perte alerte avant toute fermeture d’onglet avec des changements non sauvegardés.
Mode Marquer
Lorsque le mode Explicite uniquement est activé, seuls les éléments marqués avec la classe colbe-content peuvent être modifiés par le client. Le mode Marquer vous permet d’ajouter ou de supprimer cette classe visuellement, directement sur la page — sans modifier manuellement le code HTML. Utilisez-le pour choisir exactement quelles parties de la page le client est autorisé à modifier, tout en gardant le reste du design verrouillé.
Regarder la vidéo de démonstrationMode Aplanir
Activez le viseur, cliquez sur n'importe quel élément qui recouvre le texte à atteindre — un overlay hero en position absolue, une couche décorative, une bannière collante — et ColbeEdit retire temporairement sa class, son id et son style inline pour rendre le contenu en dessous modifiable. Un clic restaure tout. Le HTML enregistré reste intact.
Regarder la vidéo de démonstrationÉditeur de boutons et de liens
Survoler n'importe quel lien fait apparaître une petite pastille Modifier le lien. Un clic ouvre une fenêtre où le client peut changer le texte du bouton, basculer la cible entre URL, E-mail, Téléphone ou WhatsApp (enregistré automatiquement en mailto: / tel: / wa.me/), cocher ouvrir dans un nouvel onglet, pré-remplir un message WhatsApp, ou supprimer complètement le lien. Fini les tickets « peux-tu changer mon bouton Contact en chat WhatsApp ? ».
Texte alternatif — SEO intégré
Après chaque remplacement, ColbeEdit demande un court texte alternatif — pré-rempli avec la description existante pour la conserver ou l’affiner. Une description claire améliore l’accessibilité pour les lecteurs d’écran et aide les moteurs de recherche à comprendre l’image. « Ignorer » conserve le texte précédent.
Regarder la vidéo de démonstrationSélecteur de page — naviguez entre toutes les pages depuis la barre
La zone du nom de page dans la barre d’outils est désormais un menu déroulant listant chaque fichier .html du site, groupé par sous-dossier. Passez directement à l’édition d’une autre page sans saisir d’URL. Une garde contre les modifications non enregistrées s’affiche avant de quitter.
Barre ancrable — haut, bas, gauche ou droite
Quatre petites icônes en bout de barre permettent de l’ancrer sur n’importe quel bord de l’écran. Haut (défaut) pousse le contenu vers le bas et décale automatiquement toute en-tête fixe ou sticky du site. Gauche/Droite transforme la barre en une colonne latérale de 190 px avec des boutons empilés. La position est mémorisée dans localStorage.
Modifier le lien autour d’une image de galerie
Lorsqu’une image est enveloppée dans un lien (<a href>), l’overlay image affiche un troisième bouton — 🔗 Lien — en plus de Remplacer et Focale. Un clic ouvre l’éditeur de lien pour l’ancre parente : changer l’URL, choisir dans la médiathèque ou supprimer le lien, sans toucher l’image.
Safe History — restauration en un clic
Avant chaque Enregistrement, ColbeEdit copie la page horodatée dans /colbeedit/backups/. Le panneau Safe History liste toutes les versions, vous permet de prévisualiser n'importe laquelle dans un nouvel onglet et de restaurer celle de votre choix en un clic — et la restauration crée elle-même un nouveau snapshot, donc elle est réversible. Le client a supprimé un paragraphe par erreur ? Restauré en cinq secondes.
Zones de widgets autonomes
Déposez un ZIP de HTML/CSS/JS et d'images à n'importe quel endroit de la page : ColbeEdit l'affiche dans une iframe isolée — parfait pour une calculatrice, un lecteur vidéo, une carte interactive, un visualiseur 3D ou une petite île Vue/React. Une barre d'insertion lumineuse place la zone exactement entre deux sections (Alt cible l'élément parent), un bouton d'auto-ajustement dimensionne l'iframe à son contenu, et un panneau Widgets ancrable à gauche ou à droite liste chaque zone de la page pour la réordonner, la remplacer ou la supprimer rapidement. Besoin d’une vidéo plutôt qu’un ZIP ? Collez une URL YouTube, Vimeo ou un fichier .mp4 direct et ColbeEdit l’encapsule pour vous. La barre au survol expose maintenant à la fois la largeur (100%, 60%, 600px ou auto) et la hauteur, pour qu’un widget glissé entre deux colonnes s’intègre exactement au gabarit.
Navigation flexible — menu du site en glisser-déposer
Un nouveau bouton 🧭 Nav dans la barre d’outils (admin uniquement) ouvre un panneau qui analyse chaque page .html du site et permet de construire le menu en glissant les pages dans un arbre. Choisissez Barre d’en-tête, Méga-menu ou Hamburger (gauche/droite), définissez un libellé de marque et les couleurs d’accentuation, de fond et de texte, déposez les nœuds en haut/au milieu/en bas d’une ligne pour réordonner ou imbriquer, ajoutez des liens personnalisés et activez un sélecteur de langue qui renvoie chaque visiteur vers la même page dans chaque autre langue — traductions manquantes grisées. Enregistré dans colbeedit/nav.json (version précédente sauvegardée dans Safe History), propagé automatiquement à chaque page à l’enregistrement, et rendu sur le site en production par un petit runtime colbeedit/nav.js — une seule balise <script> avec cache-buster, sans build. Un clic sur Supprimer la navigation de toutes les pages remet tout à zéro.
Édition multilingue — pensée pour la Suisse
ColbeEdit détecte les versions sœurs d’une même page (index.html, de/index.html, fr/index.html, it/index.html — DE / FR / IT / ES / PT / NL et plus) et ajoute un menu drapeau à la barre : choisissez Edit Deutsch, Edit Français, Edit Italiano pour basculer instantanément vers l’édition de cette langue. Un panneau Traduire dédié compare la page courante à une langue source, liste chaque bloc en OK / Identique à la source / Vide / Marqué, copie le texte de la langue principale en un clic et permet de marquer des blocs comme à traduire — persistant à travers les sauvegardes avec un discret contour pointillé sur la page. Les admins disposent en plus de + Créer une traduction dans le menu langue : un clic copie la page courante dans le bon dossier de langue, réécrit automatiquement les chemins relatifs (pour que les dossiers partagés comme images/ ou css/ continuent de fonctionner depuis le sous-dossier) et marque immédiatement chaque bloc éditable comme à traduire, pour que le panneau montre exactement ce qu’il reste à faire. Le panneau se rafraîchit après chaque sauvegarde. Vous avez ajouté un nouveau widget à l’original après traduction ? Un clic sur ↻ Re-sync Deutsch from English dans le menu des langues reconstruit la copie allemande à partir de la page anglaise actuelle (la version précédente part d’abord dans Safe History — rien n’est perdu), avec chaque bloc à nouveau marqué comme à traduire. Sans extension, sans base de données.
Compatible galeries & lightbox
ColbeEdit détecte les galeries de type HTML5UP, bloque les ouvertures accidentelles de la lightbox pendant l'édition et injecte à l'enregistrement un petit patch pour que la lightbox continue de fonctionner avec les nouveaux fichiers WebP — sans modifier le JavaScript de votre template.
Enregistrements sauvegardés & rechargement auto
Avant d'écraser une page, ColbeEdit crée une sauvegarde horodatée. Quand des outils comme Aplanir sont utilisés, l'éditeur se recharge après l'enregistrement et affiche la version qui vient d'être écrite.
Déployez en minutes, pas en heures
Pas de CLI, npm ni base de données. Téléversez le paquet, accordez les droits d'écriture aux dossiers de travail et ColbeEdit est prêt.
Marquez les zones modifiables
Ajoutez class="colbe-content" aux éléments HTML que votre client doit pouvoir modifier. C'est tout. Tout le reste reste verrouillé. Vous pouvez aussi marquer ou retirer le marquage plus tard avec l’outil visuel Mark.
Your headline here
</h1>
Téléversez les fichiers via FTP
Téléversez le paquet ColbeEdit sur un hébergement conforme aux prérequis serveur : PHP 7.4+, les extensions requises, HTTPS, la prise en charge des règles de sécurité et les droits d’écriture. Pas de base de données, npm install ni compilation.
Transmettez l'URL d'édition
Envoyez à votre client une seule URL. Il se connecte avec un mot de passe simple, et l'édition est active — directement sur la page qu'il voit tous les jours. Pas de tableau de bord. Pas de paramètre à mal configurer.
→ Le client est prêt à modifier
Votre template. Vos règles.
ColbeEdit fonctionne avec le HTML/CSS/JS standard et est conçu pour préserver votre mise en page, vos lightboxes, animations et carrousels.
Tout template statique
Compatible avec HTML5UP, les templates ThemeForest, le HTML codé à la main et tout ce qui est en HTML/CSS/JS standard. Pas de moteur de template à apprendre.
Une classe pour activer
Ajoutez class="colbe-content" aux éléments que votre client peut modifier. Tout le reste reste protégé.
Déployez en minutes
Téléversez le paquet ColbeEdit par FTP. Pas de base de données, CLI ni compilation. La compatibilité dépend des extensions PHP requises, de HTTPS, de la prise en charge des règles de sécurité et des droits d’écriture — vérifiez d’abord l’hébergement.
Édition sécurisée pour les clients
Les clients modifient uniquement le contenu et les outils que vous activez. Les fichiers du template, le CSS et les autorisations restent sous votre contrôle.
Livraison en marque blanche
Aucun branding ColbeEdit visible n'est injecté dans le site de votre client. L'éditeur est à vous de présenter comme faisant partie de votre service.
Conçu pour les frontends existants
ColbeEdit est conçu pour cohabiter avec les lightboxes, animations au scroll, carrousels et galeries courants tout en préservant la structure visuelle du site.
Comme modifier un document.
Pas de tableau de bord. Pas de menus de paramètres. Pas de workflow de publication. Cliquez simplement sur ce que vous voulez modifier, mettez-le à jour et enregistrez.
Cliquez, tapez, enregistrez
Modifiez le texte directement sur la page. Cliquez sur n'importe quelle zone modifiable, tapez votre modification et appuyez sur enregistrer. Ce que vous voyez est ce que voient les visiteurs.
Remplacez les photos facilement
Survolez une image, cliquez sur Remplacer et téléversez votre nouveau fichier. Pas de redimensionnement, pas de FTP, pas besoin de contacter le développeur.
Contrôle du point focal
Glissez un point pour marquer la partie la plus importante d'une photo. ColbeEdit s'assure qu'elle reste visible à toutes les tailles d'écran.
Pas de confusion de publication
Ce que vous enregistrez est ce que voient les visiteurs — instantanément. Pas de workflow brouillon/publication, pas de file d'approbation, pas d'environnement de staging.
Fonctionne sur téléphone et tablette
ColbeEdit est conçu pour les modifications simples sur appareils tactiles aussi. Mettez à jour vos horaires d'ouverture depuis votre téléphone, à tout moment.
Rien à casser
Vous modifiez uniquement le contenu et les outils activés par votre designer. Le template et le CSS restent en dehors du flux d'édition normal.
« Comme modifier un document. Je clique simplement sur le texte, je le change et j'enregistre. Je n'ai pas eu à appeler mon designer depuis des mois. »— Comment vos clients décriront ColbeEdit
ColbeEdit vs WordPress
pour les petits sites statiques
ColbeEdit n'est pas un remplacement de WordPress pour les blogs, boutiques ou sites dynamiques. Il est intentionnellement léger — et c'est tout l'intérêt.
| Fonctionnalité |
ColbeEdit
Recommandé pour les petits sites
|
WordPress |
|---|---|---|
| Base de données | ✓ Aucune requise — le contenu est enregistré directement dans le fichier HTML | ✗ MySQL/MariaDB nécessaire sur chaque hôte |
| Hébergement | ✓ Hébergement PHP 7.4+ compatible avec les extensions requises, HTTPS, les règles de sécurité et les droits d’écriture | Nécessite une base de données, plus de RAM et des mises à jour serveur régulières |
| Vitesse de page | ✓ Le HTML statique est prêt pour le CDN et facile à optimiser pour les Core Web Vitals | PHP dynamique + base de données sauf si entièrement mis en cache avec des plugins supplémentaires |
| Interface client | ✓ Uniquement les boutons dont votre client a besoin — rien d'autre de visible | Tableau de bord complet avec menus, plugins, paramètres que les clients n'utilisent pas |
| Maintenance | ✓ Téléversez une fois, mettez à jour uniquement quand vous le souhaitez | Le noyau, les thèmes et les plugins nécessitent des mises à jour continues pour rester sécurisés |
| Surface d'attaque | ✓ Pas de base de données, pas de /wp-admin public, sauvegardes protégées par CSRF | Grand écosystème — Patchstack a recensé 7 966 vulnérabilités publiées en 2024; 96% concernaient des extensions |
| Idéal pour | ✓ Sites vitrines, portfolios, restaurants, pages d'atterrissage, commerces locaux | Blogs, boutiques, abonnements, systèmes de réservation, sites dynamiques complexes |
| Modèle de tarification | ✓ CHF 49 unique, licence à vie | Noyau gratuit, mais l'hébergement, les thèmes premium et les plugins s'accumulent chaque mois |
Note honnête : ColbeEdit n'est pas fait pour les blogs avec des centaines d'articles, l'e-commerce, les espaces membres, les systèmes de réservation ou les sites complexes basés sur une base de données. Pour ceux-ci, WordPress ou un CMS complet est le bon outil. ColbeEdit est fait pour les nombreux petits sites statiques élégants où la simplicité et la faible maintenance comptent plus que les fonctionnalités dynamiques — et pour les designers fatigués des mises à jour de plugins.
Achetez une fois. Utilisez pour toujours.
Pas d'abonnement. Une licence par domaine — un paiement unique active ColbeEdit définitivement sur ce site.
Paiement unique · Sans abonnement · Sans renouvellement
- ✓ Une licence par domaine — un achat par site client
- ✓ Édition de texte inline — cliquez, tapez, enregistrez
- ✓ Remplacement d'images avec support lightbox
- ✓ Contrôle du point focal pour le recadrage intelligent
- ✓ Support des tuiles background-image CSS
- ✓ Sauvegardes et téléversements protégés par CSRF
- ✓ Marque blanche — aucun branding ColbeEdit sur les sites clients
- ✓ Fonctionne sur un hébergement PHP 7.4+ conforme aux prérequis serveur publiés
- ✓ Zéro base de données requise
- ✓ Aucun frais de licence récurrent
Pas encore sûr ? Essayez ColbeEdit gratuitement pendant 24 heures →
Saisissez votre e-mail et confirmez le lien à usage unique pour créer une démo privée — sans installation ni paiement. Elle est supprimée après 24 heures.
Questions fréquentes
Tout ce que vous devez savoir avant de décider si ColbeEdit correspond à votre workflow.
class="colbe-content" aux éléments à rendre modifiables. Aucun moteur de template ni structure spéciale n'est requis.Rendez votre prochain site statique modifiable par vos clients en quelques minutes.
Achetez ColbeEdit une fois, téléversez-le sur un hébergement PHP compatible et offrez à votre client une édition simple et ciblée — sans WordPress, base de données ni remise complète du template.