Catálogo de productos¶
El catálogo de comercio electrónico muestra los productos para que los clientes puedan consultarlos. Está organizado por categorías de producto, variantes de producto disponibles, opciones de ordenamiento y rutas de navegación. En esencia, el catálogo de comercio electrónico es la página de la tienda de tu sitio web.
El catálogo de productos incluye una barra de herramientas y varios filtros en la barra lateral (o en el menú desplegable), junto con un área dedicada a la lista de productos. Además, puedes personalizar el diseño de las páginas de tienda y de categoría, así como el pie de página del comercio electrónico, y agregar bloques de creación en caso de que sean necesarios.
Para personalizar el catálogo, ve a la página de la tienda, haz clic en Editar en la esquina superior derecha, selecciona la sección que quieres cambiar y ve a la pestaña Estilo.
Barra de herramientas y filtros¶
La barra de herramientas y la barra lateral (o el menú desplegable) ofrecen herramientas avanzadas de filtrado que ayudan a los clientes a buscar y navegar por el catálogo de productos mediante categorías y atributos.
Truco
Si no deseas mostrar la barra de herramientas ni la barra lateral, desactiva todas las opciones relacionadas en el editor del sitio web, oculta los atributos y asegúrate de solo asignar una lista de precios al sitio web.
Categorías¶
Para crear un acceso rápido a una categoría en la barra de herramientas o un acceso general en la barra lateral, haz clic en los botones Superior o Barra lateral ubicados junto a Categorías y elige un estilo. Al seleccionar Barra lateral aparece la opción Contraer categoría de forma recursiva, que te permite ocultar la categoría en la barra lateral.
Nota
Los filtros de categoría que aparecen en la barra lateral no dependen del ajuste Filtros.
Barra de herramientas¶
Puedes mostrar una barra de búsqueda o las opciones de ordenamiento en la barra de herramientas de la página de la tienda si haces clic en los botones Ordenar por o Buscar ubicados junto a la etiqueta Barra de herramientas. Presiona el botón Flotante para mostrar siempre la barra de búsqueda, el selector de lista de precios (si hay) y las opciones de ordenamiento en la parte inferior de la ventana, incluso al desplazarte, y selecciona una opción de orden predeterminado.
Nota
El orden predeterminado aplica a todas las categorías.
Filtros¶
Configura el campo Filtros con alguna de las siguientes opciones:
Barra lateral: muestra los filtros en el panel lateral.
Menú fuera de la pantalla: muestra los filtros en un menú desplegable que se abre al hacer clic en el botón Filtros de la barra de herramientas.
Ocultar: oculta todos los filtros.
Hay dos Filtros habilitados de forma predeterminada:
Precio: Usa el botón para mostrar una barra de rango de precios que permite que los clientes filtren los productos según un rango específico al mover los controles ajustables.
Etiquetas: Presiona el botón para mostrar las etiquetas de los productos en la página de la tienda y permitir que los clientes las usen para filtrar los productos desde la sección Etiquetas.
Truco
Para crear etiquetas de producto en tu comercio electrónico, ve a y haz clic en Nuevo. Agrega un nombre en Etiqueta, presiona el botón Visible para los clientes y selecciona un color. De forma opcional, agrega una imagen. Después, ve al formulario del producto y asigna las etiquetas donde corresponda.
Para los productos de alquiler, también puedes agregar la opción Fecha de alquiler para mostrar un calendario con un rango de fechas y consultar su disponibilidad en un periodo específico.
Atributos¶
Cuando ofreces variantes de producto con distintos atributos, esas opciones aparecen en la barra lateral o en el menú desplegable cuando los filtros son visibles. El menú se adapta de forma automática según la cantidad de secciones de atributos:
Hasta 4 atributos: muestra todos los valores de atributo.
Más de 4 atributos: contrae las secciones de forma automática.
Nota
Para los tipos de visualización Opción y Seleccionar, aparece el botón Ver más cuando hay más de 8 valores, el campo de búsqueda aparece cuando el número de valores es superior a 20.
Deben de existir al menos dos valores de atributo para que el filtro sea visible.
Los filtros de atributos que aparecen en la barra lateral o en el menú desplegable dependen del ajuste Filtros.
Área de productos¶
Define el número de productos que aparecen en las páginas de la tienda al configurar el tamaño que se muestra por página y por fila, y especifica la cantidad de columnas para dispositivos móviles.
Nota
El número de productos que aparecen en una página puede afectar el rendimiento y la velocidad de carga.
Además, puedes cambiar la posición de un producto en la página de la tienda o en la página de una categoría de forma manual. Para hacerlo, haz clic en un producto específico, cambia su tamaño y ajusta su orden con las flechas en la sección Producto de la pestaña Estilo. Los botones (flecha doble hacia la izquierda) y (flecha doble hacia la derecha) mueven el producto al extremo izquierdo o derecho, y los botones (flecha simple hacia la izquierda) y (flecha simple haciaa la derecha) lo mueven una fila a la izquierda o a la derecha. También puedes elegir o crear una cinta o insignia para resaltar un producto específico.
Truco
También puedes cambiar la posición de los productos en la página de la tienda desde , luego deberás seleccionar la vista de lista y arrastrar y soltar los productos dentro de la lista.
Diseño de las tarjetas de producto¶
Para personalizar el diseño de las tarjetas de producto, elige una opción en Diseño de los productos y haz clic en el icono (pincel) que aparece junto a él para:
Elegir un diseño predefinido.
Ajustar el diseño general.
Personalizar el texto y contenido (por ejemplo, mostrar una descripción y las calificaciones).
Personalizar el diseño de las imágenes (por ejemplo, activar una imagen secundaria para mostrar una segunda imagen al pasar el cursor sobre la imagen del producto en la página de tienda o de categoría).
Activar algunas acciones (por ejemplo, Agregar al carrito, Comparar o Lista de deseos) y personalizar su ubicación.
Truco
También puedes agregar una imagen de la variante en la tarjeta del producto.
Diseño de la tienda y las páginas de categoría¶
Puedes personalizar el diseño de la tienda y de cada página de categoría de la siguiente forma:
Elige si el ancho del contenido de las páginas de tienda y de categoría debe ser Regular o Completo.
Define los encabezados. Ve a la página correspondiente y cambia el encabezado directamente en la página si es necesario. Presiona los botones Mostrar título y Centrar contenido. En las páginas de categoría de producto, presiona el botón Mostrar descripción para mostrar la descripción de la categoría.
Usa los bloques de creación para agregar contenido en la sección superior o inferior de la página, ya sea para toda la página de la tienda o para una categoría específica. En este último caso, el bloque solo aparece al filtrar por esa categoría. Para hacerlo, mueve el bloque a la sección superior o inferior extrema para mostrarlo en la página general de la tienda, o colócalo abajo del nombre de la categoría en la parte superior o abajo de la lista de productos para que aparezca solo al filtrar por esa categoría específica.
Truco
Agregar contenido a la página de una categoría de Comercio electrónico ayuda a mejorar la estrategia SEO. Usar palabras clave relacionadas con los productos o las categorías de Comercio electrónico también aumenta el tráfico orgánico. Además, cada categoría tiene su propia URL y los motores de búsqueda pueden indexarla.
También puedes agregar categorías de comercio electrónico como elementos de mega menú para acceder a ellas con rapidez.
También es posible personalizar páginas de producto individuales.
Bloques de catálogo¶
Puedes usar los bloques de creación de catálogo </applications/websites/website/web_design/building_blocks>, por ejemplo, para crear accesos rápidos a la página de la tienda, mostrar categorías de producto específicas, resaltar una selección específica de productos o agregar un elemento con información general o promociones.
Según la plantilla que hayas seleccionado puedes personalizar los bloques en la pestaña Estilo.
Example
Por ejemplo, esta plantilla de bloque de catálogo muestra una selección de productos y puedes personalizarla para:
Adaptar el diseño del bloque.
Seleccionar un diseño de tarjetas y configurarlo con el icono (pincel).
Definir qué artículos aparecen en el bloque al seleccionar la opción Filtro correspondiente, por ejemplo, Productos más recientes para mostrar las novedades.
Seleccionar una categoría de producto específica en la lista desplegable Categoría.
Filtrar productos al activar las opciones Etiquetas y Mostrar variantes.