Qué es el constructor
El constructor de tienda es un editor visual que te permite diseñar cada página de tu tienda sin escribir ningún código. Los cambios que realizas se previsual en tiempo real en el lado derecho de la pantalla. Nada se vuelve visible para los compradores hasta que haces clic en Publicar.
El diseño del constructor
El constructor se divide en tres áreas:
- Barra lateral izquierda: pestañas para cambiar entre mercados, páginas, secciones y configuración global. El asistente de IA se encuentra en la parte inferior de la barra lateral.
- Panel de control: aparece cuando seleccionas una sección o bloque, mostrando todas sus configuraciones.
- Panel de vista previa: una vista en vivo de tu tienda exactamente como la verán los compradores.
Cambiar entre páginas y mercados
Usa la pestaña Páginas (icono de páginas) en la barra lateral izquierda para cambiar entre las páginas que puedes editar (Inicio, Producto, Carrito, etc.). Usa la primera pestaña (icono de bandera de país) para cambiar entre tus mercados activos. Cada combinación de mercado y página tiene su propia plantilla y su propio historial de deshacer.
Vista previa en diferentes dispositivos
La barra superior contiene botones de cambio de ventana gráfica: Móvil, Escritorio, Pantalla completa y un icono de expansión que abre una ventana de vista previa aislada. Úsalos para comprobar cómo se ve tu tienda en diferentes tamaños de pantalla antes de publicar.
Agregar una sección
- En la barra lateral izquierda, encuentra la lista de Secciones para la página actual.
- Haz clic en el botón + Agregar sección que aparece entre secciones, o abre el menú de tres puntos en una sección existente y elige Agregar antes o Agregar después.
- Se abre un selector que muestra todos los tipos de sección disponibles para la página actual. Haz clic en un tipo de sección para agregarlo.
Consejo: Cada tipo de sección tiene un número máximo de instancias por página. Cuando alcanzas el límite, el botón de agregar muestra el conteo y un tooltip explicando que se ha alcanzado el máximo.
Agregar un bloque dentro de una sección
Selecciona una sección, luego dentro de su panel de control haz clic en + Agregar bloque. Los bloques son los elementos de construcción dentro de una sección: texto, imágenes, botones, grupos de diseño, divisores y más. Los tipos de bloques disponibles y cuántos puedes agregar varían según la sección.
Reordenar secciones y bloques
En la lista de secciones, arrastra cualquier fila de sección hacia arriba o hacia abajo para cambiar su posición en la página. La vista previa se actualiza de inmediato. Los bloques dentro de una sección pueden reordenarse de la misma manera dentro del panel de control.
Ocultar y eliminar secciones
Cada fila de sección en la barra lateral tiene un icono de ojo para alternar la visibilidad y un icono de papelera para eliminarla permanentemente. El menú de tres puntos (⋯) también expone Ocultar/Mostrar y Eliminar. Las secciones ocultas permanecen en tu plantilla pero no se muestran a los compradores.
Duplicar una sección
Abre el menú de tres puntos en la fila de la sección en la barra lateral izquierda y haz clic en Duplicar. Una copia aparece inmediatamente debajo del original solo en la página actual.
Copiar el contenido o estilo de una sección a otra
Abre el menú de tres puntos en la sección de origen y haz clic en Copiar. Luego abre el menú de tres puntos en la sección de destino y haz clic en Pegar para reemplazar todo el contenido y el estilo, o en Pegar solo el estilo para copiar solo el estilo visual sin tocar el contenido.
Aplicar una sección de nivel superior a todas las páginas
El Encabezado, el Pie de página y la Barra de anuncios aparecen en todas las páginas. Si editas el encabezado en la página de Inicio y quieres que todas las demás páginas usen la misma versión, abre el menú de tres puntos en la sección del encabezado y elige Aplicar a todas las páginas. Esto sobrescribe esa sección en todas las demás páginas, por lo que la acción no se puede deshacer. Asegúrate de estar satisfecho con el resultado primero.
Modo inspector
Haz clic en el botón de Inspector (icono de cursor) en la barra superior para activar el modo inspector. Cuando está activo, al hacer clic en cualquier elemento de la vista previa en vivo se resalta y abre inmediatamente esa sección o bloque en el panel de control. Esta es la forma más rápida de ir a una sección específica sin desplazarte por la barra lateral. Haz clic de nuevo en el botón de Inspector para desactivarlo.
Deshacer y rehacer
La barra superior contiene botones Deshacer (icono de flecha de retorno) y Rehacer. El historial de deshacer y rehacer está limitado por mercado y página, por lo que deshacer en la página de Inicio no afecta los cambios que realizaste en la página de Producto.
Guardar y publicar
Haz clic en el botón Publicar (parte superior derecha de la barra) para hacer públicos tus cambios actuales. El botón está deshabilitado cuando no hay cambios sin guardar. La publicación es por mercado y por página, por lo que publicar la página de Inicio no publica automáticamente los cambios en la página de Producto.
Qué verificar antes de publicar
- Cambia a la vista Móvil y desplázate por toda la página, ya que la mayoría de los compradores están en dispositivos móviles.
- Verifica el contraste del texto con respecto al color de fondo de cada sección.
- Asegúrate de que cada bloque de imagen tenga un archivo de medios seleccionado, ya que los marcadores de imagen vacíos aparecen como espacio en blanco en la tienda en vivo.
- Confirma que los enlaces en botones y menús apunten a los destinos correctos.