¡Mejora Tus Productos Variables En WooCommerce Con Este Plugin!
Вставка
- Опубліковано 5 жов 2024
- Versión Premium del Plugin ➜ nicomelian.com...
10% de Descuento con el Código "Melian"
Crea tu Tienda Online Desde 0 ➜ • Cómo Crear Una Tienda ...
En este tutorial vas a descubrir cómo mejorar tus productos variables en WooCommerce y que luzcan de la mejor manera posible.
Los productos variables en WooCommerce son un tipo de producto que permite hacer variaciones en algunas de sus características o atributos, ya sea Color, Tamaño, Talla, etc.
Cuando creamos productos variables las variaciones no lucen muy bien, para esto podemos usar Variation Swatches For Woocommerce, un plugin gratis de WordPress.
Pasos:
1. Instalar plugin "Variation Swatches For Woommerce".
2. Crear atributos, los atributos se utilizan para definir las características variables de un producto. Para crearlos vamos a Productos y elegimos Atributos. Una vez lo creamos hacemos clic en él para agregar los diferentes elementos que queremos en el atributo.
3. Crear Producto Variable, para crear un producto variable vamos a Productos y seleccionamos Crear Nuevo, le ponemos el nombre y en Tipo de Producto elegimos “Producto Variable”.
4. Agregar atributos a Producto Variable, para esto, hacemos clic en Atributos y luego en Añadir. Agregamos los diferentes elementos del atributo y seleccionamos “Usado para variaciones”.
5 Crear variaciones del Producto, para crear las distintas variaciones de nuestro producto vamos a Variaciones y en “Añadir Variación” elegimos “Crear Variaciones para todos los atributos” luego hacemos clic en el botón Ir. De esta manera se crearán las diferentes variaciones de nuestro producto, seleccionamos cada una y le ponemos una imagen y un precio.
6 Por ultimo le colocamos una imagen principal a nuestro producto en “Imagen de Producto” hacemos clic en “Publicar” y Listo! Producto Variable creado!
------------------------------------------------------------------------------
Correo electrónico: nicolasgmelian@gmail.com
Instagram: / nicomeliann
Mi página de Facebook: / meliannico
------------------------------------------------------------------------------
Música por Lakey Inspired.
» SoundCloud: / lakeyinspired
Buen profesor, directo, sin rodeos, preciso, pautado.... otros hablan de su abuelita, su perro, su gato etc.... Bien bro sigue así..
Jajajaja muchas gracias Daniel!
Muchas gracias Nico, me ayudaste muchísimo, tu explicación estuvo buenísima muchas felicidades y bendiciones.
Muchas gracias Nico! Unos de los complementos que me faltaban para mejorar! Gracias por compartir y ayudar a mejorar.
Por nada Rafa!
Excelente información, lo venía buscando hasta que llegué aquí, muchas gracias!
Muy buen aporte lo hacia con la llave ] pero no me quedaba las variaciones hasta la manera en que ud. lo hizo y me quedo no se por que al principio me quedaban mal el orden de la tallas pero despuesde acomodar 3 veces el orden si lo hizo correcto. Muchas Gracias.
Mil gracias, esta FANTASITCO! un detalle tan simple cambia totalmente la experiencia.
👉 Nico, muchas gracias excelente tutorial. Muy claro y bien explicado y con mucho contenido de valor. 😃👌👍
Gracias José!
Bro funciono perfecto, pero como hago para cuando se realice el pago me llegue con esos valor que puse en el producto a mi correo?
Muchas gracias, una explicación muy concreta y fácil de entender. :) Saludos desde Perú 🇵🇪
Me alegro que te haya servido! Un saludo.
Gracias nico eres excelente Dios te siga dando mucho conocimiento
Me salvaste la noche Nico, gracias por el video, mucho amor para ti :3
de verdad que sacaste un magister en metodología de enseñanza jaja un crack !!!
Muchas gracias Jorge!
wow eres lo maximo Nico tus videos son muy poderosos gracias por el apoyo esperamos mas videos
Muchas gracias JK Urban?
Perfecto todo! Solo una consulta, si por ejemplo quiero mostrar mas de una foto del color azul tocando en el botón del color? tiene esa característica?
Nico muchas gracias por el video eres genial! Te puedo hacer una consulta.. como puedo hacer para incluir la opcion de añadir al carrito sin tener que entrar a la pestaña del producto cosa que el cliente añada el producto y pueda continuar viendo la tienda ? Saludos, me encanta tu contenido!
Hola Pablo! lo puedes hacer en Personalizar, WooCommerce > Catalogo de Productos, ahí mismo te aparece la opción de agregar el botón.
@@NicoMelian epico nico! muchas gracias y sigue con tu contenido que es es muy bueno, un abrazo!
Mi tienda quedó genial gracias a ti
¡Gracias por tu video! ¿Sabes si hay otro plugin que haga visual los atributos de color en el catalogo pero que sea gratuito?
Excelente video!!! muchas gracias por tu aporte
hola! estoy configurando una tienda de telas y el tema de atributos es un poco mas complejo. Tengo 2 atributos, tipo de tela y color, son 4 tipos de telas en donde 2 se venden en un único color (blanco), ¿como yo puedo bloquear los demás colores en el selector al estar alguno de estos 2 ítem seleccionados y me quede solo el color blanco disponible para ese tipo de tela? sabrás como hacerlo?
Muchas gracias! Siquisiera que el cliente suba una imagen para personalizar su producto, también se puede con este plugin?
Hola. Gracias por tu ayuda. Mi problema es que no tengo la opcion de producto variable... Cual seria la forma de actuar??¿?¿ Gracias. Un saludo
Muchas gracias!! Me sirvió perfecto tu código!!
Muy buen video! queria consultar si es posible cambiar los botones de colores por una imagen, vendo mostazillas y me gustaria poner una imagen de la mostacilla del color que es vez de que salgan colores planos. Saludos!
Perdona si solo quisiera variaciones ejemplo Producto es un combo de pizza cuesta 50 a elegir (REFRESCO): Coca, Pepsi, Sprite (PIZZA): hawaiana, pepperoni, mexicana y (NO QUIERO): cebolla, chile, ajo. No varia los costos solo que puedan elegir de estas 3 opciones ¿Cómo seria?, Me podrías ayudar o alguien que sepa como hacerlo por favor. GRACIAS
Hola Nico tengo una duda y no he encontrado información, como puede poner una variación según la cantidad, es decir que si escogen dos unidades puedes escoger un color diferente para cada una
Gracias por compartir. En el caso de que quiera ver un checklist o una lista. Como hago?
Hola nico tengo una pregunta estoy tratando de hacer que el cliente pueda agregar mas de una variación por ejemplo digamos que es un restaurante y que el clienta quiera adicionar papas y tocineta entonces quisiera que mostrara el precio original y cuando pulsara el botón donde estan las adicciones el precio original actualice o incremente
Hola excelente video, pero tengo una pegunta, espero me puedas ayudar por favor, una vez que mi producto está publicado y quiero elegir una talla o un color me aparece un mensaje pequeño que dice limpiar... cómo lo soluciono para que no aparezca ese mensaje??? por favor
Hola, gracias por el tutorial. En el caso de que ya tenga las variaciones creadas para usar este plugin tendria que borrar todas las variaciones y crearlas nuevamente desde cero? gracias de antemano. Saludos
Exclente video Nico! te hago una consulta y quizas te sirva para sacar un video al respecto ya que no hay uno en youtube.
Para configurar las tallas de hombre y de mujer para un mismo producto, zapatillas por ejemplo, sabes como puedo hacer ? intente añadiendo dos variaciones de producro pero para añadir al carrito obligatoriamente debo marcar las dos variaciones, te agradezco mucho si puedes apoyarme
Hola Nico, gracias por tu video. Una consulta; tomando como referencia tu ejemplo del polo ¿es posible con la versión gratuita, en lugar de colocar el color en circulo, pueda aparecer la imagen del polo y así con los diferentes colores?
Que buen tutorial, gracias por apreciar nuestro tiempo, Al grano.
Un gusto Elías!
Muy util, buenisimo tu video me ayudo un monton. Gracias
Buenas tardes excelente tutorial. Pero yo tengo un problema al hacer clic en el color la imagen no se camibia. No se cual es el error. Alguien me podría ayudar. No sé si tenga que ver que mis dos variables sen de color. o no active algo.
Gracias
Hola, en ves de color el color no se puede colocar una textura? como vendo muebles quiero que vean el color con la textura de la madera
Hola, quisiera saber cómo mostrar las variaciones de un producto pero una a una, es decir, hasta que no se elija la primera variación no se muestre las siguientes.
Buena explicacion, pero hay opciones que no me salen como el desplegable donde selecionas"producto variable" y "variaciones" :(
Gracias por tu aporte, excelente plugin en ambas versiones
Por nada Yetzair, si es muy buen plugin.
Gracias Nico eres un capo!!
que plugin recomiendas para que aparezca en la sección de producto 2 fotos la imagen principal y las adicionales
Si ya tengo las tallas y los colores creados antes de ver este video, sólo tendría que instalar el pluguis ?
Las variaciones en mi tema no se muestran con diferentes imágenes aunque lo seleccione en la configuración del producto, ¿qué configuración tengo que aplicar?
Buenísimo, gracias!!😀
Hola, muchas gracias por el video, no sé si pueda ayudarme, estoy montando una óptica, y necesito que al momento de que la persono agregue el valor de la fórmula en ese momento se le muestre el valor correspondiente. He intentado con las variantes, pero solo me deja agregar 50 variantes y no más
Ahora mi tienda se ve mejor, gracias!
Que bien!
Una pregunta tu cuando seleccionas el color es decir te posicionas encima del color te pone el nombre del color pero a mi no me aparece que debo hacer
Hola excelente video Hay algun plugin que me permita seleccionar la cantidad de ingredientes que le pueda poner por ejemplo a una pizza o hamburguesa, es decir si hay 6 ingredientes que de una lista desplegable pueda elegir solo 3 gracias
Gracias Nico, tengo una consulta, Cuál pluggin o cómo hago para que se convierta la moneda según el País se encuentre el cliente ?
Buen video, me sirvió mucho. Solo tengo una pregunta como puedo cambiar la apariencia de limpiar que aparece cuando se deselecciona una talla?
Me refiero al botón que aparece de bajo de las tallas y colores
@@mauricoelizondo4758 Necesitas saber CSS, lo puedes hacer en Personalizar > CSS personalizado.
Nico cómo estás? He seguido tus tutoriales maravillosos, pero tengo un gran problema no me aparece el apartado de atributos de entrada, por lo que no me deja añadir o modificar las variaciones. Que puedo hacer?? Tu ayuda por favor
Hola nico, sabes que pliugin me sirve para poner en la tienda opcion de diferentes precios si compran a volumne, ejemplo 1 x 10usd 3 x 20 usd 5 x35 usd es decir descuento por cantidad
Excelente video realmente me ayudo muchisimo. Tengo una consulta, si tengo que agregar 200 remeras, puedo copiar los atributos y replicarlos al resto de los productos para evitar agregar manualmente cada talle con sus precios?
Muchas gracias!
Hola Lucas! Woocommerce ofrece un plugin para ello pero es algo costoso por solo esa funcionalidad, igual te lo dejo aca: woocommerce.com/products/bulk-edit-products-prices-and-attributes/
Muchas gracias =), pude hacerlo muy bien.
Que bien Lulú!
Nico, tengo un producto que varía solamente la fragancia, pero el valor es el mismo. tengo 3 fragancias del mismo producto distntas. Lo configuro como producto variable, pero no se ve, solo se muestra la descripcion larga en la página del producto... Cómo crees que podría solucionar esto..? te ha pasado..??
hola, como se puede hacer para que no aparezca arriba los 2 precios al cual va a variar? directamente el precio seleccionado por defecto, gracias
hola como pones 2 fotos en un producto como en el minuto 10:52 donde sale el tipo con sudadera saludos
Hola Nico!! Infinitas gracias!! te pregunto, yo cree mi tienda online con el video donde tu explicas todo. Tengo productos que son personalizados, sabes de algun pluggin donde al crear el producto pueda tener un espacio para que el cliente pueda escribir como quiere personalizar su producto, por ejemplo escribir un nombre? Mil gracias!!! :)
en pantalla de escritorio me quedan los talles una debajo del otro y no de manera horizontal , como lo puedo arreglar nico
Hola Nico que buenos videos!! Notas que la pagina se relentiza para movil cargando este tipo de plugins para e-commerce que comentas en tus videos o no hay mucha diferencia? Gracias!
Hola Marcelo! Yo lo uso y la verdad que no, quizás es otro plugin o el hospedaje web donde está alojada tu tienda.
Nico como te va?. Tengo una consulta con respecto a los productos. Como puedo hacer para generar un producto que contemple dos productos diferentes en el mismo. OSea, yo vendo bebidas en una web. Vendo por ejemplo un fernet por un lado y coca por el otro como productos individuales, pero también tengo un producto que es el combo de ambas (Fernet con Coca). Pero me gustaría que cuando alguien compra el combo, automáticamente me descuenta una unidad de fernet y otra de coca del stock. Y no tener que tener dividido el stock por producto, se entiende mi consulta?. Saludos
Excelente video, gracias por las enseñanzas crack 🤝🚀
Un gusto! Saludos!
Muy buen video hermano me sirvió mucho
Me alegro Alejandro! saludos.
Nuevo subscriptor.. Una duda tengo una tienda online tengo para elegir la talla y el color todo bien ahora quiero un botón que ponga texto e imagen y al darle se le pueda añadir el texto o la imagen que el usuario quiera ya que me tienda es de imprenta.. Se podría hacer??
he comprado el plugin con tu codigo muchas gracias. hace falta borrar el antiguo o mejor dicho lo puedo borrar?
Excelente video, gracias a ti aprendí a hacer mi tienda online con Astra y elementor, solo tengo una duda me gustaría vender en mi tienda un video curso sencillo sin exámenes pero que pueda restringirse para el que no lo compre y no tengo idea de cómo hacerlo, me podrías aconsejar como hacerlo? Incluso podría pagarte una asesoría con tal de poder terminar mi sitio al 100, gracias por tu trabajo y espero tu respuesta
Hola! Puedes escribirme a mi correo nicolasgmelian@gmail.com asi te puedo guiar.
No funciona para productos variables, al ponerle un boton de wsp como envio
Gracias por el buen contenido.
Hola Nico, gracias por el video, tengo una duda para ver si podes ayudarme, tengo el atributo medida y se cual es el valor de cada medida, ej: 150-155= $300, 155-160= $320 .... y tengo otros atributos, color, perfil y otros, pero también tengo los valores de cada variación, la pregunta es ... ¿es posible crear estos atributos, y colocarles los valores y que cuando se le de agregar la variación, estos se calculen solos? te lo digo es porque me salen mas de 50 valores y debo pasar uno por uno cambiarlos, imagínate hacer esto a varios productos, y además sin tener ni similares medidas.... te agradezco me puedas contestar. y de nuevo muy buen video.!!!
Muchas gracias genial todo funciona, explicas genial
Un gusto Jaime!
no deja comprar , se tiene que elegir algo forzosamente
hola nico yo tengo una duda asi como yo tengo una tienda pero los productos ya estan agregados para poder poner ese plugins y funcione q se debe de hacer
Excelentes tutoriales nos han servido mucho. Tengo una inquietud, realice todos los pasos y efectivamente quedó tal cual, sin embargo, en la parte inferior de las imagenes me aparece un recuadro con la información de la talla y el color. Hay alguna manera de quitarlos. Mil gracias!
Hola! Quizas agregaste esa información en la descripción del producto.
Hola muchas gracias por el video, tengo una consulta con los productos agotados, hay alguna forma de que envés que diga AGOTADO. pueda cambiarlo por "A PEDIDO"
Hola Elvis! lo que puedes hacer es, en el producto, poner "Permitir Reservas", de esa manera si te quedas sin stock las personas van a poder seguir comprando sin problemas.
Gracias me sirvio mucho eres un crack, de casualidad sabes de algun plugin para cambiar la apariencia de la oferta de los productos?
Hola Ramsess, si quieres cambiar los colores puedes ir a Personalizar, Global > Colores. Y si quieres cambiar como lucen las imagenes, como se muestran los productos, lo puedes hacer ahí mismo en Personalizar, pero en Woocommerce.
COMPRE EL PRO con tu codigo lo instale y no se ve por ninguna parte dentro de mi wordpress donde de esconde ese pligin para configurarlo?
Excelente... me sirvio de lo mejor, gracias
Me alegro Joseph!
solo se ven los atributos y variaciones en previsualizar en producto no salen
genial, le di like y suscribir, un tremendo aporte amigo
Muchas gracias René!
Saludos Nico, tengo un problema con este plugin. Resulta que, me muestra el nombre del color y no el color. Muy buenos videos.
Hola Jose! Asegúrate de seguir todos los pasos para que quede bien.
Hola Nico ,genio ¿ como estás? como siempre siguiéndote en todos tus videos , tengo un problema como se puede modificar en un menu la tipografia (altura , color ,etc) y como hacer el menu desplegable con otro tipo de letra y personalizar el botón ? como siempre muchas gracias por tiempo
Hola Nico! para personalizar las tipografías y los botones en general de tu página puedes ir a Personalizar, y elegir Global.
Hola últimamente cuando añado el producto no me da opción de elegir si el producto es simple o variable.. que podrá ser???
Hola! fíjate al costado, quizás se te movió. Lo puedes arrastrar a cualquier lugar haciendo click.
Hola, tengo Restaurante y quiero hacer combos plato, bebida y postre que plugin me recomiendas comprar
Hola Erick! en caso de un restaurante te puedo recomendar este tutorial ua-cam.com/video/vCGqpgzDveI/v-deo.html no descarto en el futuro hacer un tutorial en Español sobre esto mismo.
Hola nico como estas? La verdad que me sirvió mucho tu vídeo, muchas gracias por el gran contenido de tu canal.
Te consulto, yo ya tenia los productos variables, tuve que borrar el atributo, crearlo desde cero y crear todos los colores, segui todos los pasos del video, pero nada cambia en la pagina, no los puedo ver como vos. Por que sera?
Hola Tomas! intenta borrando el caché de tu navegador.
@@NicoMelian Ya lo solucione, funciona perfecto, muchas gracias por el video
¡Hola! Está buenísimo tu vídeo :D
Tengo una pequeña pregunta, ¿me recomiendas algún plugin gratuito donde en lugar de poner color se puedan poner texturas?
Hola Edith! con este mismo plugin lo puedes lograr. A la hora de poner Tipo (3:22) puedes poner "Imagen" y colocar la textura.
@@NicoMelian Oye, ¡muchísimas gracias! ❤️ Tenía un poco la duda, lindo resto de día para ti :D
@@NicoMelian gracias muy bien explicado! una pregunta y como puedo hacer para que de una misma variación, el cliente pueda escoger varias opciones? Ejemplo: seleccionar 3 colores para personalizar un producto que los lleva? *osea sin tener que montar tres atributos : color 1, color, 2 y color 3. Quedaría muy abrumador lleno de circulitos con colores para cada uno.
@@PaamiCremayCocoa Hola estoy en lo mismo no puedo encontrar la solución, lograste solucionarlo? por que no contesto @Nico Melian
Cómo hago que cambie la opción de colores disponibles dependiendo de la talla
Ejemplo:
Tengo talla XM tiene 2 colores
Talla XS tiene 4 colores
Tengo talla M tiene 3 colores.
Así como lo haría?
O conoces alguna forma de hacerlo?
Hola Charly! en 07:30 se crean las diferentes variaciones, elimina las que no tienes disponible.
Gracias, mi tienda luce mucho mejor
gracias nico!!!!
Muchas gracias por el vídeo, pero tengo un pequeño problema. Todo funciona perfecto pero los atributos están pegados a los nombres de los atributos y no sé separarlos. ¿Qué puedo hacer?
Hola Forlan! Realiza el paso a paso, porque seguro te salteaste alguno y te sucede eso.
Amigo ayudame plis! 😊
Como puedo agregar una tabla de precios a estos productos de preferencia digitales, o que plugin me recomendais!
Hola Juank! la puedes agregar en la descripción del producto.
@@NicoMelian exelente idea 💡 gracias
Hola, me gusto muchisimo esto plugins felicidades, segui paso a paso el tutorial, pero tengo y gran problema todo iba bien con el pc pero cuando fui a ver en el teléfono no vi ninguna actualización, porque? te lo agradesco mucho de tu apoyo.
Hola! quizás en tu móvil quedo guardada la configuración anterior de tu web, borra el caché del navegador de tu móvil.
@@NicoMelian me pasa lo mismo que puedo hacer , no es la caché
Hola! hay alguna forma de que se vea en la página del shop las variaciones de los colores? gracias!
En 10:33 lo explico!
Hola Nico, sabes de algun plugin con variables para productos de sabores, peso neto y precio, Gracias por tu informacion, Saludos desde Bogota - Colombia
Hola Guillermo! puedes usar esta mismo plugin, solo que con los atributos que necesitas. Con respecto al precio, a cada variación le puedes poner el precio que quieras.
Muy agradecido
Hola, por favor conmentar que puedo poner un cabezado, ejemplo de envío gratis para aparecer en todas las páginas del sitio?
Hola Johnson! Depende que tema estas utilizando en WordPress, en algunos se puede por defecto y en otros no.
@@NicoMelian gracias
Hola Nico. De nuevo Gracias. Tengo una duda: Sería posible quitar el rango de precio en los productos variables de tal manera que sólo apareciera el precio menor de todas las combinaciones posibles? Es decir, cambiar "Remera Clásica $12.00 - $17.00" por "Remera Clásica $12.00" por defecto antes de seleccionar las variables...
pudiste solucionarlo?
@@andresrojashincapie6254 sí. Tienes que hacerlo modificando el código. Te envío el enlace para que te guíes...
www.yeabitinformatica.com/como/mostrar-el-precio-mas-bajo-woocommerce/
Qué tal Nico una pregunta cómo puedo cambiar el icono del carrito de compra del tema astra
Hola Giancarlo! Depende tu tema, debes fijarte en Personalizar si te ofrece la opción, Astra por ejemplo, que es el que uso en el tutorial, solo la versión Pro deja cambiar el icono.
Tambien puedes crear un Header con Elementor si lo usas, y poner otro icono.
@@NicoMelian gracias nicos eres un crack
Hermano una pregunta , sabrás cómo puedo yo hacer para tener varias páginas de productos, osea ahorita solo me da para expandir la cantidad de productos pero solo se se expande hacia abajo no se crea varias páginas , no sé si me doy a entender osea los botones q salem abajitlo tipo página 1 página 2 , 3 , 4.. y así ? Agradecería muchísimo tu ayuda
Hola Luis! para ello, puedes ir a Personalizar, WooCommerce > Catálogo de Productos y cambiar la cantidad de productos que se muestran por página.
Cual es el widget pata llamar a esas variaciones:(
hablas igual a "hola soy german" xD, muy buen video saludos!
Hola Nico, Es compatible el plugin con DIVI?
Si claro Fede!