Saltar al contenido
Closer Marketing

Cómo crear páginas personalizadas de productos WooCommerce


¿Le gustaría aprender 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 complicado si solo confía en WooCommerce y su tema para realizar cambios, ya que se adhiere más o menos al diseño estándar.

Producto estándar de WooCommerce

En su lugar, puede utilizar otros complementos para hacer lo siguiente:

  • 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 para plantillas de productos totalmente personalizadas:

Ejemplos de productos personalizados de WooCommerce

¡Encuentre el complemento perfecto para personalizar las páginas de sus productos de la manera que desee!

1. Edite el estilo cosmético de las páginas de sus productos.

Aquí hay algunos complementos geniales si solo está buscando algunos pequeños ajustes cosméticos, como: B. Cambios en sus fuentes, colores o cambios en elementos individuales.

Colores de WooCommerce

Colores de WooCommerce

WooCommerce Colors le permite personalizar los colores de varios artículos de WooCommerce como el botón Agregar al carrito, el precio del producto y más. Puede realizar estos cambios utilizando el personalizador de WordPress nativo.

Complemento de colores de WooCommerce

Cambie 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 puede personalizar los colores y es posible que no pueda anular algunos colores según el tema.

Precio: Libre

Lápiz amarillo

YellowPencil le permite cambiar sus fuentes, colores, tamaños y espaciado entre elementos e incluso agregar efectos visuales animados al front-end de su sitio. Hay muchas opciones de estilo en la versión gratuita, pero Yellow Pencil Pro tiene opciones avanzadas para degradados, animaciones, fuentes personalizadas, paletas de colores, imágenes de fondo y más.

Complemento YellowPencil

Cambiar la fuente del título, el color del precio y el color del botón de una página de producto con el complemento YellowPencil

YellowPencil funciona en todas las páginas de su sitio web, 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 almacena en su base de datos en lugar de en su archivo de tema. Esto asegura que cuando actualice sus temas, no perderá sus cambios.

YellowPencil le permite reorganizar elementos en su plantilla, pero no puede agregar elementos nuevos. Como resultado, está limitado a lo que ya está en la plantilla predeterminada para productos individuales.

Precio: Gratis con opciones de actualización pagas

Héroe CSS

Complemento CSS Hero Live CSS Editor

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.

Complemento CSS Hero

Cambie el color del botón Agregar al carrito con el complemento CSS Hero

Personalice los elementos de su plantilla cambiando colores, fuentes, puntos de interrupción receptivos y más. También puede ocultar elementos o guardar el diseño de ciertos elementos para reutilizarlos en otra parte de su sitio.

Sin embargo, no puede reorganizar ni agregar elementos, por lo que está limitado al diseño y los elementos que ya están en la plantilla de producto.

Precio: Pagado, comienza en $ 29 por año

2. Agregue nuevos artículos a las listas de productos

Si desea agregar elementos adicionales a sus páginas, como B. Lugares para contenido adicional o videos de productos, estos complementos ofrecen posibilidades para agregar estos elementos a las páginas de sus productos individuales.

Personalizador de página de producto único de WooCommerce

Personalizador de página de producto único de WooCommerce

El personalizador de página de producto único de WooCommerce le permite agregar texto personalizado o campos HTML a su plantilla de producto y elegir en qué parte de la página mostrarlos.

Por ejemplo, puede agregar información como instrucciones sobre la talla del vestido, información de envío o un enlace a la política de devolución de su tienda. Esta información se mostrará para todos sus productos.

Personalizador para páginas de productos individuales

Este es un complemento muy simple y fácil de usar, pero hay un límite en lo que puede hacer con él. Por ejemplo, no puede optar por mostrar información solo para algunos productos. Tampoco puede agregar otros tipos de elementos a su plantilla o reorganizar cualquiera de los elementos existentes.

Precio: Libre

Pestañas de productos personalizadas para WooCommerce

Pestañas de productos personalizados de YIKES para el complemento gratuito de WooCommerce

Con pestañas de productos personalizadas para WooCommerce, puede agregar pestañas adicionales a las páginas de sus productos con texto, imágenes, HTML o códigos cortos. A continuación, puede elegir para qué productos se debe mostrar la información.

Este complemento le permite ver información adicional del fabricante, compartir su política de devolución o agregar fotos adicionales sin saturar la página del producto.

Pestañas de productos personalizadas para WooCommerce

Este complemento también tiene un propósito muy específico. Con este complemento, no puede personalizar ninguna otra parte de las plantillas de sus productos, excepto las pestañas con contenido adicional.

Si desea mostrar contenido específico del producto en sus pestañas, p. Ej. B. Tablas de tallas por producto, no puede hacer esto recuperando dinámicamente la información del producto. En su lugar, debe 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

Video de producto para WooCommerce

Con Video de producto para WooCommerce, puede agregar videos a las páginas de sus productos o a la galería de sus productos. Puede incrustar videos de YouTube, Vimeo, Dailymotion, Metacafe o Facebook o cargar sus propios videos. También ofrece diferentes opciones de visualización: en una ventana emergente, en su página y en modo de pantalla completa.

Video de producto para WooCommerce

El complemento te da mucho control sobre cómo se muestra tu video. Puede ajustar las dimensiones de su video, habilitar la reproducción automática, reproducir el video en bucle y cargar una 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. Crea productos totalmente personalizados

Si está buscando páginas de productos que sean completamente exclusivas para usted, puede crear páginas totalmente personalizadas, y sitios web completos, donde puede establecer el estilo, el diseño de la página y más.

Conjunto de herramientas

Campos personalizados de WooCommerce para el conjunto de herramientas

Con Toolset, puede crear completamente sus plantillas de productos desde cero con los diseños, estilos y elementos de página que desee, sin necesidad de codificación.

Precio: Pagado, los planes comienzan en $ 69

Crea tu plantilla con contenido dinámico y un diseño totalmente personalizado

Con Toolset puede crear fácilmente su plantilla de producto con bloques WooCommerce y Toolset y llenar estos bloques con contenido dinámico. Esto significa que solo tienes que diseñar la plantilla una vez. Dependiendo del producto, se muestran automáticamente el nombre correcto del producto, la descripción correcta, el precio correcto, las calificaciones correctas y mucho más.

Una vez que se ha creado su plantilla de producto, puede usar la gran cantidad de opciones de estilo para que se vea exactamente como lo desea sin estar atado a opciones estándar ser.

Plantilla de producto personalizada para el conjunto de herramientas

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 si se aplican varias plantillas a un producto.

Plantilla de conjunto de herramientas para productos agotados

Personaliza tu tienda WooCommerce con aún más funciones

Los creadores de páginas populares como Elementor Pro, Divi y WPBakery también ofrecen opciones para crear y personalizar páginas de productos WooCommerce. Las funciones adicionales del paquete de complementos Toolset se pueden usar específicamente para tiendas WooCommerce u otros tipos de sitios web.

Conjunto de herramientas Personalice su tienda WooCommerce

Por ejemplo, puede:

  • Cree formularios de front-end que sus proveedores pueden usar para agregar sus productos a su sitio web
  • Cree relaciones de publicación que pueda utilizar para conectar sus productos con otros tipos de publicaciones (por ejemplo, «atuendos»).
  • Muestre sus sucursales en un mapa
  • Agregue potentes funciones de búsqueda y filtro
  • Cree campos personalizados adicionales para definir mejor sus productos

Conjunto de herramientas Personalice su tienda WooCommerce

Elegir las herramientas de WooCommerce adecuadas para usted

Si no le gustan las opciones disponibles para usted a través de WooCommerce o su tema, no hay escasez de complementos gratuitos y de pago para hacer que su tienda sea exactamente como lo desea.

La construcción de una tienda WooCommerce personalizada no tiene por qué ser difícil o requerir una programación personalizada costosa. Los complementos de este artículo le permiten crear tiendas WooCommerce avanzadas, hermosas y funcionales, ¡no se requiere codificación!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Esta web utiliza cookies, puedes ver la política de cookies aquí.    Más información
Privacidad