Tus productos son únicos – las páginas de producto que los muestran también deberían serlo. La plantilla predeterminada de la página de productos de WooCommerce es un gran ajuste para muchas tiendas en línea, pero es posible que desee algo que refleje el estilo y los beneficios individuales de sus productos.

No tienes que ser un desarrollador para poner tu propio sello en las páginas de producto gracias a unas cuantas extensiones de WooCommerce (y una función principal de WooCommerce).

Adiciones de producto

La extensión Product Add-Ons añade más campos a tus páginas de producto para que los compradores puedan personalizar sus compras. Disponga las opciones mediante cuadros de texto, casillas de verificación o desplegables y añada variaciones con imágenes de muestra: inclúyalas para productos individuales o para todo su catálogo.

Perfecto para: tiendas de comercio electrónico que ofrecen opciones adicionales como envoltorios de regalo y monogramas.

• Si es una tienda de ropa que ofrece bordados, permita que los clientes escriban el texto que quieren bordar antes de pasar por caja para que no tenga que ponerse en contacto con ellos después de la compra.
• Si vendes cojines, ofrece opciones de tela, tamaño o estilo.
• Si vendes joyas, deja que los clientes elijan la cita que quieren que se grabe en la pieza.
• Si ofreces productos para regalar, incluye opciones para envolverlos o una nota de agradecimiento.
• Si vendes productos electrónicos, permite que los compradores adquieran una garantía que proteja su artículo.
• Si eres una organización sin ánimo de lucro, permite que las personas que te apoyen incluyan una donación con la compra de su mercancía.

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

Obtenga más información sobre los complementos de productos.

Muestras y fotos de variaciones

Si su producto tiene variaciones de color o patrón, los compradores quieren verlas en acción. La extensión Variation Swatches and Photos muestra variaciones -estilos, tamaños, patrones, colores, etc.- con una imagen o muestra de color para dar a los clientes una mejor idea de lo que están comprando exactamente y mejorar el diseño de sus páginas de producto.

Perfecto para: tiendas de comercio electrónico con productos variables.

• Si vende camisetas, muestre las opciones de color.
• Si vende gafas, muestre todas las opciones de montura.
• Si vende joyas, destaque los colgantes que los clientes pueden elegir.
• Si vende monopatines, incluya imágenes de los patrones que ofrece.

Aprenda más sobre Muestras y fotos de variación y véalo en acción.

Imagen 360º de WooCommerce

Con la Imagen 360º de WooCommerce, puede añadir una rotación de imagen dinámica y personalizada de 360º a las páginas de productos para que los compradores puedan centrarse en los detalles del producto. Añade un grupo de imágenes a una galería de productos, y la imagen destacada será reemplazada por una hermosa imagen de 360º que los clientes pueden girar para ver todos los aspectos del producto. También es completamente responsivo, por lo que los compradores en dispositivos móviles tienen la misma gran experiencia.

Perfecto para: tiendas de comercio electrónico que quieren dar a los clientes una experiencia como la de sostener físicamente un producto.

• Si vende muebles, los clientes pueden entender su estilo desde todos los ángulos.
• Si vende piezas de automóviles, los clientes pueden examinar los detalles cercanos que les importan.
• Si vendes relojes, los clientes pueden acercarse a todos los matices, grabados y características.

Aprende más sobre la Imagen 360º de WooCommerce.

Vídeo de producto para WooCommerce

Los vídeos son una potente forma de mostrar tus productos en acción. Utiliza la extensión Product Video for WooCommerce para añadir vídeos a tu galería de imágenes de productos, o para sustituir las imágenes destacadas por vídeos. Sube los vídeos a tu biblioteca multimedia de WordPress o incrústalos 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, demuestra el tamaño de la herramienta y cómo funciona.
• Si vendes ropa, muestra cómo un artículo se ajusta a una variedad de tipos de cuerpo y combina con otras piezas.
• Si vendes juguetes, incluye clips de niños jugando con tus productos y testimonios de padres felices.

Aprende más sobre el Vídeo de Producto para WooCommerce.

Tabla de Tallas para WooCommerce

Si vendes productos que vienen en varias tallas, una tabla ayuda a los clientes a entender cuál comprar y reduce el número de devoluciones. La extensión Size Chart for WooCommerce añade gráficos de tallas a las páginas de productos: sube los tuyos o crea uno en tu panel de control. Puedes optar por mostrar los gráficos en los detalles del producto o como una ventana emergente.

Perfecto para: tiendas de comercio electrónico que venden productos en varias tallas

Ejemplos:

• Si vende camisetas, añada una tabla de tallas con medidas de hombros, pecho y altura.
• Si vende muebles, añada una tabla de tallas con medidas de longitud, altura y profundidad.
• Si vende pegatinas, añada una tabla de tallas con medidas de altura y anchura.

Aprenda más sobre la tabla de tallas para WooCommerce.

Recomendaciones de productos

Las ventas adicionales y las ventas cruzadas son formas eficaces de aumentar el tamaño de los carros de los clientes y sus ventas en general. Utilice las recomendaciones de productos para mostrar a los clientes más de lo que les interesa. Añada productos recomendados en función de lo que es popular, lo que es nuevo, lo que está en oferta, lo que completa un look, etc. O muéstrelos basándose en lo que ya está en el carrito de su cliente.

Perfecto para: tiendas de comercio electrónico con más de un producto

• Si vende zapatos, recomiende calcetines o cordones.
• Si vende pendientes, recomiende pulseras y collares de la misma colección.
• Si vende juguetes, recomiende rompecabezas similares al que un cliente tiene en su carrito.
• Si vende plantas, recomiende otras variedades populares o complementos para el suelo.

Aprenda más sobre las recomendaciones de productos.

Cambios sencillos de CSS, sin necesidad de extensión

CSS es un lenguaje de codificación que controla el diseño de su sitio web, desde las fuentes y los colores hasta el tamaño de los botones y los fondos. Si tienes algunos conocimientos básicos de CSS, ve a Apariencia → Personalizar → CSS adicional en tu panel de control y realiza los siguientes cambios:

Cambia el tamaño de la fuente de los títulos de los productos

Utiliza el siguiente código para cambiar el tamaño de los títulos de tus productos a 36px. Sustituye el «36» por el número que desees.

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

Cambia 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. Utiliza el siguiente código para cambiar el color de los títulos de tus productos al código hexadecimal #FF5733. Sustituya el código hexadecimal por el que desee; puede utilizar el selector de color de HTML para obtener el código de cualquier color que desee.

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

Haga que las etiquetas de las variaciones estén en negrita

Utilice el código siguiente para mostrar los títulos de sus variaciones en negrita.

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

Colocar las etiquetas de las variaciones en cursiva

Utilice el código siguiente para colocar las etiquetas de las variaciones en cursiva.

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

Cambie los colores del botón Comprar ahora:

Utilice este código para cambiar el color de fondo del botón Comprar ahora. De nuevo, utiliza el selector de color HTML para obtener el código hexadecimal del color que te gustaría utilizar.

.woocommerce div.product .button { background: #000000;}

Empieza a personalizar tus páginas de producto

WooCommerce se basa en la flexibilidad y la personalización, por lo que proporciona todas las herramientas que necesitas para editar el diseño y la funcionalidad de las páginas de producto. Añadiendo campos, vídeos, tablas de tallas y mucho más, sus páginas pueden ser tan únicas como los productos que presentan.

Consulte nuestra completa biblioteca de extensiones para obtener aún más opciones.