Diseño de la tienda

1. Diseño de la tienda

   Personaliza la apariencia, contenido y marca de tu tienda con una vista previa en vivo. El enlace Abrir tienda muestra tu tienda en vivo en una nueva pestaña. Este recorrido te guía a través de cada herramienta del editor.

2. Escritorio o móvil

   Cambia la vista previa entre un ancho de escritorio y un marco de teléfono. Elegir el teléfono también abre la pestaña Móvil, donde eliges el estilo de la barra inferior móvil.

3. Recargar la vista previa

   Recarga la página de vista previa. Tus cambios no guardados se envían de nuevo, por lo que no se pierde nada.

4. Deshacer último guardado

   Después de confirmar, los colores, la fuente, el radio de esquina, el diseño y el formato vuelven a como estaban antes del último guardado. Las secciones y el contenido no se ven afectados, y ejecutarlo de nuevo rehace el cambio.

5. Deshacer

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

6. Guardar

   Publica todo lo que cambiaste en todas las pestañas a la vez. Hasta que guardes, tus ediciones existen solo en este editor y su vista previa.

7. Ocultar el panel de herramientas

   Oculta el panel de configuraciones y la barra de iconos para una vista previa de ancho completo. Presiona de nuevo para volver a mostrarlos.

8. Vista previa en vivo

   Tu verdadera tienda con el diseño no guardado. Haz clic en un texto para editarlo en su lugar, o pasa el cursor sobre una sección para moverla, ocultarla, estilizarla o eliminarla, abrir su configuración o agregar una nueva sección entre otras.

9. Panel de herramientas

   Muestra los controles de la pestaña que elijas en la barra de iconos a la derecha. Cuando seleccionas una sección en la vista previa, se añade un botón de configuración de sección a la barra para esa sección.

10. Pestaña de diseño

    El aspecto de tu tienda: temas de sitio predefinidos, Look Kit, temas de diseño, modo de estructura de página y plantillas, temas preestablecidos, colores, fuentes, esquinas y botones, el sistema de color claro y oscuro, y conjuntos de diseño. Aplicar un tema de sitio o un conjunto de diseño tiene efecto de inmediato.

11. Pestaña de contenido

    Reemplaza los textos predefinidos del tema con los tuyos, como el héroe, llamada a la acción, barra de confianza y tarjetas de características; los campos vacíos vuelven al valor predeterminado del tema. La lista de secciones a la izquierda selecciona una sección, la oculta con el ojo y reordena tus grupos de servicios.

12. Encabezado y pie de página

    Estiliza el encabezado (diseño, posición del logo, estilo de menú, encabezado fijo, botón de encabezado y tus propios enlaces de menú, menús desplegables o paneles mega), el pie de página (estilo, columnas, enlaces sociales y texto de copyright) y la barra de anuncios.

13. Asistente

    Configura el asistente de ayuda en tu tienda: actívalo, establece su título, saludo y color, agrega enlaces rápidos y un video de recorrido del producto, y muestra tus departamentos y equipo. El asistente de IA se configura en su propia página.

14. Móvil

    Elige uno de 15 estilos para la barra inferior móvil y revísalo en la vista previa del teléfono. Un enlace debajo lleva a la configuración completa del menú móvil.

15. Marca / PWA

    El nombre y la descripción de tu tienda, si la tienda está publicada, logotipos y favicons claros y oscuros, la configuración de la aplicación de agregar a la pantalla de inicio (PWA), el tema del panel de clientes y, en planes elegibles, ocultar el crédito de la plataforma.