Entiende tu tienda
Entrenado en Shopify, Liquid y cómo se construyen los temas de verdad, así que habla de secciones, no de código genérico.
Hecho para Shopify
Conoce a klorr.
tu copiloto de código.
Con Klorr creas, editas y personalizas secciones de Shopify sin escribir código. Construye justo lo que imaginas: rápido, flexible y totalmente tuyo.
- Entrenado en Shopify
- Fácil para principiantes
- Más barato que otras IA
- Código listo para producción
Elegido por más de 1.000 creadores y marcas
4,8 de media en 102 reseñas
Hecho para ShopifyHecho para escritorioFunciona en
klorr en acción.
Entrenado en Shopify
Habla Liquid de forma nativa.
Klorr conoce al dedillo el esquema de secciones, los bloques y los ajustes de Shopify, así que el código encaja directo en tu tema, sin retoques.
Fácil para principiantes
Tú no escribes ni una línea de código.
Describe lo que quieres en lenguaje natural. Klorr se encarga del marcado, la lógica y el esquema; tú solo dices qué cambiar.
Instalar es solo: describecopiapegaguarda.
Más barato que otras IA
Una fracción del coste.
Creado a medida para Shopify: sin tokens desperdiciados en respuestas genéricas. Pagas por secciones, no por conversaciones.
Código listo para producción
Publícalo tal cual.
Liquid limpio y válido, listo para publicar, no un borrador que tengas que depurar antes de tocar tu tienda.
Un compañero de equipo que de verdad domina Shopify.
No es un chatbot genérico adivinando Liquid. klorr está hecho para una sola cosa: convertir tus palabras en secciones de tienda reales y listas para producción.
Tú describes, él construye
Escribe lo que quieres en lenguaje natural. klorr convierte la idea en una sección real y editable, sin operar tu tema.
Tú revisas y afinas
Revisa el resultado, decide qué queda editable y vuelve a generar hasta que quede perfecto.
Más barato y más fiable
Estar hecho a medida para Shopify significa que no se malgastan tokens dando vueltas: pagas menos y obtienes código que funciona.
Cómo klorr cobró vida.
Toda gran herramienta nace de una frustración. Esta es la nuestra — y cómo se convirtió en un desarrollador que nunca duerme.
1{% for product in collection.products %}
2 <div class="card">
3 {{ product.title }}
4 </div>
5{% endfor %}
Problemas012
✕hero.liquid:5unknown tag 'endfor'
✕hero.liquid:2'heading' not in schema
La frustración
01
Mil secciones, una a una
Construíamos las mismas secciones de Shopify una y otra vez — horas de Liquid y schema que se rompían al guardar.
Describe tu sección
Editabilidad equilibrada
Generar →
La pregunta
02
¿Y si bastara con describirlo?
¿Y si una tienda pudiera decir lo que quiere en su idioma — y recibirlo limpio, listo para instalar, en segundos?
1<section class="hero">
2 <h2>{{ section.settings.heading }}</h2>
3 {% for block in section.blocks %}
4 <div {{ block.shopify_attributes }}>
5 {% endfor %}
✓Lista para instalar
La chispa
03
Nacido del código
Esa pregunta se convirtió en Klorr — palabras normales entran, Liquid listo para producción sale.
Comprobando con Shopify0%
El schema es válido
Bloques seleccionables en el editor
Los anchos de imagen existen
Colección vacía contemplada
El entrenamiento
04
Le enseñamos lo que sabe un senior
Liquid, schema, estructura de temas — y las reglas que hacen que el código guarde de verdad, no solo compile.
haz las tarjetas más anchas
Actualizados 3 bloques
mejor más estrechas
Actualizados 3 bloques
añade un precio bajo cada una
Añadido campo de precio
Vista previa
La diferencia
05
Nunca se molesta por un cambio
Pídelo más ancho. Luego más estrecho. Luego como antes. Sin suspiros, sin reprogramar, sin factura extra.
NORTHBOUNDShopAbout
Built for winter.
New season outerwear, made to last.
Shop the range
Alpine Parka€289
Fjord Shell€214
Ridge Knit€126
Instalada
Hoy
06
Listo cuando tú lo estés
Mente de programador. Paciencia de máquina. Describe tu sección — Klorr la construye, limpia e instalable.
Una sección para tu tienda, en lo que tardas en describirla.
Dile a klorr lo que quieres, con tus palabras. Escribe el Liquid, el schema y los ajustes, listo para pegar en tu tema.
Empezar a crearPensada en lo que hace que una sección venda.
Te dice qué mejoraría.
Entrenado con Shopify, no con toda la web.
Tú decides qué puede tocar el cliente.
Todo lo que creas,
de un vistazo.
Proyectos, secciones, generaciones y ventas en el marketplace: el trabajo y lo que gana, en una sola pantalla.
Secciones de Shopify, escritas como las escribirías tú
Klorr convierte una frase en una sección que tu cliente puede editar: schema, bloques, CSS responsive y todo lo demás. Sin fragmentos que parchear, sin temas que romper.
Descríbelo
Di lo que quieres. Recibe el Liquid.
Klorr lee primero tu tema y luego escribe una sección que encaja en él.
Un slider de testimonios a 3 columnas
{% schema %}
"name": "Testimonials",
"max_blocks": 12
{% endschema %}
"name": "Testimonials",
"max_blocks": 12
{% endschema %}
Cada ajuste aparece en el editor de temas
Textos, imágenes, cantidades e interruptores llegan como ajustes reales, hasta el propio límite de Shopify de 50 bloques por sección. Tu cliente los edita; a ti no te llega el correo.
Lo que dicen nuestros clientes
−3+
Encaja con el tema que ya tienes
Dale una vez el CSS y las fuentes de tu tema. Colores, escala tipográfica y márgenes de sección se escriben según eso, no según una plantilla.
Dawn 15.2
Impulse 7.4
Tu tema personalizado
Escribe en siete idiomas
Inglés, español, francés, alemán, neerlandés, portugués e italiano. El Liquid sale igual.
English
Deutsch
Español
Português
Français
Nederlands
Italiano
Preguntas,
resueltas.
Las cinco cosas que la gente pregunta antes de generar su primera sección. Para todo lo demás, pregúntanos.
Empezar a crearSí — klorr produce Liquid y schema listos para producción, creados para secciones reales de Shopify, así que se integran directamente en tu tema en vez de romperse al instalar.
Del todo. No hay runtime que cargar, ni marca de agua ni bloqueo — la sección es código limpio que vive en tu tema y sigue siendo tuyo.
Cada control que quieras aparece como un ajuste del tema — colores, textos y layout son editables directamente en el personalizador.
Ajusta la configuración tú mismo en segundos, o regenera — sin esperar una cola de dev ni facturas por cada cambio.
Sí. Publícalas en el marketplace y gana en cada instalación, no solo en la primera — convierte las secciones que ibas a crear igualmente en ingresos.
Cada sección llega con
El código, los pasos y qué arreglar después.
Cómo instalarResumenSugerencias
PROGRESO0 DE 4
1
Abre el editor de código de tu tema
Admin de Shopify → Tienda online → Temas → ⋯ → Editar código en tu tema activo.
2
Abre el archivo de la sección
sections/ → bestsellerscroller.liquid
3
Sustituye el código
Abre la pestaña Código a la derecha. Pulsa Copiar. Selecciona todo en tu archivo de Shopify (Cmd+A / Ctrl+A) y pega el código nuevo (Cmd+V / Ctrl+V).
4
Guarda y actualiza
Pulsa Guardar en Shopify. Luego actualiza el personalizador del tema para ver los cambios.
Al guardar, los ajustes que ya configuraste se conservan: Shopify mantiene los valores cuando coinciden los ID del schema. Los ajustes nuevos usan sus valores por defecto hasta que los cambies.
Escrita para tu archivo, no una guía genérica.
Cómo instalarResumenSugerencias
6 jul,
18:08 ✏️
18:08 ✏️
Añadido un banner de texto horizontal en bucle bajo los productos, con texto, velocidad, dirección, tamaño y colores editables.
3 jul,
12:32 ✏️
12:32 ✏️
Al pasar sobre un producto se difuminan los demás, y al pulsarlo se ocultan para mostrar un panel de reseñas con una flecha para volver.
Cada cambio que pediste, con palabras sencillas.
Cómo instalarResumenSugerencias
Actualizar sugerencias
Añade un estado vacío si la colección no está disponible
Muestra un mensaje útil si el handle de la colección no es válido o está vacío, para evitar fallos silenciosos.
Usar esto →
Carga diferida de imágenes fuera de pantalla
Añade loading='lazy' a las imágenes y retrasa los efectos de desenfoque y hover hasta que la sección entre en pantalla.
Usar esto →
Añade soporte para prefers-reduced-motion
Respeta las preferencias de accesibilidad quitando el desenfoque al pasar y las animaciones de escala para quien es sensible al movimiento.
Usar esto →Lee su propio resultado y te dice qué mejoraría.
Klorr frente a las alternativas
Sin apps en tu tienda. Sin cola de desarrollo. El código sigue siendo tuyo.
| Capacidad | Klorr | IA genérica | App de maquetación | Contratar a un dev |
|---|---|---|---|---|
| Lo que obtienes | ||||
| Entrenado con secciones de Shopify, no con toda la web | Sí | No | Sí | Sí |
| Liquid y schema reales en tu tema | Sí | Sí | No | Sí |
| Nada extra cargando en tu tienda | Sí | Sí | No | Sí |
| Pensado en lo que convierte, no solo en lo que se ve | Sí | No | No | Sí |
| Pasos de instalación escritos para tu archivo | Sí | No | No | No |
| Cuánto control conservas | ||||
| Editable en el personalizador del tema | Sí | No | Sí | Sí |
| Tú eliges cuánto puede cambiar un cliente | Sí | No | No | Sí |
| Señala qué mejoraría, sin que se lo pidas | Sí | No | No | Sí |
| Cada versión guardada; restaura la que quieras | Sí | No | Sí | Sí |
| Escribe y crea en siete idiomas | Sí | Sí | No | No |
| Lo que te cuesta | ||||
| Cambios sin esperar a nadie | Sí | Sí | Sí | No |
| El mismo coste para una o para veinte | Sí | Sí | Sí | No |
| El código es tuyo por completo | Sí | Sí | No | Sí |
| Revende lo que creas | Sí | No | No | No |
