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.
Basic incluye las herramientas de edición habituales que aparecen abajo. Navegación, Multilingüe / Traducir y Privacidad y consentimiento de cookies pertenecen a Advanced; las zonas y adaptadores de widgets al Widget Pack.
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ónWebP para páginas más ligeras y rápidas de cargar
Ayuda a que las imágenes compatibles carguen menos datos: convierte manualmente una imagen JPEG o PNG a WebP desde la biblioteca de medios, o usa Optimizar todo para procesar las imágenes JPEG/PNG compatibles que sigan en uso. Los originales se conservan y los GIF nunca se ofrecen para conversión. Los controles aparecen solo cuando el hosting ofrece GD o Imagick con soporte WebP — sin necesidad de un plugin de optimización aparte.
Ver el video de demostraciónPunto focal y tamaño inteligente
Haz clic en una imagen y arrastra el punto de mira dorado para mantener visible la zona importante aunque el diseño recorte con fuerza. La misma ventana controla ancho y alto exactos, vista previa y zoom, y los cinco modos object-fit: cover, contain, fill, none y scale-down. Aplica o restablece el resultado directamente, con soporte de puntero y táctil en escritorio y tableta.
Panel de Ajustes y roles separados
Un panel de administración claro configura el modo de edición (Auto o Explícito con colbe-content), la carpeta de subida, la duración de sesión, el tamaño máximo y las extensiones permitidas — sin modificar PHP. Contraseñas separadas de admin y cliente mantienen Ajustes, cambios de contraseña y operaciones destructivas fuera del alcance del cliente, concediendo solo las herramientas permitidas para su rol. Un aviso protege frente al cierre de una pestaña con cambios sin guardar.
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 uso de Guardar cambios, 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. Disponible solo en el Widget Pack separado para el mismo dominio con licencia Basic.
Adaptador para Slider Revolution 7. Para un ZIP de exportación SR7 compatible, el diseñador ejecuta la importación y el preflight y después elige qué propiedades compatibles de texto sin formato, imagen de fondo y autoplay puede editar el cliente. Un manifiesto del servidor registra esa autorización, por lo que el cliente solo ve las propiedades seleccionadas. Slider Revolution conserva el control de la estructura, el comportamiento responsive, las timelines, las animaciones, los efectos y la configuración avanzada. El renderizado permanece aislado en una sandbox y el navegador no puede elegir rutas internas ni ajustes arbitrarios. Slider Revolution 7 y su licencia no están incluidos.
Ver el video de demostraciónNavegació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. Disponible solo en el producto separado ColbeEdit Advanced para el mismo dominio con licencia Basic.
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. Esta función está disponible solo en el producto separado ColbeEdit Advanced para el mismo dominio con licencia Basic y sigue sin requerir base de datos.
Privacidad y consentimiento de cookies
Añade un banner de consentimiento multilingüe con Aceptar, Rechazar y Preferencias, y clasifica por categoría los scripts y recursos de seguimiento no esenciales gestionados. Permanecen bloqueados antes del consentimiento y solo se activan después de la elección correspondiente. La configuración técnica sigue bajo control del diseñador, con Pausa, Reanudar, reconciliación y desinstalación segura. La elección se guarda en el navegador como dato first-party y no requiere base de datos. Son controles técnicos de consentimiento, no una garantía de cumplimiento legal. Disponible solo en ColbeEdit Advanced para el mismo dominio con licencia Basic.
Compatible con galerías y lightbox
ColbeEdit detecta galerías al estilo HTML5UP, bloquea aperturas accidentales del lightbox durante la edición y mantiene coherentes la miniatura y la imagen grande del lightbox cuando se reemplaza una imagen — sin reescribir el JavaScript de la plantilla ni prometer conversión WebP automática.
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.
Pensado para escritorio, listo para tablet
ColbeEdit está diseñado principalmente para escritorio, con una barra responsive práctica y soporte para tablet y táctil. No se promete un flujo de edición completo pensado primero para teléfono.
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 | Ecosistema y superficie de mantenimiento mayores; la seguridad depende de actualizar a tiempo el núcleo, los temas y los 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.
Empieza con ColbeEdit Basic y añade Advanced, Widget Pack o ambos para el mismo dominio con licencia.
Pago único · Sin suscripción
Un dominio con licencia.
- ✓ Edición y formato completos del contenido
- ✓ Herramientas de imagen, biblioteca y texto alt
- ✓ Mark, Flatten, Focus Point & Size
- ✓ Editor completo de enlaces y botones-enlace
- ✓ Safe History, permisos y copias
¿Aún no estás seguro? Prueba ColbeEdit Basic durante 24 h en la demo alojada →
Incluye solo ColbeEdit Basic — Advanced y Widget Pack no están incluidos.
Pago único · Sin suscripción
Mismo dominio con licencia. Requiere ColbeEdit Basic.
- ✓ Navigation builder
- ✓ Multilanguage / Translate
- ✓ Privacidad y consentimiento de cookies
Pago único · Sin suscripción
Mismo dominio con licencia. Requiere ColbeEdit Basic.
- ✓ Zonas de widgets y framework Widget Adapter
- ✓ Edición controlada de widgets
- ✓ Compatibilidad con Slider Revolution 7
- ✓ Importación y preflight SR7
- ✓ Campos controlados por manifiesto
Slider Revolution no está incluido.
Obtén Widget PackCrea la configuración que necesitas
Pago único. Un dominio con licencia. Sin suscripción.
| Configuración | Precio |
|---|---|
| Basic | CHF 49 |
| Basic + Advanced | CHF 98 |
| Basic + Widget Pack | CHF 98 |
| Basic + Advanced + Widget Pack | CHF 147 |
Los totales son la suma matemática de tres productos separados; no se crea ningún nuevo bundle SKU. Las licencias usan el formato COLBE3 actual.
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.