Il CMS leggero per siti statici che i tuoi clienti possono modificare.
Aggiungi ColbeEdit a qualsiasi sito HTML esistente e offri ai clienti un modo sicuro e controllato per aggiornare testi e immagini — senza WordPress, database o il rischio di compromettere il design.
Guarda come funziona
ColbeEdit posiziona i controlli direttamente sulla pagina live, così i clienti possono lavorare senza imparare un tradizionale pannello CMS.
Benvenuti nel nostro studio
Creiamo siti web unici per le aziende che vogliono distinguersi in un mercato competitivo.
Clicca su un testo modificabile. Scrivi. Salva.
Il tuo cliente vede un discreto pulsante di modifica su ogni contenuto che hai contrassegnato come modificabile. Fa clic, inserisce la modifica e salva. La pagina viene aggiornata istantaneamente — nessun pannello admin, nessuna confusione.
- 1 Contrassegni le aree modificabili con
class="colbe-content" - 2 Il cliente vede un editor inline pulito, nient'altro
- 3 Le modifiche si salvano direttamente nell'HTML — nessun database
Passa il cursore, clicca Sostituisci, carica.
Quando un cliente deve aggiornare una foto del team, un'immagine del prodotto o uno scatto hero, passa il cursore sull'immagine e clicca Sostituisci. ColbeEdit gestisce il caricamento e, nelle gallerie, aggiorna anche l'immagine collegata della lightbox. Le foto già caricate possono essere riutilizzate dalla libreria media integrata e ricercabile.
- 1 Il cliente passa il cursore su un'immagine modificabile
- 2 Carica un nuovo file oppure ne sceglie uno dalla libreria
- 3 L'immagine della pagina e quella della lightbox vengono aggiornate insieme
Non tagliare mai la parte sbagliata.
Quando un cliente sostituisce un'immagine, può trascinare un Punto focale per indicare a ColbeEdit quale parte della foto è più importante. A diverse dimensioni dello schermo, il ritaglio si adatta attorno a quel punto — così i volti e i soggetti principali rimangono sempre visibili.
- 1 Il cliente sostituisce un'immagine
- 2 Trascina un punto sulla parte importante della foto
- 3 I ritagli per desktop, tablet e mobile lo rispettano tutti
Strumenti integrati che fanno risparmiare ore per ogni sito
Oltre alla modifica in-place, ColbeEdit include un piccolo set di utility da designer che si occupano delle parti noiose della consegna al cliente — ottimizzazione delle immagini, riuso dei media e modifica di pagine con elementi sovrapposti.
Libreria media intelligente
Ogni immagine caricata finisce in una libreria ricercabile da cui scegliere — invece di ricaricare lo stesso logo dieci volte. Strumenti integrati mostrano quale pagina usa quale immagine, cancellano in blocco tutte le immagini non usate, rinominano un file e riscrivono automaticamente ogni riferimento in tutte le pagine, e ritagliano lato server senza scaricare nulla. La pulizia foto che richiedeva una sessione FTP ora dura trenta secondi.
Guarda il video demoOttimizza in WebP — un'immagine o tutto il sito
Converti un singolo JPG, PNG o GIF in WebP dalla libreria, oppure usa Ottimizza tutto per elaborare tutte le immagini compatibili ancora in uso. La conversione è disponibile quando l'hosting offre GD o Imagick con supporto WebP — senza un plugin di ottimizzazione separato.
Guarda il video demoPunto focale e ridimensionamento intelligente
Clicca su una qualsiasi immagine, trascina il mirino dorato e la parte importante della foto rimane visibile per quanto aggressivo sia il ritaglio responsivo su mobile. Lo stesso modal imposta larghezza e altezza esatte, sceglie una modalità object-fit (cover / contain / fill) e zooma l’anteprima — perfetto per hero banner, ritratti di team e qualunque immagine a cui il telefono taglia sempre la faccia. Funziona anche al tocco: pronto per iPad.
Pannello Impostazioni e ruoli separati
Un pannello di amministrazione non tecnico configura modalità di editing (auto-rilevamento o esplicito con colbe-content), cartella di upload, durata della sessione, dimensione massima dei file ed estensioni consentite — senza modificare PHP. Password separate admin e cliente tengono impostazioni e operazioni pericolose fuori portata dei clienti, lasciandoli liberi di modificare testi, sostituire immagini e riorganizzare widget. Una protezione contro la chiusura con modifiche non salvate evita i disastri.
Modalità Mark
Quando la modalità Solo esplicita è attiva, il cliente può modificare solo gli elementi contrassegnati con la classe colbe-content. La modalità Mark ti permette di aggiungere o rimuovere questa classe visivamente, direttamente sulla pagina — senza modificare manualmente il codice HTML. Usala per scegliere esattamente quali parti della pagina il cliente può modificare, mantenendo bloccato il resto del design.
Guarda il video demoModalità Appiattisci
Attiva il mirino, clicca qualsiasi elemento che stia coprendo il testo che ti serve — un overlay hero in posizione assoluta, un livello decorativo, un banner sticky — e ColbeEdit rimuove temporaneamente class, id e stile inline così il contenuto sottostante diventa modificabile. Un clic ripristina tutto. L'HTML salvato resta intatto.
Guarda il video demoEditor di pulsanti e link
Passando il mouse su un link compare una piccola pillola Modifica link. Un clic apre un modale in cui il cliente può cambiare il testo del pulsante, scegliere la destinazione tra URL, Email, Telefono o WhatsApp (salvata automaticamente come mailto: / tel: / wa.me/), attivare apri in una nuova scheda, pre-compilare un messaggio WhatsApp o rimuovere del tutto il link. Basta ticket del tipo «puoi cambiare il pulsante Contatti in una chat WhatsApp?».
Testo alternativo — SEO incluso
Dopo ogni sostituzione, ColbeEdit chiede un breve testo alternativo — precompilato con la descrizione attuale per mantenerla o rifinirla. Una descrizione chiara migliora l’accessibilità per gli screen reader e aiuta i motori di ricerca a comprendere l’immagine. «Ignora» lascia invariato il testo precedente.
Guarda il video demoSelettore di pagina — naviga tra tutte le pagine dalla toolbar
L’area del nome pagina nella toolbar è ora un menù a discesa che elenca ogni file .html del sito, raggruppato per sottocartella. Passa direttamente all’editing di un’altra pagina senza digitare un URL. Una guardia sulle modifiche non salvate avvisa prima di lasciare la pagina.
Toolbar ancorable — in alto, in basso, a sinistra o a destra
Quattro piccole icone alla fine della toolbar permettono di ancorarla a qualsiasi bordo dello schermo. In alto (impostazione predefinita) spinge il contenuto verso il basso e sposta automaticamente qualsiasi intestazione fissa o sticky del sito. Sinistra/Destra trasforma la toolbar in una barra laterale di 190 px con pulsanti impilati verticalmente. La posizione viene ricordata in localStorage.
Modifica il link attorno a un’immagine di galleria
Quando un’immagine è racchiusa in un link (<a href>), l’overlay immagine mostra un terzo pulsante — 🔗 Link — accanto a Sostituisci e Messa a fuoco. Un clic apre l’editor di link per l’ancora genitore: cambia l’URL, scegli dalla libreria multimediale o rimuovi il link, senza toccare l’immagine.
Safe History — ripristino con un clic
Prima di ogni Salvataggio, ColbeEdit copia la pagina con marca temporale in /colbeedit/backups/. Il pannello Safe History elenca tutte le versioni, ti consente di vederne l'anteprima in una nuova scheda e di ripristinare quella scelta con un clic — e il ripristino stesso crea prima un nuovo snapshot, quindi è reversibile. Il cliente ha cancellato un paragrafo per errore? Recuperato in cinque secondi.
Zone widget autonome
Carica uno ZIP di HTML/CSS/JS e immagini in qualunque punto della pagina: ColbeEdit lo mostra in un iframe in sandbox — perfetto per una calcolatrice, un video player, una mappa interattiva, un visualizzatore 3D o una piccola isola Vue/React. Una barra di inserimento luminosa colloca la zona esattamente fra due sezioni (Alt prende di mira l'elemento genitore), un pulsante di auto-adattamento dimensiona l'iframe in base al contenuto, e un pannello Widgets ancorabile a sinistra o a destra elenca ogni zona della pagina per riordinarla, sostituirla o rimuoverla rapidamente. Serve un video invece di uno ZIP? Incolla un URL YouTube, Vimeo o un file .mp4 diretto e ColbeEdit lo incapsula per te. La barra al passaggio del mouse ora espone sia la larghezza (100%, 60%, 600px o auto) sia l’altezza, così un widget incastrato fra due colonne entra esattamente nello spazio.
Navigazione flessibile — menu del sito con drag-and-drop
Un nuovo pulsante 🧭 Nav nella toolbar (solo admin) apre un pannello che scansiona ogni pagina .html del sito e permette di costruire il menu trascinando le pagine in un albero. Scegli Barra superiore, Megamenu o Hamburger (sinistra/destra), imposta un’etichetta del brand e i colori di accento, sfondo e testo, rilascia i nodi in alto/al centro/in basso di una riga per riordinare o annidare, aggiungi link personalizzati e attiva uno switch lingua che porta ogni visitatore alla stessa pagina in ogni altra lingua — traduzioni mancanti in grigio. Salvato in colbeedit/nav.json (versione precedente salvata in Safe History), propagato automaticamente a ogni pagina al salvataggio, e renderizzato sul sito live da un piccolo runtime colbeedit/nav.js — un solo tag <script> con cache-buster, nessuna build. Un clic su Rimuovi navigazione da tutte le pagine azzera tutto.
Modifica multilingue — pensata per la Svizzera
ColbeEdit individua le versioni gemelle della stessa pagina (index.html, de/index.html, fr/index.html, it/index.html — DE / FR / IT / ES / PT / NL e altre) e aggiunge un menu a bandiera nella barra: scegli Edit Deutsch, Edit Français, Edit Italiano per passare subito alla modifica di quella lingua. Un pannello Traduci dedicato confronta la pagina attuale con una lingua sorgente, classifica ogni blocco come OK / Uguale alla sorgente / Vuoto / Contrassegnato, copia il testo dalla lingua principale con un clic e permette di contrassegnare blocchi come da tradurre — persistente tra i salvataggi con un discreto bordo tratteggiato sulla pagina. Gli amministratori hanno inoltre + Crea traduzione nel menu lingue: un clic copia la pagina attuale nella cartella lingua corretta, riscrive automaticamente i percorsi relativi (così cartelle condivise come images/ o css/ continuano a funzionare dalla sottocartella) e contrassegna subito ogni blocco modificabile come da tradurre, così il pannello evidenzia esattamente cosa fare. Il pannello si aggiorna automaticamente dopo ogni salvataggio. Hai aggiunto un nuovo widget all’originale dopo la traduzione? Un clic su ↻ Re-sync Deutsch from English nel menu delle lingue ricostruisce la copia tedesca dalla pagina inglese attuale (la versione precedente finisce prima in Safe History — nulla va perso), con ogni blocco nuovamente contrassegnato come da tradurre. Senza plugin, senza database.
Compatibile con gallerie e lightbox
ColbeEdit riconosce le gallerie in stile HTML5UP, blocca le aperture accidentali del lightbox durante la modifica e al salvataggio inietta una piccola patch perché il lightbox continui a funzionare con i nuovi file WebP — senza modificare il JavaScript del tuo template.
Salvataggi con backup & ricarica automatica
Prima di sovrascrivere una pagina, ColbeEdit crea un backup con data e ora. Quando si usano strumenti come Appiattisci, l'editor si ricarica dopo il salvataggio e mostra la versione appena scritta.
Deploy in pochi minuti, non ore
Nessuna CLI, npm o configurazione del database. Carica il pacchetto, abilita la scrittura nelle cartelle di lavoro e ColbeEdit è pronto.
Contrassegna le aree modificabili
Aggiungi class="colbe-content" agli elementi HTML che il tuo cliente potrà modificare. Tutto il resto rimane bloccato. Puoi anche contrassegnare o rimuovere il contrassegno in seguito con lo strumento visivo Mark.
Your headline here
</h1>
Carica i file via FTP
Carica il pacchetto ColbeEdit su un hosting che soddisfi i requisiti del server: PHP 7.4+, le estensioni richieste, HTTPS, supporto per le regole di sicurezza e permessi di scrittura. Nessun database, npm install o build.
Consegna l'URL di modifica
Invia al tuo cliente un singolo URL. Si collega con una semplice password e la modifica è attiva — direttamente sulla pagina che vede ogni giorno. Nessuna dashboard. Nessuna impostazione da sbagliare.
→ Client is ready to edit
Il tuo template. Le tue regole.
ColbeEdit funziona con HTML/CSS/JS standard ed è progettato per preservare layout, lightbox, animazioni e caroselli esistenti.
Qualsiasi template statico
Funziona con HTML5UP, template ThemeForest, Envato o layout HTML scritti a mano. Nessun template engine da imparare.
Una classe per attivare
Aggiungi class="colbe-content" agli elementi che il cliente potrà modificare. Tutto il resto rimane protetto.
Deploy in pochi minuti
Carica il pacchetto ColbeEdit via FTP. Nessun database, CLI o build. La compatibilità dipende dalle estensioni PHP richieste, da HTTPS, dal supporto per le regole di sicurezza e dai permessi di scrittura: verifica prima l’hosting.
Modifica sicura per il cliente
I clienti modificano solo i contenuti e gli strumenti che abiliti. File del template, CSS e permessi restano sotto il tuo controllo.
Consegna white-label
Nessun branding ColbeEdit visibile viene iniettato nel sito del tuo cliente. L'editor è tuo da presentare come parte del tuo servizio.
Progettato per frontend esistenti
ColbeEdit è progettato per convivere con lightbox, animazioni di scorrimento, caroselli e gallerie comuni, preservando la struttura visiva del sito.
Come modificare un documento.
Nessuna dashboard admin. Nessun menu impostazioni. Nessun flusso di pubblicazione. Clicca su quello che vuoi cambiare, aggiornalo e salva.
Clicca, scrivi, salva
Modifica il testo direttamente sulla pagina. Clicca su un'area modificabile, digita la modifica e premi salva. Quello che vedi è quello che vedono i visitatori.
Sostituisci le foto facilmente
Passa il cursore su un'immagine, clicca Sostituisci e carica il nuovo file. Nessun ridimensionamento, nessun FTP, nessuna chiamata allo sviluppatore.
Controllo del Punto focale
Trascina un punto per contrassegnare la parte più importante di una foto. ColbeEdit fa in modo che rimanga visibile a ogni dimensione dello schermo.
Nessuna confusione di pubblicazione
Quello che salvi è quello che vedono i visitatori — istantaneamente. Non c'è flusso bozza/pubblicazione, nessuna coda di approvazione, nessun ambiente di staging.
Funziona su telefono e tablet
ColbeEdit è progettato anche per semplici modifiche su dispositivi touch. Aggiorna gli orari di apertura dal tuo telefono, in qualsiasi momento.
Niente da rompere
Modifichi solo i contenuti e gli strumenti abilitati dal designer. Il template e il CSS restano fuori dal normale flusso di modifica.
“Come modificare un documento. Clicco sul testo, lo cambio e salvo. Non ho dovuto chiamare il mio designer da mesi.”— Come i tuoi clienti descriveranno ColbeEdit
ColbeEdit vs WordPress
per piccoli siti statici
ColbeEdit non è un sostituto di WordPress per blog, negozi o siti dinamici. È intenzionalmente piccolo — ed è proprio questo il punto.
| Funzionalità |
ColbeEdit
Consigliato per piccoli siti
|
WordPress |
|---|---|---|
| Database | ✓ Nessuno richiesto — il contenuto si salva direttamente nel file HTML | ✗ MySQL/MariaDB richiesto su ogni host |
| Hosting | ✓ Hosting PHP 7.4+ compatibile con le estensioni richieste, HTTPS, regole di sicurezza e permessi di scrittura | Richiede database, più RAM e aggiornamenti server regolari |
| Velocità pagina | ✓ L'HTML statico è pronto per CDN e facile da ottimizzare per Core Web Vitals | PHP dinamico + database a meno che non sia completamente in cache con plugin extra |
| Interfaccia cliente | ✓ Solo i pulsanti di cui il cliente ha bisogno — nient'altro visibile | Area admin completa con menu, plugin, impostazioni e opzioni che i clienti non usano |
| Manutenzione | ✓ Carica una volta, aggiorna solo quando vuoi | Core, temi e plugin richiedono aggiornamenti continui per restare sicuri |
| Superficie di attacco | ✓ Nessun database, nessun login /wp-admin pubblico, salvataggi protetti CSRF | Ecosistema ampio — Patchstack ha registrato 7.966 vulnerabilità pubblicate nel 2024; il 96% riguardava plugin |
| Adatto per | ✓ Siti brochure, portfolio, ristoranti, landing page, attività locali | Blog, negozi, membership, prenotazioni, siti dinamici complessi |
| Modello di prezzo | ✓ CHF 49 una tantum, licenza a vita | Core gratuito, ma hosting, temi premium e plugin si accumulano ogni mese |
Nota onesta: ColbeEdit non è adatto per blog con centinaia di articoli, e-commerce, aree riservate, sistemi di prenotazione o siti web complessi basati su database. Per quelli, WordPress o un CMS completo è lo strumento giusto. ColbeEdit è per i tanti piccoli siti statici ed eleganti dove la semplicità e la bassa manutenzione contano più delle funzionalità dinamiche — e per i designer che sono stanchi degli aggiornamenti dei plugin.
Acquista una volta. Usa per sempre.
Nessun abbonamento. Una licenza per dominio — un unico pagamento attiva ColbeEdit in modo permanente su quel sito.
Pagamento unico · Nessun abbonamento · Nessun rinnovo
- ✓ Una licenza per dominio — acquista una per ogni sito cliente
- ✓ Modifica testo inline — clicca, scrivi, salva
- ✓ Sostituzione immagini con supporto lightbox
- ✓ Controllo Punto focale per ritaglio intelligente
- ✓ Supporto tile background-image CSS
- ✓ Salvataggi e upload protetti CSRF
- ✓ White-label — nessun branding ColbeEdit sui siti cliente
- ✓ Funziona su hosting PHP 7.4+ che soddisfa i requisiti del server pubblicati
- ✓ Nessun database richiesto
- ✓ Nessun costo di licenza ricorrente
Non sei ancora sicuro? Prova ColbeEdit gratis per 24 ore →
Inserisci la tua e-mail e conferma il link monouso per creare una demo privata — senza installazione né pagamento. La demo viene eliminata dopo 24 ore.
Domande frequenti
Tutto quello che devi sapere prima di decidere se ColbeEdit si adatta al tuo flusso di lavoro.
class="colbe-content" agli elementi che vuoi rendere modificabili. Non è richiesto nessun template engine o struttura speciale.Rendi il tuo prossimo sito statico modificabile dai clienti in pochi minuti.
Acquista ColbeEdit una volta, caricalo su un hosting PHP compatibile e offri al cliente un'esperienza di modifica semplice e mirata — senza WordPress, database o consegnare l'intero template.