En este post vamos a ver cómo podemos crear un producto personalizado en Woocommerce. Veremos cómo poder añadir opciones extra al producto (opciones adicionales) con un determinado precio que se añadirá al precio base del producto.
Estas opciones extra del producto sirven para personalizarlo, con opciones como: pedir un texto al cliente para personalizar el producto, que elija entre varios posibles extra, pedir que el cliente suba un archivo para personalizar el producto, etc.
Estas opciones extra también se podrán aplicar sobre variaciones o combinaciones del producto. De hecho, son variaciones y opciones extra de producto son dos conceptos diferentes. Con los atributos creamos diferentes variaciones de un producto con un precio específico, mientras que con las opciones de personalización añadimos opciones extra al producto, cuyo importe se suma al precio base del mismo. Es decir, también podríamos utilizar las opciones extra de una manera similar a los atributos, pero añadiendo un determinado precio al precio base del producto.
QUIERO EL PLUGIN
DISFRUTA DE TODOS MIS CURSOS PREMIUM POR SOLO 10€/MES
ÍNDICE - CREAR PRODUCTOS PERSONALIZADOS CON WOOCOMMERCE + OPCIONES EXTRA PRODUCTOS
- Para qué puede servir crear productos personalizados o añadir opciones extra con Woocommerce
- Plugin Yith Woocommerce products add-ons
- Opciones generales de configuración Yith Woocommerce products addon
- Crear opciones extra de producto globales o específicas
- Personalizar producto Woocommerce o crear opciones extra del producto
Para qué puede servir crear productos personalizados o añadir opciones extra con Woocommerce
Con las opciones extra de personalización, podremos añadir una gran diversidad de campos para personalizar un producto, como: campos de texto, área de texto, subir archivo, radio button (elección), casilla de selección, campo de fecha, número, etc.
Estas opciones extra se podrían usar por ejemplo:
- Opción de envolver para regalo con un precio adicional
- Una pizza a la cual añadimos opciones extra de ingredientes con precio adicional (extra de queso, extra de tomate, etc) o incluso crear un producto pizza personalizado en el cual debes seleccionar todos los ingredientes que la forman.
- Un producto en el cual añadiremos una imagen personalizada que sube el cliente, con un precio adicional.
- Un producto con un texto personalizado y precio adicional.
- Diferentes acabados de un producto, donde cada acabado añade un suplemento al precio base.
Etc. Etc.
QUIERO EL PLUGIN
Plugin Yith Woocommerce products add-ons
De todos los plugins que he estado viendo, el que más me ha gustado para crear productos personalizados con Woocommerce es: Yith Woocommerce products add-ons. Me ha gustado por sus amplias posibilidades y porque hay detrás una marca importante que nos asegura que el plugin se mantendrá actualizado. Es decir, porque está Yith detrás.
Este plugin tiene una versión gratuita limitada y una versión de pago. Las principales diferencias son:
- a.- El plugin gratuito tiene muy limitado los tipos de campos que podemos añadir al producto para personalizarlo. Dispone de: checkbox, radio button y texto. Por otro lado, la versión de pago tiene: checkbox, radio button, texto, subir archivo, área de texto, etiqueta, número, selector, color y fecha.
- b.- El plugin gratuito solo permite añadir un precio fijo a sumar al precio base. Mientras que la versión de pago permite añadir un precio fijo, un porcentaje, multiplicado por el número que introduzca el usuario y multiplicado por el número total de letras introducido por el usuario
pero hay aún más de 20 opciones más de configuración que añade la versión premium con respecto a la versión gratuita, y que puedes consultar aquí:
Desde el siguiente enlace también puedes DESCARGAR LA VERSIÓN GRATUITA haciendo clic en el botón “download the free version” que hay en la siguiente página-> Yith Woocommerce products add-ons
QUIERO EL PLUGIN
Opciones generales de configuración Yith Woocommerce products addon
Una vez hayas instalado el plugin, las opciones generales de configuración las tienes en: “Yith > Complementos de producto”
Vamos a ver las opciones más importantes
General:
- Mostrar complementos: aquí podemos seleccionar donde añadir las opciones extra dentro de la ficha de producto. Podremos elegir entre por encima o por debajo del botón de añadir al carrito.
- Etiqueta del botón de añadir al carrito: opción para personalizar el texto del botón de añadir al carrito.
- Mostrar precio de producto en la “página de carrito”: si marcamos esta opción se mostrará una etiqueta en el carrito con el precio base del producto + el precio de las opciones extra del producto. Si no marcamos esta opción saldrá solo el precio total y el precio de los extras, pero no el precio base.
Complementos (opciones de visualización para todos las opciones extra de productos):
- Mostrar títulos de complemento: mostrar u ocultar el título de las opciones extra de productos.
- Mostrar imágenes de complemento: Podemos añadir pequeñas imágenes que se muestren junto a cada opción de personalización de producto. Desde aquí opción podremos mostrar u ocultar las imágenes asociadas a las opciones extra de productos
- Mostrar descripciones de complemento: mostrar u ocultar la descripción de las opciónes extra añadidas a los productos.
- Enable «collapse» feature: Con esta opción se mostrará una «flechita» para que el visitante pueda plegar y desplegar las opciones de personalización del producto.
- Mostrar add-ons colapsados: si lo seleccionamos, las opciones extra de personalización de producto aparecerán plegadas y tendrán que ser desplegadas por el cliente.
- Activar editor de área de texto: con esta opción podremos mostrar un editor de texto en la opción extra de área de texto.
Crear opciones extra de producto globales o específicas
La forma de crear opciones extra o personalizar los productos es una sola, y desde las dos ubicaciones que vamos a ver a continuación se pueden crear opciones extra aplicadas a un producto específico o a varios productos. Pero, desde una localización crearemos opciones globales y desde otra opciones específicas.
- Opciones extra Globales (generales): si queremos crear una serie de opciones extra de producto globales, que afecten a muchos productos lo habitual sería crear las opciones desde: “Productos > complementos”
- Opciones extra específicas para un solo producto: si lo que queremos es crear una serie de opciones extra para personalizar un producto específico podríamos hacerlo desde la ubicación comentada en el apartado anterior. Pero, lo más lógico sería acceder al producto en cuestión y desde el bloque de “ficha de producto” y pestaña “Complementos del producto” crear las opciones extra.
Desde “Productos > Complementos” vas a tener una mayor capacidad de gestión de los complementos que vayas creando.
QUIERO EL PLUGIN
Personalizar producto Woocommerce o crear opciones extra del producto
Vamos a ver cómo crear opciones extra globales (que afecta a varios productos), pero las específicas de producto son iguales, con la diferencia de que en vez hacerlas desde “Productos > complementos”, las haremos desde el producto en cuestión desde el bloque de “ficha de producto” y pestaña “Complementos del producto”.
Para crear las opciones extra de personalización de productos, crearemos en primer lugar un grupo de opciones. Dentro del grupo de opciones podremos añadir una o más opciones de personalización y asociar el grupo a un producto o a varios productos.
Para crear el grupo y las opciones extra de producto iremos a “Productos > Complementos”
A continuación, haremos clic en el botón “Añadir nuevo”
- Nombre del grupo: pondremos un nombre para diferenciarlo de otros grupos. Este texto no se mostrará en los productos.
- Productos: seleccionaremos los productos a los que queremos que se le apliquen las opciones extra. Si no seleccionamos ningún producto se aplicará a todos.
- Productos excluidos: En caso de seleccionar en el siguiente apartado una o varias categorías de productos, desde esta opción podríamos seleccionar productos a los que queremos que no se apliquen las opciones extra que vamos a crear.
- Categorías: podremos seleccionar una o varias categorías a las que aplique el grupo de opciones extra de productos.
A continuación, hacemos clic en “Guardar grupo”.
Una vez guardado, hacemos clic en “Administrar complementos” (también podemos ir a “Productos > complementos” y hacer clic en el icono de administrar complementos)
A continuación, haremos clic en “Nuevo complemento” y elegiremos el tipo de opción extra que queremos añadir al grupo:
- i.- Casilla (checkbox)
- ii.- Boton radio o radio button
- iii.- Texto (campo de texto)
- iv.- Color (selector de color)
- v.- Fecha (selector de fecha)
- vi.- Etiquetas
- vii.- Etiquetas múltiples
- viii.- Número (unidades)
- ix.- seleccionar
- x.- área de texto (incluso con editor)
- xi.- archivo (botón para subir archivo)
A continuación, haremos clic sobre el campo creado y se desplegarán las opciones. Según el tipo de opción que hayamos elegido nos podrán aparecer unos campos u otros. En el ejemplo he elegido la opción “Casilla”, entre todas las opciones, las más importantes son:
- Titulo: pondremos el título de la opción extra
- Descripción: descripción de la opción extra que queremos añadir
A continuación, haremos clic en el botón “Añadir nueva opción” y estableceremos una cantidad para el campo “Precio” y haremos clic en “Guardar este complemento”.
Ahora podremos añadir alguna otra opción extra al grupo si así lo queremos. Si no es así, pues ya podremos visitar el producto en cuestión y ver como se nos muestra la opción de personalización que acabamos de añadir al producto o productos.
Me encanta el diseño web y el mundo del ecommerce. Apasionado de Prestashop, Woocommerce/Wordpress y de la formación. Me gustaría que este blog te sirviera de ayuda para poner en marcha e ir mejorando y evolucionando tu tienda online. Ya seas un profesional del sector o no, seguro que encontrarás mucha información de valor e interés aquí.
Hola, necesito un plugin que haga lo siguiente. Tengo una imagen de un producto , escribo un texto que podria ser el apellido y que con un boton Previsualizar muestre como quedaria
el producto con el Texto en el centro. Algo como esto: https://merakimetalart.com/products/swirl-monogram-out-doors
Hola Joaquín, soy un seguidor de tu trabajo y me gustaría que me dieras tu opiniñión sobre una cosa que me pasa con este plugin Yith Woocommerce products addon, en su versión gratuita.
Resulta que tengo dos categorias asociadas a dos grupos de complementos, me ocurre lo mismo en ambos grupos. Y es lo siguiente : Al seleccionar el artículo y el complemento me hace la suma total con los impuestos de forma correcta, pero al añadir al carrito la suma no coincide, es de un importe inferior.
Te pongo un ejemplo, todos los precios con el IVA incluido. Selecciono el artículo que vale 115,62, añado el complemento que son 99,37 y la suma es de 214,99, pero al añadir al carrito la suma se convierte en 180,21
He añadido otros artículos haciendo pruebas, y en unos casos me ha dado error y en otros no.
Alguna idea de donde puede estar el error ?
Gracias de todas formas por la ayuda
Hola Antonio.
Pues a priori no sé cual puede ser la causa del problema. Pudiera ser que no te aplicara el IVA en el carrito pero tampoco coincide.
Como no tienes la versión de pago y no puedes acudir al soporte. Mira a ver en el foro gratuito del plugin si a alguien le ha ocurrido lo mismo o escribe tu problema en el foro para que te lo analicen los de Yith:
foro gratis Yith Products addons: https://wordpress.org/support/plugin/yith-woocommerce-product-add-ons/
Me gustaría también invitarte a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre WordPress, Curso como crear una tienda online de éxito, Woocommerce, Curso alta e indexación web en google, cursos Analytics ecommerce, SEO general, SEO tiendas online, Curso copywriting, plantillas wordpress como flatsome, Divi, Astra pro, , etc. etc.