Ejemplo práctico con WooCommerce: Cómo crear un producto a medida en el que el cliente elija los componentes

Una de las cosas más chulas que puedes crear en una tienda son productos que el cliente configure a medida, añadiendo o quitando componentes.

Piensa en una tienda de ordenadores a medida en el que el comprador elija caja, placa madre, disco, monitor; o de bicicletas donde el cliente pueda elegir sillín, cuadro, manillar, etc, o incluso una tienda de cestas regalo para la que tu cliente decida si añade el jamón, turrón, o una botella de cava.

Hay mil ejemplos y necesidades.

Así que te voy a mostrar como crear productos a medida de estas características de manera extremadamente sencilla con WooCommerce.

Requisitos para crear productos a medida

Solo vas a necesitar lo siguiente:

  1. WooCommerce instalado y activo.
  2. El plugin Yith Composite Products for WooCommerce instalado y activo. No hay nada que configurar, tiene ajustes pero es innecesario tocarlos.

El caso de ejemplo

Para que aprendas a crear este tipo de productos nada mejor que ver un ejemplo real, así que he creado un ejemplo de una tienda de PCs a medida, en la que el cliente puede elegir los componentes que tendrá su futuro ordenador.

Primero crea los componentes

El primer paso es crear los componentes del producto compuesto, para que el cliente pueda elegirlos para montar su producto a medida.

Serán productos simples normales, con su precio, con su posible oferta o no, incluso pueden comprarse por separado. De hecho puedes usar productos que ya existan en tu tienda, como componentes separados.

En mi ejemplo, como voy a simular una tienda de ordenadores a medida, los productos que he creado son:

  • 2 cajas de ordenador a elegir.
  • 2 monitores a elegir.
  • 2 placas madre a elegir.
  • 2 discos duros a elegir.

Como puedes ver en las siguientes capturas cada producto son productos normales, como cualquier otro, con su imagen, precio, inventario, lo que sea.

De momento no hay que hacer nada con ellos, pero como ya habrás imaginado serán los futuros componentes de nuestro producto compuesto.

Y, como cualquier otro producto, se pueden comprar individualmente, salvo que elijas expresamente ocultarlos del catálogo por algún motivo.

Ya podemos crear el producto compuesto

Y llega el momento de crear el producto compuesto, que en mi ejemplo he llamado «Crea tu PC a medida».

Como siempre, ponle nombre, descripción, asígnale una imagen, categorías, como siempre.

Lo que cambiará serán los datos del producto, aquí es donde empieza la magia, para lo que seleccionaremos como tipo de producto el llamado «Producto compuesto».

No es un producto agrupado, esa especie de gancho para comprar productos simples, es un producto realmente compuesto de otros productos.

Precio base y precio por artículo

A continuación, y antes de empezar a añadirle componentes, vamos a marcar la casilla «Precio por artículo», para que se añadan al coste final de la compra el precio de cada uno de los componentes que se añadan, ademas del precio base del producto compuesto, obligatorio.

La casilla de «Envío por artículo» es para cuando algunos de los componentes requieren ensamblaje conjunto antes del envío, por lo que los cálculos de envío habría que especificarlos de manera especial en el componente.

Si todos tus componentes se pueden enviar por separado, además de en el producto compuesto, déjala sin marcar, lo que suele ser la opción más común.

Diseño del producto compuesto

Una vez hayas definido tu producto como compuesto habrás visto que aparecen 2 pestañas nuevas:

  • Componentes.
  • Dependencias.

Empezaremos yendo a la pestaña «Componentes», donde lo primero que vamos a seleccionar es cómo se visualizará el producto compuesto, su diseño.

Para ello tenemos 3 opciones:

  • Lista simple: Lista completa de los distintos componentes en la página del producto, con su miniatura, precio, nombre y descripción.
  • Lista en acordeón: En principio solo se ve desplegada la primera opción de complementos y, una vez elegida, puedes ir desplegando el resto.
  • Pasos: Solo se ve la opción de elegir el primer componente, y enlaces para ir pasando al siguiente y así sucesivamente.

Aquí tienes unas capturas de cómo se verá cada diseño:

Añadiendo componentes

Llegados a este punto es el momento de empezar a añadir componentes a nuestro producto compuesto base.

Para ello iremos a la pestaña «Componentes» e iremos añadiéndolos.

En la siguiente captura tienes explicada cada opción del componente, para que sepas como configurarlo correctamente:

Truco: Si te fijas, en la captura anterior he elegido añadir productos, pero también puedes añadir categorías o etiquetas completas, con lo que te ahorras tiempo a la hora de configurar ajustes si tienes un orden riguroso de taxonomías.

Algunos detalles importantes que he anotado también en la captura:

  • Puedes elegir la visualización del componente de 3 maneras distintas:
    • Lista desplegable.
    • Botones de selección única (botones radio).
    • Miniaturas del producto (el elegido en este ejemplo).
  • Es importante que marques la casilla «Contado por separado» para que se sume al producto compuesto y se cuente su precio.
  • Puedes aplicar un descuento adicional al estar incluido en un producto compuesto (o no) e incluso decidir si se sumará a un descuento ya existente (o no).
  • Si marcas el componente como obligatorio el cliente no podrá no añadir a su producto compuesto este componente para poder adquirir el producto compuesto. Si un componente es opcional, por ejemplo el monitor en mi ejemplo, no lo marques y el cliente podrá comprar el producto compuesto a medida sin incluir el monitor.
  • La selección exclusiva sirve para componentes que no puedan incluirse en ningún otro producto compuesto. Es un modo estupendo de forzar ventas de un producto a medida que sea el único que, por ejemplo en mi prueba, pueda llevar una placa madre concreta (o un jamón de pata negra), normalmente componentes premium, y que entonces solo estará disponible en ese producto compuesto en concreto.

Es muy importante, dependiendo del tipo de tienda, elegir bien el tipo de visualización de los componentes, aquí tienes las posibilidades que te he comentado antes:

Cuando termines de añadir los componentes tendrás una lista así en la administración de datos del producto compuesto:

Y así de mono monísimo en tu tienda…

Dependencias

En la pestaña «Dependencias» puedes configurar relaciones condicionales entre componentes. Es una herramienta muy potente e interesante para crear condiciones entre componentes.

Como muestra un ejemplo, en el que si el cliente elige una placa madre concreta solo podrá añadir luego el disco duro para el que le he marcado la dependencia…

Las opciones que hay para los componentes son:

  • Condición «SI», a elegir entre:
    • Sin acción: no hace nada (opción por defecto).
    • Cualquier producto seleccionado: aplicará una acción si hay algún componente seleccionado.
    • La selección es: aplica la condición a un componente concreto.
    • La selección no es: aplica la condición a todos los componentes menos a los seleccionados.
  • Condición «HACER» para, a continuación, en el desplegable, elegir entre:
    • Nada: no hace nada (opción por defecto).
    • Forzar la selección: obliga a añadir el componente que se seleccionará a continuación, y tú decides
    • Excluir: no permite elegir ciertos componentes.
    • Ocultar componente: ocultará los componentes que decidas a continuación.

Como ves, son un montón de posibilidades, con las que personalizar totalmente la experiencia de venta de productos compuestos, con las que podrás determinar qué se vende y conjuntamente con qué. ¡Una maravilla!

¡A comprar!

Sobra decir que la experiencia de compra para el cliente de tu producto a medida será genial y muy sencilla.

Solo tienes que jugar un poco hasta descubrir qué diseño de producto y visualización de componentes es la que mejor funciona en tu tienda y productos compuestos.

Y, también en el carrito y en el pago, el cliente verá su producto a medida en todo detalle:

Una particularidad muy interesante es que desde el carrito el cliente siempre puede hacer clic en el producto compuesto o cada uno de sus componentes y cambiar su selección.

Como habrás podido comprobar, una maravilla, y muy fácil de utilizar, el plugin WooCommerce Composite Products para crear productos a medida, en los que el cliente pueda elegir los componentes.

Puedes usarlo para ofrecer montones de posibles productos personalizables, por ejemplo:

  • Ordenadores a medida, como en este ejemplo que hemos visto.
  • Bicicletas personalizables.
  • Cestas regalo, donde elegir la bebida, si llevará jamón o no, los adornos, lo que sea.
  • Minicasas a medida, eligiendo componentes, calidades, mobiliario, etc.
  • … y casi lo que se te ocurra.
¿Te gustó este artículo? ¡No sabes lo que te estás perdiendo en YouTube!
VALORA ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
FlojitoNo está malEstá bienMe ha servidoFantástico (5 votos, promedio: 5,00 de 5)
Cargando…

Al dejar una valoración se recopila la IP para evitar fraudes

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Mi último libro es WordPress - La guía completa. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera. Sigue a @fernandot en Twitter

Comparte esta entrada en
468 ad

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para saber si ya aceptaste nuestras políticas, si ya estás suscrito a nuestra newsletter, para reconocer el estado de tu sesión si la tuvieses y para servir más rápidos los contenidos.

No se captura IPs ni siquiera para el servicio de Analytics así que tu visita es privada.

JSESSIONID, _cfuid, wpSGCachePypass, mailerlite, gdpr, gawp
mailerlite, _cfuid

Cookies de terceros

Usamos cookies de terceros con servicios, también garantes de tu privacidad, que analizan tus usos de navegación para que podamos mejorar los contenidos, si ya estás suscrito al boletín y los elementos compartidos en redes sociales y el formulario de comentarios.

1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID, disqus_unique, disqusauth
disqus_unique, disqusauth
1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID

Ir al contenido