Editor visual

#Como funciona

El editor visual de Karrito te da control total sobre el aspecto de tu catalogo. Todo funciona con drag-and-drop y previsualizacion en tiempo real — cero codigo.

Para acceder: Admin → Personalizar.

#Las 22 secciones

Tu catalogo se compone de secciones modulares. Puedes activar, desactivar, y reordenar cada una:

#Navegacion y estructura

• Header — logo, nombre de tienda, menu
• Barra de busqueda — para que tus clientes busquen productos
• Navegacion de categorias — tabs o lista para filtrar por categoria
• Footer — links, contacto, redes sociales
• Creditos — "Hecho con Karrito"

#Contenido principal

• Hero banner — imagen o video destacado con titulo y CTA
• Grid de productos — la vitrina principal de tu catalogo
• Producto destacado — spotlight para un producto especial
• Coleccion — grupo curado de productos

#Marketing y confianza

• Promociones — banner para ofertas y descuentos activos
• Testimonios — resenas de clientes satisfechos
• Contador — countdown para ofertas por tiempo limitado
• Logo cloud — marcas que vendes o que te avalan

#Informacion

• Sobre nosotros — historia y valores de tu negocio
• FAQ — preguntas frecuentes
• Contacto — formulario o datos de contacto
• Horario — dias y horas de atencion
• Ubicacion — mapa o direccion de tu negocio fisico
• Envios — informacion de zonas y costos de envio
• Politicas — privacidad, devoluciones, terminos

#Media

• Galeria — fotos de tu negocio, equipo, o productos
• Instagram feed — muestra tus ultimos posts

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

1. Header
2. Hero banner
3. Categorias
4. Grid 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 catalogo
• Texto — color de titulos 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 maximo 2-3 colores. Un color primario para acentos, un fondo neutro, y un color de texto oscuro. Menos es mas.

#Previsualizacion

El lado derecho del editor muestra tu catalogo en tiempo real. Puedes alternar entre:

• Mobile — como se ve en celular (la vista mas 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 catalogo publico.

Tip: Si algo salio mal, recarga la pagina antes de publicar y vuelves al estado anterior.