El CMS ligero para sitios estáticos que tus clientes pueden editar.
Añade ColbeEdit a cualquier sitio HTML existente y ofrece a tus clientes una forma segura y controlada de actualizar textos e imágenes — sin WordPress, base de datos ni riesgo de romper el diseño.
Míralo en acción
ColbeEdit coloca los controles de edición directamente en la página activa, para que tus clientes trabajen sin aprender un panel CMS tradicional.
Bienvenidos a nuestro estudio
Creamos sitios web hermosos para empresas que quieren destacar en un mercado saturado.
Haz clic en texto editable. Escribe. Guarda.
Tu cliente ve un sutil botón de edición en cada contenido que marcaste como editable. Hace clic, escribe su cambio y pulsa guardar. La página se actualiza al instante — sin panel de administración, sin confusiones al publicar.
- 1 Marcas las áreas editables con
class="colbe-content" - 2 El cliente ve un editor en línea limpio, nada más
- 3 Los cambios se guardan directamente en el HTML — sin base de datos
Pasa el ratón, haz clic en Reemplazar, sube el archivo.
Cuando un cliente necesita actualizar una foto de equipo, imagen de producto o imagen principal, pasa el ratón sobre la imagen y hace clic en Reemplazar. ColbeEdit gestiona la subida y, cuando hay galerías, también actualiza la imagen enlazada del lightbox. Las fotos ya subidas se pueden reutilizar desde la biblioteca de medios integrada con búsqueda.
- 1 El cliente pasa el ratón sobre cualquier imagen editable
- 2 Sube un archivo nuevo o elige uno de la biblioteca
- 3 La imagen de la página y la del lightbox se actualizan juntas
Nunca recortes la parte equivocada.
Cuando un cliente reemplaza una imagen, puede arrastrar un Punto focal para indicarle a ColbeEdit qué parte de la foto importa más. En distintos tamaños de pantalla, el recorte se ajusta alrededor de ese punto — para que los rostros y los sujetos clave siempre sean visibles.
- 1 El cliente reemplaza una imagen
- 2 Arrastra un punto a la parte importante de la foto
- 3 Los recortes en escritorio, tableta y móvil lo respetan
Herramientas integradas que te ahorran horas por sitio
Más allá de la edición en línea, ColbeEdit incluye un pequeño conjunto de utilidades profesionales que se encargan de las partes aburridas de la entrega al cliente — optimización de imágenes, reutilización de medios y edición de páginas con elementos superpuestos.
Biblioteca de medios inteligente
Cada imagen subida queda en una biblioteca con buscador donde elegir — en vez de re-subir el mismo logo diez veces. Herramientas integradas muestran qué página usa cada imagen, borran de golpe todas las imágenes sin uso, renombran un archivo y reescriben automáticamente todas las referencias en cada página, y recortan en el servidor sin descargar nada. La limpieza fotográfica que antes exigía una sesión de FTP ahora se hace en treinta segundos.
Ver el video de demostraciónOptimiza a WebP — una imagen o todo el sitio
Convierte un JPG, PNG o GIF individual a WebP desde la biblioteca, o usa Optimizar todo para procesar todas las imágenes compatibles que siguen en uso. La conversión está disponible cuando el hosting ofrece GD o Imagick con soporte WebP — sin un plugin de optimización aparte.
Ver el video de demostraciónPunto focal y tamaño inteligente
Haz clic en cualquier imagen, arrastra la cruz dorada y la parte importante de la foto sigue visible por agresivo que sea el recorte responsive en el móvil. El mismo modal ajusta ancho y alto exactos, elige el modo object-fit (cover / contain / fill) y permite hacer zoom en la previsualización — perfecto para hero banners, retratos de equipo y cualquier imagen a la que el móvil siempre le corta la cara. Compatible con táctil: funciona también en iPad.
Panel de Ajustes y roles separados
Un panel de admin no técnico configura el modo de edición (auto-detección o explícito con colbe-content), carpeta de subida, duración de sesión, tamaño máximo y extensiones permitidas — sin tocar PHP. Contraseñas separadas de admin y cliente mantienen los ajustes y las acciones peligrosas fuera del alcance de los clientes, pero les permiten editar texto, cambiar imágenes y reorganizar widgets a su gusto. Una protección contra cierre con cambios sin guardar evita los desastres.
Modo Marcar
Cuando el modo Solo explícito está activo, el cliente solo puede editar los elementos marcados con la clase colbe-content. El modo Mark te permite añadir o quitar esta clase visualmente, directamente en la página — sin editar manualmente el código HTML. Úsalo para elegir exactamente qué partes de la página puede modificar el cliente, manteniendo bloqueado el resto del diseño.
Ver el video de demostraciónModo Aplanar
Activa la cruz, haz clic en cualquier elemento que esté tapando el texto que necesitas alcanzar — un overlay hero con posición absoluta, una capa decorativa, un banner fijo — y ColbeEdit elimina temporalmente su class, id y estilo en línea para que el contenido subyacente se pueda editar. Un clic restaura todo. El HTML guardado queda intacto.
Ver el video de demostraciónEditor de botones y enlaces
Al pasar el ratón sobre cualquier enlace aparece una pequeña pastilla Editar enlace. Un clic abre un modal donde el cliente puede cambiar el texto del botón, alternar el destino entre URL, Email, Teléfono o WhatsApp (guardado automáticamente como mailto: / tel: / wa.me/), marcar abrir en una pestaña nueva, dejar un mensaje de WhatsApp pre-rellenado o eliminar el enlace por completo. Se acabaron los tickets de «¿puedes cambiar mi botón de Contacto a un chat de WhatsApp?».
Texto alternativo — SEO de serie
Después de cada sustitución, ColbeEdit pide un breve texto alternativo — ya relleno con la descripción actual para mantenerla o afinarla. Una descripción clara mejora la accesibilidad para lectores de pantalla y ayuda a los buscadores a entender la imagen. «Omitir» deja intacto el texto anterior.
Ver el video de demostraciónSelector de página — navega entre todas las páginas desde la barra
El área del nombre de página en la barra de herramientas es ahora un menú desplegable que lista cada archivo .html del sitio, agrupado por subcarpeta. Salta directamente a editar cualquier página sin escribir una URL. Una guardia de cambios no guardados pregunta antes de salir.
Barra anclable — arriba, abajo, izquierda o derecha
Cuatro pequeños iconos al final de la barra permiten anclarla a cualquier borde de la pantalla. Arriba (por defecto) empuja el contenido hacia abajo y desplaza automáticamente cualquier cabecera fija o sticky del sitio. Izquierda/Derecha convierte la barra en una barra lateral de 190 px con botones apilados verticalmente. La posición se recuerda en localStorage.
Editar el enlace alrededor de una imagen de galería
Cuando una imagen está envuelta en un enlace (<a href>), la superposición de imagen muestra un tercer botón — 🔗 Enlace — junto a Reemplazar y Foco. Un clic abre el editor de enlaces para el ancla padre: cambia la URL, elige de la biblioteca multimedia o elimina el enlace, sin tocar la imagen.
Safe History — restaurar con un clic
Antes de cada Guardado, ColbeEdit copia la página con marca de tiempo en /colbeedit/backups/. El panel Safe History enumera cada versión, te permite previsualizar cualquiera de ellas en una pestaña nueva y restaurar la elegida con un clic — y la restauración misma crea primero una nueva instantánea, por lo que también es reversible. ¿El cliente borró un párrafo por error? Recuperado en cinco segundos.
Zonas de widgets autocontenidas
Sube un ZIP con HTML/CSS/JS e imágenes en cualquier punto de la página y ColbeEdit lo renderiza dentro de un iframe aislado — perfecto para una calculadora, un reproductor de vídeo, un mapa interactivo, un visor 3D o una pequeña isla Vue/React. Una barra de inserción luminosa coloca la zona exactamente entre dos secciones (Alt apunta al elemento padre), un botón de auto-ajuste dimensiona el iframe a su contenido, y un panel de Widgets acoplable a izquierda o derecha lista cada zona de la página para reordenar, reemplazar o eliminar rápidamente. ¿Necesitas un vídeo en lugar de un ZIP? Pega una URL de YouTube, Vimeo o un archivo .mp4 directo y ColbeEdit lo envuelve por ti. La barra al pasar el ratón ahora ofrece ancho (100%, 60%, 600px o auto) además del alto, para que un widget colocado entre dos columnas encaje perfectamente.
Navegación flexible — menú del sitio por arrastrar y soltar
Un nuevo botón 🧭 Nav en la barra de herramientas (solo admin) abre un panel que escanea cada página .html del sitio y permite construir el menú arrastrando las páginas a un árbol. Elige Barra de cabecera, Megamenú o Hamburguesa (izquierda/derecha), define una marca y los colores de acento, fondo y texto, suelta nodos arriba/en medio/abajo de una fila para reordenar o anidar, añade enlaces personalizados y activa un selector de idioma que lleva a cada visitante a la misma página en cada otro idioma — traducciones faltantes en gris. Guardado en colbeedit/nav.json (versión anterior respaldada en Safe History), propagado automáticamente a cada página al guardar, y renderizado en el sitio en vivo por un pequeño runtime colbeedit/nav.js — una sola etiqueta <script> con cache-buster, sin build. Un clic en Eliminar navegación de todas las páginas lo resetea todo.
Edición multilingüe — pensada para Suiza
ColbeEdit detecta versiones hermanas de la misma página (index.html, de/index.html, fr/index.html, it/index.html — DE / FR / IT / ES / PT / NL y más) y añade un selector de bandera a la barra: elige Edit Deutsch, Edit Français, Edit Italiano y salta directo a editar esa versión. Un panel Traducir compara la página actual con un idioma fuente, marca cada bloque como OK / Igual al original / Vacío / Marcado, copia el texto del idioma principal con un clic y permite etiquetar bloques como requiere traducción — persistente entre guardados con un sutil contorno discontinuo en la página. Los administradores también disponen de + Crear traducción en el menú de idiomas: un clic copia la página actual a la carpeta de idioma correcta, reescribe automáticamente las rutas relativas (para que carpetas compartidas como images/ o css/ sigan funcionando desde la subcarpeta) y marca de inmediato cada bloque editable como pendiente, para que el panel resalte exactamente qué falta traducir. El panel se actualiza tras cada guardado. ¿Añadiste un widget nuevo al original después de traducir? Un clic en ↻ Re-sync Deutsch from English del menú de idiomas reconstruye la copia alemana a partir de la página inglesa actual (la versión previa va antes a Safe History — no se pierde nada), con cada bloque vuelto a marcar como pendiente de traducir. Sin plugins, sin base de datos.
Compatible con galerías y lightbox
ColbeEdit detecta galerías al estilo HTML5UP, bloquea los disparos accidentales del lightbox mientras editas e inyecta al guardar un pequeño parche para que el lightbox siga funcionando con los nuevos archivos WebP — sin modificar el JavaScript de tu plantilla.
Guardados con copia de seguridad y recarga automática
Antes de sobrescribir una página, ColbeEdit crea una copia con marca de tiempo. Cuando se usan herramientas como Aplanar, el editor se recarga tras guardar y muestra la versión recién escrita.
Despliega en minutos, no en horas
Sin CLI, npm ni base de datos. Sube el paquete, da permisos de escritura a sus carpetas de trabajo y ColbeEdit estará listo.
Marca las áreas editables
Añade class="colbe-content" a los elementos HTML que tu cliente podrá editar. Eso es todo. Todo lo demás permanece bloqueado. También puedes marcar o desmarcar áreas más tarde con la herramienta visual Mark.
Your headline here
</h1>
Sube los archivos por FTP
Sube el paquete ColbeEdit a un hosting que cumpla los requisitos del servidor: PHP 7.4+, las extensiones necesarias, HTTPS, soporte para reglas de seguridad y permisos de escritura. Sin base de datos, npm install ni compilación.
Entrega la URL de edición
Envía a tu cliente una sola URL. Inicia sesión con una contraseña sencilla y la edición está lista — directamente en la página que ve todos los días. Sin panel. Sin configuraciones que salgan mal.
→ El cliente está listo para editar
Tu plantilla. Tus reglas.
ColbeEdit funciona con HTML/CSS/JS estándar y está diseñado para conservar tu maquetación, lightboxes, animaciones y carruseles.
Cualquier plantilla estática
Funciona con HTML5UP, plantillas de ThemeForest, HTML codificado a mano y cualquier cosa que sea HTML/CSS/JS estándar. Sin motor de plantillas que aprender.
Una clase para activarlo
Añade class="colbe-content" a los elementos que tu cliente puede editar. Todo lo demás permanece protegido.
Despliega en minutos
Sube el paquete ColbeEdit por FTP. Sin base de datos, CLI ni compilación. La compatibilidad depende de las extensiones PHP necesarias, HTTPS, el soporte para reglas de seguridad y los permisos de escritura; comprueba primero el hosting.
Edición segura para clientes
Los clientes editan únicamente el contenido y las herramientas que habilitas. Los archivos de plantilla, el CSS y los permisos siguen bajo tu control.
Entrega white-label
No se inyecta ninguna marca visible de ColbeEdit en el sitio de tu cliente. El editor es tuyo para presentar como parte de tu servicio.
Creado para frontends existentes
ColbeEdit está diseñado para convivir con lightboxes, animaciones de scroll, carruseles y galerías habituales, conservando la estructura visual del sitio.
Como editar un documento.
Sin panel de administración. Sin menús de configuración. Sin flujo de publicación. Solo haz clic en lo que quieres cambiar, cámbialo y guarda.
Clic, escribe, guarda
Edita el texto directamente en la página. Haz clic en cualquier área editable, escribe tu cambio y pulsa guardar. Lo que ves es lo que ven los visitantes.
Reemplaza fotos fácilmente
Pasa el ratón sobre una imagen, haz clic en Reemplazar y sube tu nuevo archivo. Sin redimensionar, sin FTP, sin llamar al desarrollador.
Control del Punto focal
Arrastra un punto para marcar la parte más importante de una foto. ColbeEdit se asegura de que sea visible en cualquier tamaño de pantalla.
Sin confusiones al publicar
Lo que guardas es lo que ven los visitantes — al instante. No hay flujo de borradores/publicación, ni cola de aprobación, ni entorno de staging.
Funciona en teléfono y tableta
ColbeEdit está diseñado para ediciones sencillas también en dispositivos táctiles. Actualiza el horario de apertura desde tu teléfono, en cualquier momento.
Nada que romper
Editas únicamente el contenido y las herramientas que habilitó tu diseñador. La plantilla y el CSS quedan fuera del flujo de edición normal.
«Como editar un documento. Solo hago clic en el texto, lo cambio y guardo. No he tenido que llamar a mi diseñador en meses.»— Así describirán ColbeEdit tus clientes
ColbeEdit vs WordPress
para sitios estáticos pequeños
ColbeEdit no es un reemplazo de WordPress para blogs, tiendas o sitios dinámicos. Es intencionalmente pequeño — y ese es el punto.
| Feature |
ColbeEdit
Recomendado para sitios pequeños
|
WordPress |
|---|---|---|
| Base de datos | ✓ Ninguna necesaria — el contenido se guarda en el propio archivo HTML | ✗ MySQL/MariaDB requerido en cada host |
| Hosting | ✓ Hosting compatible con PHP 7.4+, las extensiones necesarias, HTTPS, reglas de seguridad y permisos de escritura | Requiere base de datos, más RAM y actualizaciones periódicas del servidor |
| Velocidad de página | ✓ HTML estático listo para CDN y fácil de optimizar para Core Web Vitals | PHP dinámico + base de datos a menos que esté completamente en caché con plugins adicionales |
| Interfaz del cliente | ✓ Solo los botones que tu cliente necesita — nada más visible | Área de administración completa con menús, plugins, ajustes y opciones que los clientes no necesitan |
| Mantenimiento | ✓ Sube una vez, actualiza solo cuando tú lo eliges | El núcleo, los temas y los plugins necesitan actualizaciones continuas para mantenerse seguros |
| Superficie de seguridad | ✓ Sin base de datos, sin login público /wp-admin, guardados protegidos con CSRF | Gran ecosistema — Patchstack registró 7.966 vulnerabilidades publicadas en 2024; el 96% afectó a plugins |
| Ideal para | ✓ Sitios de presentación, portfolios, restaurantes, landing pages, negocios locales | Blogs, tiendas, membresías, sistemas de reservas, sitios dinámicos complejos |
| Modelo de precio | ✓ CHF 49 pago único, licencia vitalicia | Núcleo gratuito, pero hosting, temas premium y plugins suman mensualmente |
Nota honesta: ColbeEdit no es para blogs con cientos de entradas, comercio electrónico, áreas de miembros, sistemas de reservas ni sitios web complejos basados en bases de datos. Para eso, WordPress o un CMS completo es la herramienta adecuada. ColbeEdit es para los muchos sitios estáticos pequeños y elegantes donde la simplicidad y el bajo mantenimiento importan más que las funcionalidades dinámicas — y para diseñadores que están cansados de actualizar plugins.
Compra una vez. Úsa siempre.
Sin suscripción. Una licencia por dominio — un único pago activa ColbeEdit permanentemente en ese sitio.
Pago único · Sin suscripción · Sin renovación
- ✓ Una licencia por dominio — compra una por sitio de cliente
- ✓ Edición de texto en línea — clic, escribe, guarda
- ✓ Reemplazo de imágenes con soporte de lightbox
- ✓ Control de Punto focal para recorte inteligente
- ✓ Soporte de tiles con background-image
- ✓ Guardados y subidas protegidos con CSRF
- ✓ White-label — sin marca ColbeEdit en los sitios de clientes
- ✓ Funciona en hosting con PHP 7.4+ que cumpla los requisitos del servidor publicados
- ✓ Sin base de datos requerida
- ✓ Sin cuota de licencia recurrente
¿Aún no te decides? Prueba ColbeEdit gratis durante 24 horas →
Introduce tu correo y confirma el enlace de un solo uso para crear una demo privada — sin instalación ni pago. La demo se elimina después de 24 horas.
Preguntas frecuentes
Todo lo que necesitas saber antes de decidir si ColbeEdit encaja en tu flujo de trabajo.
class="colbe-content" a los elementos que quieras hacer editables. No se requiere motor de plantillas ni estructura especial.Haz que tu próximo sitio estático sea editable por tus clientes en minutos.
Compra ColbeEdit una vez, súbelo a un hosting PHP compatible y ofrece a tu cliente una edición sencilla y enfocada — sin WordPress, base de datos ni entregar toda la plantilla.