¿Quiere saber cómo personalizar fácilmente las páginas de sus productos WooCommerce? Si tiene una tienda en línea, probablemente desee asegurarse de que las páginas de un solo producto se vean bien, estén organizadas correctamente y coincidan con su marca. Esto puede ser difícil de hacer si solo confía en WooCommerce y su tema para realizar cambios porque está más o menos atascado con el diseño predeterminado.
En su lugar, puede usar otros complementos para hacer cosas como:
- Agregar elementos de contenido adicionales
- Cambiar fuentes y colores
- Realizar cambios en la estructura de la página
- O incluso personalizar completamente las páginas de sus productos desde cero
… ¡Todo sin codificación!
Algunas ideas de plantillas de productos totalmente personalizadas:
¡Encuentre el complemento perfecto para personalizar las páginas de sus productos de acuerdo con lo que necesita a continuación!
1. Edite el estilo cosmético de las páginas de sus productos
Aquí hay algunos complementos excelentes si está buscando solo algunos pequeños ajustes cosméticos, como cambios en sus fuentes, colores o cambios en elementos individuales.
Colores de WooCommerce
WooCommerce Colors le permite personalizar los colores de varios elementos de WooCommerce, como el botón Agregar al carrito, el precio del producto y más. Puede realizar estos cambios utilizando el Personalizador nativo de WordPress.
Cambiar el color del botón Agregar al carrito con el complemento Colores de WooCommerce
Este es un complemento simple y directo que no requiere ningún conocimiento de CSS. Sin embargo, solo le permite ajustar los colores y es posible que no pueda anular algunos colores según su tema.
Precio: Gratis
Lápiz amarillo
YellowPencil le permite cambiar sus fuentes, colores, tamaños de fuente, espaciado entre elementos e incluso agregar efectos visuales animados en el front-end de su sitio. Hay muchas opciones de estilo en la versión gratuita, pero Yellow Pencil Pro agrega opciones avanzadas para degradados, animaciones, fuentes personalizadas, paletas de colores, imágenes de fondo y más.
Cambiar la fuente del título de la página de un producto, el color del precio y el color del botón con el complemento YellowPencil
YellowPencil funciona en cualquier página de su sitio, no solo en las páginas de sus productos. Genera automáticamente código CSS para su sitio a medida que lo usa y lo guarda en su base de datos en lugar de en su archivo de tema. Esto asegura que no perderá sus cambios cuando actualice sus temas.
YellowPencil le permite reordenar elementos en su plantilla, pero no puede agregar elementos nuevos. Como resultado, está restringido a los elementos que ya existen en la plantilla predeterminada de un solo producto.
Precio: Gratis, con opciones de actualización pagas
Héroe CSS
Qué hace: CSS Hero es un editor visual que le permite realizar cambios de estilo en su sitio ajustando automáticamente el CSS a medida que realiza cambios visuales.
Cambiar el color del botón Agregar al carrito con el complemento CSS Hero
Personalice los elementos de su plantilla cambiando los colores, las fuentes, los puntos de interrupción de respuesta y más. También puede ocultar elementos o guardar el estilo de ciertos elementos para reutilizarlos en otros lugares de su sitio.
Sin embargo, no puede reordenar ni agregar elementos nuevos, por lo que está limitado al diseño y los elementos que ya existen en la plantilla de producto.
Precio: Pagado, comienza en $ 29 por año
2. Agregar nuevos elementos a los listados de productos
Si está buscando agregar elementos adicionales a sus páginas, como lugares para contenido adicional o videos de productos, estos complementos ofrecen formas de agregar estos elementos a las páginas de sus productos individuales.
Personalizador de página de producto único de WooCommerce
El personalizador de página de producto único de WooCommerce le permite agregar campos de texto personalizado o HTML en su plantilla de producto y elegir en qué parte de la página mostrarlos.
Por ejemplo, puede agregar información como una guía de tallas de ropa, información de envío o un enlace a la política de devolución de su tienda. Luego, esta información se muestra para todos sus productos.
Este es un complemento muy sencillo y fácil de usar, pero está limitado en lo que puede hacer con él. Por ejemplo, no puede elegir mostrar información solo para algunos productos. Tampoco puede agregar otros tipos de elementos a su plantilla y no puede reorganizar ninguno de los elementos existentes.
Precio: Gratis
Pestañas de productos personalizadas para WooCommerce
Las pestañas de productos personalizadas para WooCommerce le permiten agregar pestañas adicionales de texto, imágenes, HTML o códigos cortos en las páginas de sus productos. A continuación, puede elegir qué productos mostrar la información.
Puede utilizar este complemento para mostrar información adicional sobre los fabricantes, compartir su política de devolución o agregar fotos adicionales sin saturar la página del producto.
Nuevamente, este complemento tiene un propósito muy específico. No es posible personalizar ninguna otra parte de las plantillas de sus productos con este complemento además de agregar pestañas de contenido adicional.
Si desea mostrar contenido específico de un producto en sus pestañas, como tablas de tallas por producto, no podrá hacerlo ingresando la información del producto de forma dinámica. En su lugar, deberá crear pestañas individuales para cada producto con el contenido específico y agregarlas al producto correcto.
Precio: Gratis, con una versión Pro de pago
Video de producto para WooCommerce
El video de producto para WooCommerce le permite agregar videos a las páginas de su producto o a la galería de su producto. Puede elegir incrustar videos de YouTube, Vimeo, Dailymotion, Metacafe o Facebook, o puede cargar los suyos propios. También ofrece varias opciones de visualización: en una ventana emergente, dentro de su página y en pantalla completa.
El complemento te da mucho control sobre cómo se muestra tu video. Puede personalizar las dimensiones de su video, habilitar la reproducción automática, reproducir el video en un bucle y cargar una imagen en miniatura específica.
Al igual que con los otros complementos de esta categoría, las funciones de este complemento se limitan a los videos. No puede personalizar ninguna otra parte de la plantilla de producto con este complemento.
Precio: Pagado, actualmente $ 49
3. Cree productos completamente personalizados
Si está buscando páginas de productos que sean completamente exclusivas para usted, puede crear páginas completamente personalizadas, y sitios completos, que le permitan especificar el estilo, el diseño de la página y más.
Conjunto de herramientas
Toolset le brinda la capacidad de crear sus plantillas de productos completamente desde cero con el diseño, el estilo y los elementos de página que desee, todo sin codificación.
Precio: Pagado, planes desde $ 69
Cree su plantilla con contenido dinámico y un estilo completamente personalizado
Con Toolset, puede crear fácilmente su plantilla de producto utilizando bloques de WooCommerce y Toolset y completar esos bloques con contenido dinámico. Esto significa que solo necesita diseñar la plantilla una vez, y obtendrá el nombre del producto, la descripción, el precio, las reseñas y más automáticamente según el producto.
Una vez que se construye su plantilla de producto, puede usar la abundancia de opciones de estilo para que se vea exactamente como lo desea sin estar limitado por ninguna opción predeterminada.
Elija criterios de visualización específicos para sus plantillas
También puede diseñar diferentes plantillas para diferentes criterios: por ejemplo, puede diseñar diferentes plantillas para artículos agotados, para diferentes categorías o atributos de productos, e incluso asignar prioridades en caso de que se apliquen varias plantillas a un producto.
Personalice aún más su tienda WooCommerce con aún más funcionalidad
Los creadores de páginas populares como Elementor Pro, Divi y WPBakery también ofrecen opciones para crear y personalizar páginas de productos de WooCommerce. Las funciones adicionales disponibles con el conjunto de complementos de Toolset se pueden usar específicamente para tiendas WooCommerce u otros tipos de sitios.
Por ejemplo, puede:
- Cree formularios de front-end que permitan a sus proveedores agregar sus productos a su sitio
- Cree relaciones de publicación que le permitan conectar sus productos con otros tipos de publicaciones (como «Atuendos»)
- Muestre las ubicaciones de sus tiendas en un mapa
- Agregue una potente función de búsqueda y filtrado
- Cree campos personalizados adicionales para definir mejor sus productos
Elegir las herramientas de WooCommerce adecuadas para usted
Si no le gustan las opciones disponibles a través de WooCommerce o su tema, no hay escasez de complementos gratuitos y de pago para que su tienda sea exactamente como la desea.
La construcción de una tienda WooCommerce personalizada no tiene por qué ser difícil ni requerir una programación personalizada costosa. Con los complementos de este artículo, puede crear tiendas WooCommerce avanzadas, hermosas y funcionales, ¡sin necesidad de codificación!
