Todas las colecciones
Creador de sitios web
Tienda online
Creador de sitios web: Secciones de productos
Creador de sitios web: Secciones de productos

Con la ayuda de las secciones de producto, puedes mostrar fácilmente productos o categorías de productos en tu sitio web

Actualizado hace más de una semana

Con Creador de sitios web de Hostinger, puedes agregar fácilmente secciones de productos a cualquier plantilla de sitio web siguiendo los pasos a continuación 👇

1. Dentro del creador de sitios web, expande el panel Páginas y navegación a la izquierda y abre la página donde deseas mostrar los productos. Una vez ahí, da clic en el botón Añadir sección:

Añadir una sección en la tienda con el Creador de Sitios Web Hostinger

2. En el menú secciones, selecciona Tienda online. A la derecha, encontrarás dos tipos de secciones de productos: lista de productos y producto único. Da clic en la sección preferida y se insertará en tu página:

Sección de lista de productos

Este tipo de sección se utiliza para mostrar todos tus productos o una categoría de productos en particular. De forma predeterminada, muestra todos tus productos, por lo tanto, para mostrar productos de una categoría en particular, elige Editar sección:

Editar sección de productos con el Creador de Sitios Web Hostinger

Y selecciona la categoría preferida:

Selecccionar categoría de productos con el Creador de Sitios Web Hostinger

Aquí puedes encontrar más información sobre la configuración de la sección de la lista de productos:

Categoría

Mostrar todos los productos o una categoría de producto específica

Diseño

Cambia lo siguiente:

  • Estilo de visualización del producto

  • Columnas (productos por fila)

  • Margen superior/inferior de la sección

Estilo

Cambia lo siguiente:

  • Color de texto

  • Color de fondo de la sección (color o imagen)

Paginación

Especifica el número de productos por página (dentro de la sección de lista de productos)

Botón Añadir a la bolsa

Habilita el botón Agregar a la bolsa para que tus clientes puedan obtener una vista previa de un producto y/o agregarlo al carrito sin abrir la página del producto.

Aquí también puedes cambiar el estilo.

Cintas

Cambia lo siguiente:

  • Color de fondo de la cinta

  • Color del texto de la cinta

Puedes agregar cintas en el área de gestión de productos

Sección de producto único

Utiliza este tipo de sección para mostrar un producto en particular. Da clic en Asignar producto:

Asignar producto único para mostrar con el Creador de Sitios Web Hostinger

Y luego selecciona un producto en particular para mostrar en la sección:

Seleccionar producto único con el Creador de Sitios Web Hostinger

Aquí puedes encontrar más información sobre la configuración de la sección de un solo producto :

Producto

Asignar un producto específico a la sección

Disposición

Cambia lo siguiente:

  • Alineación del texto

  • Ubicación de la galería

  • Relación de imagen

  • Radio de la esquina de la imagen

  • Acolchado superior/inferior de la sección

Estilo

Cambia lo siguiente:

  • Color de texto

  • Color de las flechas en las imágenes

  • Color de las flechas en la galería

  • Fondo de sección (color o imagen)

Botón

Cambia lo siguiente

  • Botón de texto

  • Estilo de botón

  • Forma de botón

  • Estilos de botones secundarios (normal y al pasar el mouse)

  • Tamaño del botón

Habilitar selector de cantidad

Permita o no permita que sus clientes elijan la cantidad del producto habilitando o deshabilitando el selector de cantidad

NOTAS

  • Si actualizas los detalles del producto en el área de gestión de productos, recuerda actualizar tu sitio web para que los cambios aparezcan en línea.

  • No se admiten varios idiomas en la tienda, es decir, los productos solo se pueden mostrar en el idioma predeterminado del sitio web.
    Por ejemplo, si el idioma por defecto de tu tienda es EN, pero además has habilitado los idiomas ES, FR, DE en su sitio, los productos se mostrarán en inglés en todas las versiones del sitio web.

¿Ha quedado contestada tu pregunta?