Diseñador de tienda

1. Guardar y publicar

   Publica tus cambios de todas las pestañas a la vez; hasta entonces existen solo en este editor y su vista previa. Los banners, las imágenes de marca subidas y los conjuntos de diseño aplicados se almacenan de inmediato. El icono de actualización más a la izquierda solo recarga la vista previa.

2. Encabezado y pie de página

   Elige los estilos de encabezado y pie de página, el estilo del menú de categorías y si los elementos del menú muestran íconos o imágenes, los íconos del encabezado (cuenta, lista de deseos, carrito), los logotipos de pago del pie de página y oculta cualquiera de las barras en escritorio o móvil. Los enlaces del menú se editan en Apariencia › Menú de encabezado, las preguntas frecuentes en Apariencia › FAQ.

3. Revertir diseño guardado

   Devuelve tu tienda al diseño guardado anteriormente después de que confirmes; presiona nuevamente para rehacer. Está deshabilitado cuando no hay un diseño guardado anteriormente.

4. Deshacer

   Retrocede a través de tus ediciones no guardadas, hasta 60 pasos. Ctrl+Z o Cmd+Z hace lo mismo cuando no estás escribiendo en un campo.

5. Asistente de compras

   Configura el chat del asistente en tu tienda: actívalo, dale un título, saludo y ejemplos de inicio, elige sus colores o logotipo, y limítalo a ciertas categorías (déjalo vacío para buscar en todo el catálogo). Sin el módulo de Asistente AI en tu plan, permanece oculto.

6. Diseñador de tienda

   Construye aquí tu tienda online pública. El centro es una vista previa en vivo; todas tus herramientas están en el riel a la derecha. Vamos a recorrer cada una.

7. Vista previa en vivo

   Esta es tu tienda real, actualizándose al instante mientras editas. Haz clic en una sección aquí mismo en la vista previa para ir directamente a su configuración.

8. Escritorio / móvil

   Cambia la vista previa entre una computadora y un teléfono para asegurarte de que tu tienda se vea genial en ambos.

9. Tu caja de herramientas

   Estos íconos a la derecha son tus herramientas de diseño. Vamos a repasar cada una ahora — un 💎 significa que necesita un plan superior.

10. Estructura

    Añade, elimina y reordena las secciones de tu página de inicio — banner principal, productos destacados, categorías, bloques de texto y más. Arrastra para reordenar; apaga una sección para ocultarla sin eliminarla.

11. Diseño

    Elige un diseño predefinido (“piel”) para tu tienda, o aplica un diseño completo de página de aterrizaje con un clic — la forma más rápida de lograr un aspecto profesional.

12. Tema

    El aspecto de tu tienda: colores, fuentes, estilo de botones y redondez de esquinas. Comienza con un preajuste, luego ajusta cada detalle para que coincida con tu marca.

13. Banners

    Gestiona las imágenes promocionales — el héroe y las cuadrículas de banners. Sube imágenes, añade un título y un enlace para que los clientes puedan hacer clic directamente a un producto o colección.

14. Asistente de IA

    Deja que la IA llene tu tienda con contenido — encabezados de secciones, descripciones de productos y un diseño inicial — basado en lo que vendes. Un gran ahorro de tiempo cuando estás empezando.

15. Marca y PWA

    Tu logo, favicon y el ícono de la aplicación y colores usados cuando un cliente añade tu tienda a la pantalla de inicio de su teléfono. Esto es lo que hace que tu tienda se sienta como tu marca.

16. El panel de configuración

    Cualquier herramienta que elijas en el riel abre sus controles aquí. Cambia un valor y la vista previa se actualiza al instante — luego no olvides Guardar.

17. Página de producto

    Ajusta cada página de producto: estilo del selector de variantes (botones o desplegable), diseño de la galería de fotos (miniaturas abajo o a la izquierda), qué secciones mostrar (reseñas, relacionados, especificaciones), insignias de confianza, urgencia de bajo stock y compartir en redes sociales. La vista previa cambia a un producto real para que veas los cambios en vivo.