Compara las diferentes formas de mostrar productos en tu sitio.

Puedes mostrar productos en tu sitio web mediante páginas de tienda y bloques de productos. Las páginas de tienda son el método principal para agregar productos y crear un diseño de tienda. Los bloques de productos muestran productos individuales de las páginas de tienda en áreas como publicaciones de blog y páginas de diseño. En cualquiera de las opciones, al hacer clic en un producto, se abrirá la página de detalles del producto con más detalles, dimensiones, imágenes y variantes.

A menudo, recibimos preguntas sobre cómo difieren las páginas de tienda y los bloques de productos. En esta guía se describen las principales diferencias, las prácticas recomendadas y lo que hay que tener en cuenta al agregar cualquiera de ellos a tu sitio.

Páginas de la tienda

Para añadir y editar productos en tu tienda, usa páginas de tienda. Estas muestran varios elementos en un diseño coherente, el cual depende de la plantilla y normalmente incluye opciones para la navegación por categorías, efectos de desplazamiento y navegación automática desde la página de elementos de un producto hasta la página principal de la tienda.

Puedes añadir varias páginas de tienda, etiquetas y categorías para organizar tus productos en diferentes colecciones. También puedes personalizar las páginas de tienda en el panel Estilos del sitio. 

A continuación, se muestra un ejemplo de la página de tienda de la plantilla Supply:

Haz clic en cualquier producto para ver la página de detalles. Esto puede incluir información adicional, menús desplegables de variantes, un botón Añadir al carrito y mucho más.

Bloque de Producto

Para mostrar productos existentes en una página, publicación de blog u otra área de contenido, utiliza bloques de productos. Cada bloque de productos muestra un producto y son ideales para promocionar artículos especiales, nuevos o de venta en tu sitio.

No puedes crear nuevos productos usando un bloque de productos. Más bien, sirve para extraer información de los productos añadidos a las páginas de tienda. Esto significa que primero tendrás que añadir esos productos a dichas páginas.

Puedes combinar bloques de productos con otros bloques para crear un diseño personalizado adicional al diseño de la página de tienda de tu plantilla. Por ejemplo, para crear un diseño que no esté disponible en la plantilla, puedes utilizar varios bloques de productos en una página y mover las páginas de tienda desde las que se extraen esos bloques a la sección No enlazadas para que queden ocultas en los menús de navegación. 

Para personalizar los detalles que vas a incluir en el bloque, puedes mostrar u ocultar la imagen, el título, la descripción y el precio del producto, y el botón Añadir al carrito.

A continuación, se muestra un ejemplo de un bloque de productos en una publicación de blog: