Si utiliza el WordPress Estoy construyendo un sitio web y quiero crear una página de presentación de productos que sea atractiva y funcional, pero no sé escribir código.Blocksy Un tema es la herramienta adecuada para este trabajo. En este artículo te presentamos el tema Blocksy paso a paso para ayudarte a completar rápidamente la creación de tu página de escaparate de productos.
![Imagen [1] - Creación de páginas de presentación de productos sin código: Guía del usuario de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620163853316-image.png)
?Por qué Blocksy?
![Imagen [2] - Creación de páginas de presentación de productos sin código: Guía del usuario de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620163716714-image.png)
Blocksy es un tema de WordPress gratuito, ligero y personalizable. Es similar a Gutenberg editores o constructores de páginas como Elementor funcionan bien juntos. Con Blocksy, esto es posible:
- Personalizar la estructura y el dise?o de las páginas
![Imagen [3] - Creación de una página de presentación de productos sin código: Guía de uso de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620185808948-image.png)
- Colocación de embalajes interiores de ancho completo o de casete
![Imagen [4] - Creación de páginas de presentación de productos sin código: Guía del usuario de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620185850900-image.png)
- A?ada módulos para imágenes de productos, perfiles, precios, etc.
![Imagen [5] - Creación de páginas de presentación de productos sin código: Guía del usuario de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620191537899-image.png)
- Mostrar información de varios productos mediante el estilo de tarjeta
II. Trabajos preparatorios
Antes de empezar, realice las siguientes acciones:
1. Instalar y activar el tema Blocksy
Vaya a Backstage → Apariencia → Temas → A?adir tema → Busque "Blocksy", haga clic en Instalar y actívelo.
![Imagen [6] - Creación de una página de presentación de productos sin código: Guía de uso de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620190448661-image.png)
2. Instale el complemento Blocksy Companion
Después de la instalación se le pedirá que active el plugin Blocksy Companion, haga clic para confirmar. Este plugin proporciona módulos adicionales y plantillas de página.
![Imagen [7] - Creación de una página de presentación de productos sin código: guía de uso de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620190350499-image.png)
3. Preparación de los materiales del producto
de antemanoFotos del producto, título, precio, características, etc. para una rápida edición posterior.
En tercer lugar, la nueva página de presentación de productos
- Crear nueva página
Backend → Página → Nueva → Introduzca un nombre de página, como "Escaparate de productos".
![Imagen [8] - Creación de una página de presentación de productos sin código: Guía de uso de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620183618859-image.png)
- establecerPlantillas de páginaDise?o de ancho completo
En la columna Ajustes de la parte derecha de la página, seleccione la plantilla como "Blocksy - Página de ancho completo".
![Imagen [9] - Creación de una página de presentación de productos sin código: Guía de uso de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620184355420-image.png)
- A?adir contenido de pantalla
Se recomienda el editor Gutenberg:
- Inserción de módulos "columna", por ejemplo, estructuras de dos o tres columnas
![Imagen [10] - Creación de páginas de presentación de productos sin código: Guía del usuario de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620185002779-image.png)
- A?ada una imagen, un título, un texto introductorio y un botón como "Comprar ahora" en cada columna.
También es posible utilizar el módulo "Medios y texto" para conseguir una presentación claramente estructurada de gráficos y texto uno al lado del otro.
![Imagen [11] - Creación de páginas de presentación de productos sin código: Guía del usuario de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620185138833-image.png)
O elige Blocksy's Sitios de inicio Función de plantilla:
- Ir a Blocksy → Sitios de inicio
![Imagen [12] - Creación de páginas de presentación de productos sin código: Guía de uso de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620175334888-image.png)
- Elija una plantilla de sitio de demostración con un escaparate de productos (por ejemplo, "Tienda" o "Negocio").
- Importe con un clic y modifique directamente su contenido
![Imagen [13] - Creación de páginas de presentación de productos sin código: Guía del usuario de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620191953534-image.png)
IV. Ajustar los detalles de estilo
- Modificar la combinación de colores y los tipos de letra
Vaya a Apariencia → Personalizar → Colores y fuentes para configurar parámetros como el color de fondo, el color de los botones, el estilo del texto, etc.
![Imagen [14] - Creación de páginas de presentación de productos sin código: Guía de uso de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620185353246-image.png)
- Habilitar las esquinas redondeadas de la imagen y los efectos de sombra
Los ajustes de estilo del bloque permiten activar las esquinas redondeadas y las sombras de tarjeta para las imágenes, con el fin de que la página resulte más agradable estéticamente.
![Imagen [15] - Creación de una página de presentación de productos sin código: Guía de uso de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620185501721-image.png)
- Adaptación de las páginas a diversos dispositivos
Blocksy tienereceptivoFunciones de dise?o, sin ajustes adicionales, las páginas se adaptan a teléfonos móviles y tabletas y otros terminales.
V. Publicación de páginas y gestión de menús
Una vez completado el dise?o, haz clic en el botón Publicar en la esquina superior derecha de la página. A continuación, ve a Apariencia → Menú y a?ade la página al sitio principal.menú de navegaciónLos visitantes pueden consultar fácilmente la información sobre los productos.
![Imagen [16] - Creación de páginas de presentación de productos sin código: Guía de uso de Blocksy](http://gqxi.cn/wp-content/uploads/2025/06/20250620190110615-image.png)
VI. Resumen
Blocksy El tema facilita a cualquier usuario de WordPress la creación de una página de escaparate de productos. Desde la elección de una plantilla, la adición de contenido para ajustar el estilo, no requiere ninguna habilidad de desarrollo, sólo una simple operación se puede completar. Ya se trate de mostrar un solo producto o información de múltiples productos, se puede lograr un nivel profesional de efecto visual.
Abra el backend ahora y cree su propia página de escaparate de productos con Blocksy.
Contacte con nosotros | |
---|---|
?No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de peque?as empresas |
![]() Servicio de atención al cliente WeChat
|
① Tel: 020-2206-9892 | |
② QQ咨詢:1025174874 | |
(iii) Correo electrónico: info@361sale.com | |
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres |
Enlace a este artículo:http://gqxi.cn/es/61508El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios