Editor visual

#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: Tienda en línea → Editar diseño.

#Actualización voluntaria a Veloz V3

Veloz V3 se lanzó oficialmente el 18 de octubre de 2026. En las tiendas compatibles, el banner Veloz 3.0.0 disponible permite al dueño preparar una copia actualizada, sin cambiar el diseño que ven sus clientes.

Cada dueño crea su copia y publica cuando quiera: no hay migración automática. La copia conserva la configuración compatible y permanece separada de tu diseño publicado mientras la revisas. Si ya existe, verás Abrir copia. Se mantienen los permisos, el cupo de copias y los requisitos de publicación de tu plan.

Sigue la guía para crear, revisar y publicar tu copia de Veloz V3.

#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.

Veloz ofrece sus opciones visuales en todos los planes. La disponibilidad de servicios de plataforma se consulta por separado en Planes.

#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:

1. Header
2. Portada destacada
3. Categorías
4. Cuadricula de productos
5. Testimonios
6. FAQ
7. 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: Guardar el borrador o recargar el editor no equivale a publicar ni a deshacer los cambios guardados. Revisa la vista previa y confirma Publicar solo cuando quieras que tus clientes vean ese diseño.