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.
Basic comprend les outils d’édition courants ci-dessous. Navigation, Multilingue / Traduction et Confidentialité & consentement aux cookies appartiennent à Advanced ; les zones et adaptateurs de widgets au Widget Pack.
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émonstrationWebP pour des pages plus légères et plus rapides à charger
Aidez les images compatibles à charger moins de données : convertissez manuellement une image JPEG ou PNG en WebP depuis la médiathèque, ou utilisez Tout optimiser pour traiter les images JPEG/PNG compatibles encore utilisées sur le site. Les originaux sont conservés et les GIF ne sont jamais proposés à la conversion. Les commandes n’apparaissent que si l’hébergeur fournit GD ou Imagick avec WebP — aucun plugin d’optimisation séparé n’est requis.
Regarder la vidéo de démonstrationPoint focal & dimensionnement intelligent
Cliquez sur une image et déplacez le viseur doré pour conserver la zone importante malgré le recadrage. La même fenêtre contrôle la largeur et la hauteur exactes, l’aperçu et le zoom, ainsi que les cinq modes object-fit : cover, contain, fill, none et scale-down. Appliquez ou réinitialisez directement le résultat, avec prise en charge du pointeur et du tactile sur ordinateur et tablette.
Panneau Réglages & rôles séparés
Un panneau d’administration clair configure le mode d’édition (Auto ou Explicite avec colbe-content), le dossier d’envoi, la durée de session, la taille maximale et les extensions autorisées — sans modifier PHP. Des mots de passe administrateur et client distincts protègent les Réglages, les changements de mot de passe et les opérations destructives, tout en n’accordant que les outils permis au rôle. Une alerte protège contre la fermeture d’un onglet avec des modifications non enregistrées.
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 clic sur Enregistrer, 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. Disponible uniquement dans le Widget Pack séparé, pour le même domaine licencié que Basic.
Adaptateur Slider Revolution 7. Pour un ZIP d’export SR7 compatible, le designer lance l’import et le preflight, puis choisit quelles propriétés prises en charge de texte brut, d’image d’arrière-plan et d’autoplay les clients peuvent modifier. Un manifeste côté serveur enregistre cette autorisation : les clients ne voient donc que les propriétés sélectionnées. Slider Revolution conserve le contrôle de la structure, du comportement responsive, des timelines, des animations, des effets et de la configuration avancée. Le rendu reste isolé dans une sandbox et le navigateur ne peut pas choisir de chemins internes ni de réglages arbitraires. Slider Revolution 7 lui-même et sa licence ne sont pas inclus.
Regarder la vidéo de démonstrationNavigation 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. Disponible uniquement dans le produit séparé ColbeEdit Advanced, pour le même domaine licencié que Basic.
É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. Cette fonction est disponible uniquement dans le produit séparé ColbeEdit Advanced, pour le même domaine licencié que Basic ; elle ne nécessite toujours aucune base de données.
Confidentialité & consentement aux cookies
Ajoutez une bannière de consentement multilingue avec Accepter, Refuser et Préférences, puis classez par catégorie les scripts et ressources de suivi non essentiels gérés. Ils restent bloqués avant le consentement et ne s’activent qu’après le choix correspondant. La configuration technique reste sous le contrôle du designer, avec Pause, Reprendre, rapprochement et désinstallation sûre. Le choix est stocké côté visiteur et aucune base de données n’est requise. Il s’agit de contrôles techniques du consentement, pas d’une garantie de conformité juridique. Disponible uniquement dans ColbeEdit Advanced pour le même domaine sous licence que Basic.
Compatible galeries & lightbox
ColbeEdit détecte les galeries de type HTML5UP, bloque les ouvertures accidentelles de la lightbox pendant l’édition et maintient la cohérence entre la vignette et l’image grand format lors d’un remplacement — sans réécrire le JavaScript du modèle ni promettre une conversion WebP automatique.
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.
Pensé pour ordinateur, prêt pour tablette
ColbeEdit est conçu principalement pour ordinateur, avec une barre responsive et une prise en charge pratique des tablettes et du tactile. Un flux complet pensé d’abord pour téléphone n’est pas promis.
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 | Écosystème et surface de maintenance plus vastes ; la sécurité dépend des mises à jour rapides du cœur, des thèmes et 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.
Commencez avec ColbeEdit Basic, puis ajoutez Advanced, Widget Pack ou les deux pour le même domaine sous licence.
Paiement unique · Sans abonnement
Un domaine sous licence.
- ✓ Édition et mise en forme complètes du contenu
- ✓ Outils image, médiathèque et texte alternatif
- ✓ Mark, Flatten, Focus Point & Size
- ✓ Éditeur complet de liens et boutons-liens
- ✓ Safe History, permissions et sauvegardes
Encore indécis ? Essayer ColbeEdit Basic pendant 24 h sur la démo hébergée →
Inclut uniquement ColbeEdit Basic — Advanced et Widget Pack ne sont pas inclus.
Paiement unique · Sans abonnement
Même domaine sous licence. Nécessite ColbeEdit Basic.
- ✓ Navigation builder
- ✓ Multilanguage / Translate
- ✓ Confidentialité & consentement aux cookies
Paiement unique · Sans abonnement
Même domaine sous licence. Nécessite ColbeEdit Basic.
- ✓ Zones de widgets et framework Widget Adapter
- ✓ Édition contrôlée des widgets
- ✓ Prise en charge de Slider Revolution 7
- ✓ Import et preflight SR7
- ✓ Champs contrôlés par manifeste
Slider Revolution lui-même n'est pas inclus.
Obtenir Widget PackComposez la configuration dont vous avez besoin
Paiement unique. Un domaine sous licence. Sans abonnement.
| Configuration | Prix |
|---|---|
| Basic | CHF 49 |
| Basic + Advanced | CHF 98 |
| Basic + Widget Pack | CHF 98 |
| Basic + Advanced + Widget Pack | CHF 147 |
Ces totaux sont la somme arithmétique de trois produits séparés ; aucun nouveau bundle SKU n'est proposé. Les licences utilisent le format COLBE3 actuel.
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.