Editor visual
Personaliza tu catálogo con 40 secciones configurables — 6 en el plan gratis — colores y tipografía sin tocar código.
Cómo funciona
El editor visual de Karrito te da control total sobre el aspecto de tu catálogo. Todo funciona con drag-and-drop y previsualización en tiempo real — cero código.
Para acceder: Admin → Personalizar.
Las 40 secciones
Tu catálogo se compone de secciones modulares. Puedes agregar, quitar y reordenar cada una.
La cabecera y el pie de página vienen siempre y no se quitan. Las demas las eliges tu.
En el plan gratis puedes agregar 6: Portada destacada, Categorías, Cuadricula de productos, Productos relacionados, Carrito lateral y Texto enriquecido. Las otras 34 están en Pro — las ves todas en el editor con su vista previa, y si tu catálogo ya tiene alguna puesta, se queda: bajar de plan no te borra el diseño.
Portada y promociones
- Portada destacada — portada con imagen o video, título y boton
- Promoción — banner para ofertas y descuentos
- Bloques promocionales — varios anuncios en cuadricula
- Colección destacada — un grupo de productos en primer plano
- Producto destacado — spotlight para un producto
- Cuenta regresiva — reloj para ofertas por tiempo limitado
- Barra de anuncio — mensaje fijo arriba del catálogo
Productos y colecciones
- Cuadricula de productos — la vitrina principal de tu catálogo
- Lista de colecciones — todas tus categorías en una página
- Banner de colección — cabecera para una categoría
- Productos relacionados — sugerencias dentro de la ficha
- Vistos recientemente — lo que el cliente ya miro
- Info adicional del producto — pestanas con detalles y medidas
- Carrito lateral — el carrito que se abre por un costado
Contenido
- Acerca de — historia y valores de tu negocio
- Preguntas frecuentes — dudas comunes con respuesta
- Texto enriquecido — parrafos con formato libre
- Varias columnas — varias ideas una al lado de la otra
- Contenido con pestanas — bloques que se alternan
- Imagen con texto — foto a un lado, texto al otro
- Tabla comparativa — tu producto frente a otros
- Linea de tiempo — la historia de tu marca por fechas
Imagen y video
- Galería de imágenes — fotos de tu negocio o productos
- Carrusel — carrusel de imágenes
- Collage — composición de varias fotos
- Video destacado — un video con reproductor
- Imagen con capa de texto — foto con texto encima
- Imagen parallax — fondo que se mueve al hacer scroll
- Antes y después — comparador deslizante de dos fotos
Confianza
- Testimonios — reseñas de clientes con foto y estrellas
- Reseñas de producto — valoraciones dentro de la ficha
- Estadísticas — contadores de pedidos, clientes o rating
- Logos de confianza — marcas que vendes o que te avalan
- Mencionado en — medios donde te publicaron
- Sellos de confianza — sellos de garantía y pago seguro
- Barra de iconos — ventajas: envio gratis, garantía, WhatsApp
Otras
- Categorías — navegación para filtrar por categoría
- Boletin por correo — captura de correos
- Ubicaciones — direcciones de tus locales fisicos
- HTML personalizado — para cuando quieres algo a tu manera
Reordenar secciones
Arrastra y suelta las secciones en el panel izquierdo. El orden que definas es el que ven tus clientes. No hay un orden "correcto" — depende de tu negocio.
Un orden que funciona bien para la mayoría:
- Header
- Portada destacada
- Categorías
- Cuadricula de productos
- Testimonios
- FAQ
- Footer
Paleta de colores
Cada tema tiene una paleta de colores configurable:
- Primario — botones, links, acentos de color
- Fondo — color de fondo de todo el catálogo
- Texto — color de títulos y cuerpo de texto
- Superficie — color de tarjetas y paneles
Puedes ingresar colores en formato hex (#10B981), elegir de la paleta visual, o escribir el nombre del color.
Tip: Usa máximo 2-3 colores. Un color primario para acentos, un fondo neutro, y un color de texto oscuro. Menos es más.
Previsualización
El lado derecho del editor muestra tu catálogo en tiempo real. Puedes alternar entre:
- Mobile — como se ve en celular (la vista más importante)
- Desktop — como se ve en computadora
Cada cambio se refleja al instante. No necesitas guardar para ver el resultado.
Publicar
Los cambios viven en modo borrador hasta que haces click en Publicar. Esto te permite experimentar libremente sin afectar tu catálogo publico.
Tip: Si algo salio mal, recarga la página antes de publicar y vuelves al estado anterior.