Cómo mostrar productos en una página

Puedes mostrar productos en una página de las siguientes maneras:

• Utilizando una sección de productos prediseñada.
• Utilizando un componente para mostrar productos y creando un diseño de sección personalizado.

Cómo mostrar productos utilizando una sección prediseñada

Para mostrar productos en una sección:

1. Haz clic en Editar sitio web en Site Admin > Website Builder.
   

   

2. Abre la pestaña Páginas en la barra de herramientas del menú izquierdo y selecciona una página existente o crea una nueva para mostrar los productos.
3. Haz clic en Agregar sección para insertar la sección relacionada con los productos.
   

   

4. Elige una plantilla de la categoría Artículo único de la tienda para mostrar un solo producto, o de Varios artículos de la tienda para mostrar varios productos. Pasa el cursor sobre el diseño seleccionado y pulsa el botón Agregar sección.
   

   

5. Haz clic en el componente de producto dentro de la sección agregada y luego presiona el icono Editar en la barra de herramientas superior.
   

   

6. En la ventana emergente de la derecha, abre la pestaña Fuente de datos para ajustar qué productos se mostrarán. Puedes mostrar productos de una marca o categoría, o seleccionar manualmente productos específicos. Además, puedes elegir mostrar detalles como precios, etiquetas de marca, calificaciones y más.
   

   

7. En la misma ventana de configuración, abre la pestaña General para ajustar la configuración de apariencia general.
   

   

8. Para cambiar la apariencia de la sección, coloca el cursor sobre ella y selecciona Editar sección en la barra de herramientas de la derecha.
   

   

9. En la siguiente ventana emergente, abre la pestaña General para cambiar el relleno de la sección o los espacios entre columnas y filas.
10. Abre la pestaña Diseño para cambiar la paleta de colores y el color de fondo, o selecciona una imagen de fondo.
    

    

Cómo mostrar productos usando un componente

También puedes mostrar productos en un componente de tienda agregado a una sección nueva o existente.

1. Navega a la sección donde deseas agregar un componente y haz clic en el botón Agregar en la esquina superior izquierda.
   

   

2. En la ventana Agregar componente, abre la pestaña Tienda y selecciona una de las siguientes opciones:
   • Múltiples artículos: muestra varios productos
   • Artículo único: muestra un solo producto
   • Carrusel de productos: muestra los productos en un carrusel
     

     

3. Una vez agregado el componente, haz clic en él y pulsa el icono Editar de la barra de herramientas superior. En la ventana emergente de configuración de la derecha, abre la pestaña Origen de datos y asegúrate de que esté seleccionada la opción Producto en el menú desplegable. Desde aquí, puedes elegir mostrar productos de una categoría o marca específica, mostrar los productos más recientes o seleccionar productos individuales. También puedes optar por mostrar precios, etiquetas y configurar otras opciones.
   

   

4. En la pestaña General, puedes ajustar la apariencia general del componente. Para los componentes Múltiples artículos y Carrusel de productos, también puedes establecer la cantidad de productos que se muestran.