5 Plugins para personalizar las páginas de productos de WooCommerce

Conecta WooCommerce con

Tus publicaciones siempre actualizadas y listas para generar ventas

Comparte:
Share on facebook
Share on google
Share on twitter
Share on linkedin

Tus productos son únicos: las páginas de productos de Woocommerce en los cuales los presentas también deberían serlo.

La plantilla de página de producto predeterminada de WooCommerce es ideal para muchas tiendas online, pero es posible que desees algo que refleje el estilo y los beneficios individuales de tus productos.

No tienes que ser un programador avanzado en WordPress para crear tu propio sello en las páginas de productos, sólo con algunas extensiones de WooCommerce (y una característica central de WooCommerce) podrás hacerlo.

Product Add-ons

Este plugin de Woocommerce agrega más campos a las páginas de tus productos para que los compradores puedan personalizar sus compras.

Diseña opciones utilizando cuadros de texto, casillas de verificación o menús desplegables y agrega variaciones con imágenes de muestra, inclúyelas para productos individuales o para todo tu catálogo.

Es perfecto para tiendas de comercio electrónico que ofrecen opciones adicionales como envoltura de regalos y diseños personalizados.



Aquí algunos ejemplos:

Si tienes una tienda de ropa que ofrece bordados, esto permite que los clientes escriban el texto que desean bordar antes de pagar para que no tenga que comunicarse contigo después de la compra.

  • Si vendes almohadas decorativas, puedes ofrecer opciones de tela, tamaño o estilo.
  • Si vendes joyas, deja que los clientes escriban el texto que les gustaría grabar en la pieza.
  • Si tienes un eCommerce de regalos, puedes habiliar opciones para envolver regalos o permitir  que los clientes escriban notas de agradecimiento.
  • Si vendes productos electrónicos, permite que los compradores compren una garantía que proteja su artículo.
  • Si eres una asociación sin fines de lucro, permite que las personas que te apoyan incluyan una donación con la compra de su mercancía.

Puedes cobrar por cada complemento u ofrecer personalizaciones gratis. Es una forma flexible de ofrecer a los compradores las opciones que necesitan.

Variation Swatches and Photos

Si tu producto tiene variaciones de color o patrones específicos, los compradores quieren verlos en acción.

La extensión “Variation Swatches and Photos” muestra variaciones (estilos, tamaños, patrones, colores, etc.) con una imagen o muestra de colores para darles a los clientes una mejor idea de lo que están comprando y mejorar el diseño de las páginas de sus productos.

personalizar pagina del producto woocommerce

Esto es perfecto para: tiendas de comercio electrónico con productos variables.

  • Si vendes camisetas, muestre las opciones de color.
  • Si vendes anteojos, muestra todas tus opciones de montura.
  • Si vendes joyas, resalta los colgantes que los clientes pueden elegir.
  • Si vendes patinetas, incluya imágenes de los patrones que ofrece.

WooCommerce 360º Image

Con WooCommerce 360º Image, puedes agregar una rotación de imagen dinámica y personalizada de 360º a las páginas de productos para que los compradores puedan conocer cada ángulo del producto.

Agrega un grupo de imágenes a una galería de productos, y la imagen presentada se reemplazará con una hermosa imagen de 360º que los clientes pueden rotar para ver todos los aspectos del producto.

Este plugin de Woocommerce para personalizar la página del producto es totalmente adaptada a móviles, por lo que los compradores en dispositivos móviles también tendrán la misma gran experiencia.

personalizar pagina del producto woocommerce

Este complemento de Woocommerce es perfecto para: tiendas de comercio electrónico que desean ofrecer a los clientes una experiencia inmersiva.

  • Si vendes muebles, los clientes pueden entender su estilo desde todos los ángulos.
  • Si vendes autopartes, los clientes pueden examinar los detalles de primer plano que les interesan.
  • Si vendes relojes, los clientes pueden ampliar cada matiz, grabado y función.

Video del producto para WooCommerce

Los videos son una forma poderosa de mostrar tus productos en acción.

Usa la extensión Product Video for WooCommerce para agregar videos a la galería de imágenes de tu producto o para reemplazar las imágenes destacadas con videos.

Sube los videos a tu biblioteca de medios de WordPress o incrústelos desde servicios de terceros como Vimeo o YouTube.

Perfecto para: tiendas de comercio electrónico con productos que se muestran mejor en acción

  • Si vendes herramientas eléctricas, demuestre el tamaño de la herramienta y cómo funciona.
    Si vendes ropa, muestre cómo un artículo se adapta a una variedad de tipos de cuerpo y se combina con otras piezas.
  • Si vende juguetes, incluya clips de niños jugando con sus productos y testimonios de padres felices.

Tabla de talles para WooCommerce

Si vendes productos que vienen en varios tamaños, un cuadro ayuda a los clientes a comprender cuál comprar y reduce la cantidad de devoluciones.

“Size Chart for Woocommerce” es un plugin para WooCommerce que agrega tablas de talles a las páginas de productos: carga la tuya o cree una en tu tablero. Puedes optar por mostrar gráficos en los detalles del producto o como una ventana emergente.

Lee Los mejores plugins de Woocommerce que deberías estar usando

Es una extensión perfecta para tiendas de comercio electrónico que venden productos en varios tamaños.

personalizar pagina del producto woocommerce

Ejemplos:

  • Si vendes camisetas, agrega una tabla de talles con medidas de hombro, pecho y altura.
  • Si vendes muebles, agrega una tabla de tallas con medidas de longitud, altura y profundidad.
  • Si vendes pegatinas, agregue una tabla de tallas con medidas de altura y ancho.

Lee Los 3 Mejores Plugins de Backup de WordPress

Recomendaciones de productos

Las ventas adicionales y las ventas cruzadas son formas efectivas de aumentar el tamaño de los carritos de los clientes y elevar el ticket promedio de las ventas.

Utiliza “Product recommendations” para mostrar a los clientes más de lo que les interesa.

Agrega productos recomendados basados en lo que es popular, lo nuevo, lo que está en oferta, o productos complementarios y más.

personalizar productos woocommerce

O también puedes mostrar productos en función de lo que ya está en el carrito de su cliente.

Este plugin de personalización de productos en Woocommerce es perfecto para tiendas de comercio electrónico que buscan aumentar sus ingresos u ofrecer de forma atractiva productos complementarios.

  • Si vendes zapatos, recomienda medias o cordones.
  • Si vendes pendientes, recomienda pulseras y collares de la misma colección.
  • Si vende juguetes, recomienda rompecabezas similares a los que tiene un cliente en su carrito.
  • Si vende plantas, recomienda otras variedades populares o packs de tierra abonada.

Cambios simples de CSS, que no requieren extensiones pagas

CSS es un lenguaje de codificación que controla el diseño de tu sitio web, desde fuentes y colores hasta tamaños de botones y fondos.

Si tienes algún conocimiento básico de CSS, ve a Apariencia → Personalizar → CSS adicional en su tablero y realice los siguientes cambios:

Cambiar el tamaño de fuente de los títulos de productos

Usa el siguiente código para cambiar el tamaño de los títulos de sus productos a 36px. Reemplace el “36” con el número que desee.


.woocommerce div.product .product_title {
font-size: 36px;
}

Cambiar el color de los títulos de los productos.

Un código hexadecimal es un código de seis dígitos que representa un color específico en línea.

Use el código a continuación para cambiar el color del título de su producto al código hexadecimal # FF5733.

Reemplaza el código hexadecimal para que sea coherente a la paleta de colores de tu marca; puedes usar el selector de color HTML para obtener el código de cualquier color.


.woocommerce div.product .product_title {
color: #FF5733;
}


 

Poner etiquetas de las variaciones en negrita

Usa el siguiente código para mostrar tus títulos de variación en texto en negrita.


.woocommerce div.product form.cart .variations label {
font-weight: bold;
}


Poner en cursiva las etiquetas de variación

Use el siguiente código para poner en cursiva las etiquetas de variación.


.woocommerce div.product form.cart .variations label {
font-style: italic;
}


Comience a personalizar tus páginas de productos

En WooCommerce todo se trata de flexibilidad y personalización, por eso cuentas con las herramientas necesarias para editar el diseño y la funcionalidad de las páginas de productos.

Al agregar campos, videos, tablas de tallas y más, tus páginas pueden ser tan únicas como los productos que vendes.

Comparte:
Share on facebook
Share on google
Share on twitter
Share on linkedin
Continua leyendo...

Aumenta tu conocimiento y potencia tus ventas

Boletín mensual, artículos y consejos eCommerce

Deja una respuesta

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

Administradores de tiendas WooCommerce & MercadoLibre

¿Listo para hacer crecer tus ventas?

Suscríbase a nuestra lista semanal de consejos prácticos para hacer crecer su tienda, directamente a su bandeja de entrada