{"id":168,"date":"2023-05-22T09:50:16","date_gmt":"2023-05-22T09:50:16","guid":{"rendered":"https:\/\/blog.hostinger.io\/es\/support\/2023\/05\/22\/6538352-hostinger-creador-de-sitios-web-secciones-de-productos\/"},"modified":"2025-08-26T21:48:29","modified_gmt":"2025-08-26T21:48:29","slug":"6538352-hostinger-creador-de-sitios-web-secciones-de-productos","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/es\/support\/6538352-hostinger-creador-de-sitios-web-secciones-de-productos\/","title":{"rendered":"Hostinger Creador de Sitios Web: Secciones de Productos"},"content":{"rendered":"

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

\n<\/p>

1. Dentro del creador de sitios web, expande el panel Páginas y navegación<\/b> 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<\/b>:<\/p>

\n<\/p>

\"Añadir<\/div>

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

\n<\/p>

Sección de lista de productos<\/h1>

Este tipo de sección se utiliza para mostrar todos tus productos o una categoría de productos<\/a><\/b> 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:<\/b><\/p>

\n<\/p>

\"Editar<\/div>

Y selecciona la categoría<\/b> preferida:<\/p>

\n<\/p>

\"Selecccionar<\/div>

Aquí puedes encontrar más información sobre la configuración de la sección de la lista de productos<\/b>:<\/p>

\n\n\n\n\n\n\n\n\n
\n

Categoría<\/b><\/p>\n<\/td>\n

\n

Mostrar todos los productos o una categoría de producto específica<\/p>\n<\/td>\n<\/tr>\n

\n

Diseño<\/b><\/p>\n<\/td>\n

\n

Cambia lo siguiente:<\/p>\n

    \n
  • \n

    Estilo de visualización del producto<\/p>\n<\/li>\n

  • \n

    Columnas (productos por fila)<\/p>\n<\/li>\n

  • \n

    Margen superior\/inferior de la sección<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n

\n

Estilo<\/b><\/p>\n<\/td>\n

\n

Cambia lo siguiente:<\/p>\n

    \n
  • \n

    Color de texto<\/p>\n<\/li>\n

  • \n

    Color de fondo de la sección (color o imagen)<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n

\n

Paginación<\/b><\/p>\n<\/td>\n

\n

Especifica el número de productos por página (dentro de la sección de lista de productos)<\/p>\n<\/td>\n<\/tr>\n

\n

Botón Añadir a la bolsa<\/b><\/p>\n<\/td>\n

\n

Habilita el botón Agregar a la bolsa<\/b> 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.<\/p>\n<\/td>\n<\/tr>\n

\n

Cintas<\/b><\/p>\n<\/td>\n

\n

Cambia lo siguiente:<\/p>\n