Editor CSS instantáneo para PrestaShop, WordPress, Shopify...
y todos los demás CMS, sitios web y aplicaciones
Como un artista: ajusta, guarda y continúa.
Sin necesidad de transferir ni recargar la página.
Pruébalo en tu sitio web: 1 h de prueba gratuita, sin tarjeta de crédito
Cómo funciona: tres pasos
Sin paso de compilación, sin pipeline de despliegue, sin compilación de CSS. El editor funciona sobre la página tal como la ven tus visitantes.
Instalar
Añade el módulo, plugin o app para tu plataforma, o un único snippet de arranque en cualquier sitio. El asistente de instalación comprueba tu entorno por ti.
Haz clic y ajusta
Haz clic en cualquier elemento de tu página: sus reglas se abren con el selector adecuado para cada valor. La vista previa es en directo y con antirrebote, nada se escribe todavía.
Guardar de verdad
Pulsa Guardar: el archivo CSS de tu servidor se actualiza de forma atómica, con copias .orig y .bak. Tus visitantes ven tu sitio exactamente como lo hiciste: el editor nunca se carga para ellos.
¡Deja de editar CSS a ciegas!
Un verdadero editor visual: cada valor tiene la herramienta adecuada. Cada tarjeta de abajo está diseñada por un archivo que puedes editar ahora mismo.
Propiedades CSS, actualizadas (2026)
El esquema integrado se regenera a partir de los datos de MDN & webref: sintaxis formal, compatibilidad con navegadores, ayuda por propiedad y enlaces a la documentación. ¿Propiedad desconocida? Aun así obtiene un campo.
En TU stack
- PrestaShop - módulo listo, escribe el archivo CSS del tema con copias de seguridad
- WordPress - plugin nativo, escribe el CSS del tema activo con copias de seguridad
- Shopify - app nativa, instalación OAuth, CSS en los metacampos de la tienda
- Cualquier sitio - ZIP independiente
Sin riesgo
La vista previa en directo tiene antirrebote, el deshacer/rehacer retrocede 100 pasos por archivo y nada se escribe hasta que pulsas Guardar. En el servidor, las copias .orig y .bak garantizan una vuelta atrás.
Cada valor tiene la herramienta adecuada
Selector de color, degradados con controles sobre el propio elemento, selector de fuentes, curvas de aceleración, formas clip-path, editor de línea de tiempo @keyframes, perspectiva 3D arrastrada con el ratón. Incluso un modo de ventana emergente en una segunda pantalla.
Selección con apuntar y hacer clic
Haz clic en cualquier elemento de la página: las reglas correspondientes se filtran para ti. Se acabó adivinar selectores.
Visual <-> Código fuente
Cambia cualquier archivo a una vista de código CodeMirror con autoguardado, y vuelve al modo visual con un solo paso de deshacer.
Multiarchivo, multi-todo
Hojas de estilo apiladas con estado de modificación e historial por archivo, portapapeles interno, arrastrar y soltar, multiselección, y un inventario de tus variables, fuentes y colores.
Cero dependencias
Vanilla JS, sin framework, sin jQuery, sin paso de compilación. Un ZIP, un fragmento bootstrap, y el asistente de instalación comprueba tu entorno por ti.
Modo de dos columnas, en orden DOM
Los archivos siempre se listan en orden DOM, el orden en que la cascada los aplica. Cambia a dos columnas y arrastra reglas o propiedades de un archivo a otro para reorganizar tu CSS en lugar de eliminarlo.
Tu trabajo sigue siendo tuyo
Pago único, sin suscripción forzada. Exporta tu CSS en cualquier momento (copiar o descargar .css, incluso en solo lectura). Tras la prueba, tus estilos guardados permanecen aplicados para siempre: nunca tomamos tu sitio como rehén.
Bajo el capó: qué ocurre exactamente en tu servidor
Sin caja negra. Aquí está la lista completa de lo que CSS_EDITOR escribe, y lo que nunca hace.
Qué se escribe
- El archivo CSS que editas, reemplazado de forma atómica (archivo temporal y luego renombrado: nunca un archivo escrito a medias)
- Una copia .orig en el primer guardado, una copia .bak en cada guardado: volver atrás siempre está a un clic
- En Shopify: tu CSS en los metafields de la tienda, renderizado en el servidor; cero archivos del tema modificados
Lo que nunca ocurre
- El editor nunca se carga para tus visitantes: ellos ven tu sitio exactamente como lo hiciste
- Tus estilos guardados nunca se eliminan, ni siquiera cuando termina la prueba o caduca la licencia
- Sin dependencia de CDN externo en tiempo de ejecución en tu sitio: el código que instalas es el código que se ejecuta
No te fíes solo de nuestra palabra.
Pruébalo y compruébalo tú mismo.
La captura de pantalla de enfrente no es una maqueta: es este editor, anclado en la parte inferior de esta página, editando los estilos de esta página. Ábrelo y pruébalo aquí mismo... o descárgalo para probarlo gratis en tu propio sitio, ya sea local o en línea, y guarda tus archivos CSS directamente en tu servidor con un solo clic. No hace falta recargar la página; simplemente sigue editando tu CSS.
IA integrada - Tu propia IA, sin API de pago
CSS_EDITOR no te alquila una IA. Prepara prompts perfectos para la IA que ya usas y aplica sus respuestas de forma segura.
Modo prompt
Selecciona uno o varios elementos de tu página: CSS_EDITOR construye un prompt listo para pegar (tu petición, extractos del DOM, estilos computados, reglas existentes). Pega la respuesta de tu IA: el CSS se aplica con vista previa y deshacer, y un informe lista los cambios de DOM/JS que queden por hacer a mano.
Analizador de CSS muerto
El analizador compara cada selector de tus hojas de estilos con el DOM en directo: usado (verde), probablemente dinámico (naranja), no usado (rojo). Una verificación cruzada con IA señala los arriesgados antes de purgar. Luego muévelos o elimínalos arrastrando y soltando: primero se hacen copias de seguridad.
Pago único. Tuyo para siempre.
Prueba todo gratis durante 1 hora en tu propio sitio. Después, la edición se bloquea con amabilidad: tus estilos guardados permanecen aplicados para siempre, nunca tomamos tu sitio como rehén. Activa tu clave una vez: se vincula a tu dominio automáticamente, sin nada que mover.
Oferta de lanzamiento: -25% con el código de descuento LAUNCH25
Para un sitio personal o un solo proyecto.
- 2 sitios web (locales o en línea)
- Editor completo, todos los selectores
- Guardado en el servidor + copias de seguridad
- Soporte por correo electrónico
Comprar
código promo : LAUNCH25Para varios sitios o subdominios
- Hasta 10 sitios web
- Editor completo, todos los selectores
- Guardado en el servidor + copias de seguridad
- Soporte prioritario
Comprar
código promo : LAUNCH25Para agencias e integradores multicliente.
- Hasta 50 sitios web
- Editor completo, todos los selectores
- Guardado en el servidor + copias de seguridad
- Soporte dedicado
Comprar
código promo : LAUNCH25Al comprar CSS_editor, aceptas las condiciones de uso.
Pago seguro por Polar.sh - tu clave de licencia te llega por correo electrónico al instante tras la compra. Actualizaciones incluidas durante 12 meses.
Oferta de lanzamiento: los precios mostrados ya incluyen el descuento de lanzamiento del -25% (código LAUNCH25) sobre los precios regulares de 24 $, 96 $ y 288 $. Es posible que se añadan impuestos al pagar según tu país - gestionado por Polar.sh.
Comparativa de CSS_EDITOR
Hechos, no adjetivos. Verificado en las páginas oficiales de cada herramienta, noviembre de 2026 (fuentes enlazadas bajo cada nombre).
| CSS_EDITOR | CSS Hero csshero.org/buy-now |
Microthemer themeover.com/pricing |
|
|---|---|---|---|
| Plataformas | PrestaShop, WordPress, Shopify, cualquier sitio web o aplicación web | Solo WordPress | Solo WordPress |
| Modelo de precios | Pago único, de 18 $ a 288 $ (precios de lanzamiento) | Suscripción anual (de 29 $ a 199 $/año según el número de sitios) o 599 $ de por vida | Suscripción anual o mensual, o licencias de por vida (de 125 $ a 499 $) |
| Modo de prompt de IA | Sí: con tu propia IA, sin API de pago | No | Sí - asistente IA integrado (solo CSS) |
| Analizador de CSS muerto | Sí, con verificación cruzada por IA | No | No |
| Guardado en el servidor con copias de seguridad | Escritura atómica, copias .orig + .bak | Ediciones guardadas en la base de datos, los visitantes reciben un archivo CSS estático | Almacenamiento propio; el plugin Microloader puede seguir sirviendo los estilos tras la desinstalación |
| Tus estilos si dejas de pagar | Aplicados para siempre, exportables en cualquier momento | Siguen funcionando; la renovación solo es necesaria para actualizaciones, soporte y sitios nuevos | Las licencias de por vida lo conservan todo, actualizaciones incluidas |
Preguntas honestas, respuestas honestas
¿Puede CSS_EDITOR romper mi sitio?
La edición es solo vista previa hasta que pulsas Guardar, el deshacer retrocede 100 pasos por archivo y cada guardado crea copias .orig y .bak en tu servidor. Si algo sale mal, restaurar el archivo anterior es un clic. El editor nunca se carga para tus visitantes: ellos ven tu sitio exactamente como lo hiciste.
¿Ralentiza mi sitio?
No. El editor es una herramienta que abres como administrador del sitio. Tus visitantes ven el sitio exactamente como lo hiciste: el CSS servido es el mismo archivo que tu tema ya servía, y no se añade ningún JavaScript para ellos.
¿Qué pasa cuando termina la prueba gratuita?
Después de 1 hora, la edición se bloquea con amabilidad. Todo lo que guardaste permanece aplicado en tu sitio para siempre: nunca eliminamos tus estilos. Introduce una clave de licencia en cualquier momento para desbloquear la edición de nuevo, exactamente donde la dejaste.
¿La app de Shopify modifica los archivos de mi tema?
No. La app de Shopify se instala mediante OAuth y almacena tu CSS en los metacampos de la tienda, renderizado en el servidor. Cero archivos de tema modificados, y la desinstalación es limpia.
¿Estoy atrapado? ¿Puedo exportar mi CSS?
Sin cautiverio. CSS_EDITOR es una compra única, y la función Exportar (copiar al portapapeles o descargar .css) está siempre disponible, incluso en modo de solo lectura. Tu CSS es CSS puro en archivos puros.
¿Qué versiones de PrestaShop y WordPress son compatibles?
El módulo de PrestaShop es compatible con las versiones 1.7 a 8.x y escribe el archivo CSS del tema con copias de seguridad. El plugin de WordPress escribe el CSS del tema activo con copias de seguridad. Ambos se generan para ti al momento desde este sitio.
¿Necesito pagar una API de IA para usar las funciones de IA?
No. El modo prompt construye un prompt completo que pegas en la IA que ya usas (ChatGPT, Claude, Kimi, un modelo local...) y aplica la respuesta con vista previa y deshacer. El analizador de CSS muerto funciona igual para su verificación cruzada opcional con IA. No se requiere ninguna clave de API de pago.
¿Qué incluye la licencia?
Una licencia permanente para el número de sitios web de tu plan (2, 10 o 50), el editor completo con todos los selectores, el modo de prompt con IA, el analizador de CSS muerto, el guardado en el servidor con copias de seguridad y todas las actualizaciones durante 12 meses. La clave se vincula a tus dominios automáticamente en el primer uso.
¿Ofrecéis reembolsos?
No, y aquí está el porqué: puedes probarlo todo gratis durante 1 hora en tu propio sitio antes de comprar. La prueba es la garantía. Todas las ventas son definitivas (ver condiciones de venta).
¿Y si cambio de nombre de dominio?
Las claves de licencia se asocian automáticamente a tus dominios en su primer uso y no se liberan automáticamente. Según tu situación, contacta con el soporte, que podrá reasignar tu licencia.
¿Puede integrarse CSS_EDITOR en mi propia aplicación?
Sí: el núcleo es vanilla JS con un contrato de adaptador documentado, hecho para ser integrado.
Además, cada utilidad (transformación, perspectiva, degradado, etc.) puede usarse de forma independiente en tu sitio web.
Para cualquier otro requisito, contáctanos.
Pruebas, no promesas
Capturas de pantalla reales de este sitio. Un solo marcado, tres temas - el menú Tema de la barra de navegación cambia el estilo de esta página en directo. Pruébalo en tu tema preferido.
¿Ya estás en tu próximo diseño?
Ahorra tiempo:
Elige tu plataforma. Una hora de prueba, sin tarjeta de crédito, directamente en tu propio sitio.
Módulo nativo (1.7 a 8.x), generado al momento con tu clave de licencia dentro.
Generar y descargar el móduloPlugin nativo, generado al momento con tu clave de licencia dentro.
Generar y descargar el pluginApp nativa de Shopify - instalación OAuth, CSS en los metacampos de la tienda, cero archivos de tema modificados.
Instalar en tu tiendaPrestaShop & WordPress: la compilación emite una clave de licencia, que debe sustituirse por la clave proporcionada tras la compra.
Al descargar CSS_editor aceptas las condiciones de uso.