Cómo agregar opciones de productos adicionales para WooCommerce (pasos fáciles)

Agregar opciones de productos adicionales en WooCommerce

WooCommerce es uno de los mejores y más populares complementos de WordPress para ejecutar su sitio web de comercio electrónico. Puede utilizar WooCommerce para vender productos digitales, productos físicos, membresías, suscripciones, citas, etc.

WooCommerce tiene diferentes opciones para configurar su tienda de comercio electrónico, pero solo tiene un conjunto limitado de funciones y eso es bueno para opciones de productos simples. Algunas tiendas WooCommerce tienen miles de opciones de productos, incluidos mensajes de clientes, y algunas de las opciones son visibles para los clientes según una lógica condicional.

YayExtra ñan WooCommerce Opciones de productos adicionales es una de las mejores páginas de opciones de productos de WooCommerce que viene con funciones más sofisticadas que se adaptarán a varios tipos de productos con varias opciones de productos sin ningún problema. Este artículo lo guiará en todos los sencillos pasos para agregar opciones de productos adicionales para WooCommerce.

¿qué es YayExtra?

Por ejemplo, si dirige su negocio de comercio electrónico con los siguientes tipos de productos, el complemento de opciones de productos YayExtra le permite crear opciones de productos adicionales según sus necesidades.

  • Imprimir bajo demanda
  • Producto de grabado
  • Impresión en lienzo personalizada
  • Artículos de regalo
  • Productos personalizados
  • Membresías
  • Suscripciones
  • Reserva

Estas opciones de productos adicionales le permiten crear tarifas, descuentos y lógica condicional adicionales. Puedes:

  • Crear grupos de opciones de productos
  • Agregue campos de productos avanzados como muestras de imágenes, estilos CSS, carga de archivos y fecha de entrega
  • Personalice fácilmente los campos para que coincidan con el diseño de su sitio web para que pueda diseñar sus campos personalizados con CSS y HTML
  • Asigne opciones de productos a páginas de productos al por mayor
  • Mostrar opciones de productos de forma condicional. Esta es una característica muy interesante de YayExtra. Puede mostrar ciertas opciones cuando se cumple una determinada condición. Esta función es muy útil cuando desea agregar precios personalizados según las condiciones.

YayExtra le brinda un soporte increíble para administrar su tienda WooCommerce. Le brindan soporte por correo electrónico y chat en vivo rápidamente antes y después de la venta del complemento.

Conozca la interfaz YayExtra

Primero, puedes descargar el Complemento YayExtra de WordPress.org. Puede descargar la versión gratuita del complemento de opción de producto. La versión gratuita viene con funciones limitadas, pero es una buena manera de evaluar el complemento antes de comprarlo.

Una vez que descargue el archivo después de comprar el complemento, vaya al administrador de WordPress y vaya a Complementos > Agregar nuevo para agregar el complemento, luego podrá explorar el archivo zip descargado para activarlo. Este es un proceso muy fácil y directo y lo que necesita es únicamente el archivo descargado.

Una vez que instale el complemento, podrá ver la interfaz de usuario en la pestaña YayCommerce de la barra izquierda.

Conjuntos de opciones de YayExtra

Esta es la interfaz inicial para sus complementos y tiene tres pestañas llamadas Configuración de opciones, Personalizar y Configuración.

Conjuntos de opciones

Puede ver todos los conjuntos de opciones creados por usted en esta cuadrícula y le han proporcionado operaciones de fila como Estado, Configuración, Duplicar y Eliminar. Algunas operaciones masivas también están disponibles para administrar conjuntos de opciones.

Edite al por mayor los conjuntos de opciones de productos adicionales

Personalizar

En la pestaña Personalizar, tiene 4 subpestañas que son General, Swatches, Button y CSS personalizado. Estas funciones se pueden utilizar para organizar y diseñar componentes de opciones de productos en sus páginas web y esto anulará sus estilos generales de CSS.

personalice el estilo de los componentes de opciones de productos adicionales en el sitio web con YayExtra

En la sección Swatches, tiene varias opciones para diseñar los interruptores que define y puede diseñar fácilmente el componente de swatch sin editar los archivos CSS de su tema.

personalice estilos de muestras para opciones de productos adicionales de WooCommerce

Tiene otra opción para diseñar botones que se utilizan para definir las opciones del producto. Puedes ver la vista previa en vivo en el lado derecho de la ventana.

botón de formato de opciones de productos adicionales

Además de las funciones de personalización anteriores, puede crear reglas CSS personalizadas en la sección CSS personalizado. A todos los desarrolladores y diseñadores les encanta esta función porque tienen la libertad de diseñar opciones de productos sin restricciones.

CSS personalizado para el estilo de opciones de productos adicionales en WooCommerce

Ajustes

Algunas configuraciones generales también están ahí para administrar sus opciones correctamente. En Configuración, puede exportar e importar opciones de productos y esta función es muy útil al migrar tiendas WooCommerce.

la configuración global para la opción de producto adicional de WooCommerce establece YayExtra

Cómo agregar una nueva opción de producto

Primero, puede crear los productos para su tienda como lo hace normalmente en WooCommerce y luego puede agregar las opciones de productos para esos productos.

Por ejemplo, si quieres crear una camiseta con diferentes tallas y colores y quieres envolver la camiseta como regalo y el cliente debería poder añadir un mensaje para imprimir en el paquete de envoltura, sigamos los pasos a continuación.

Primero, puede crear la opción usando el botón ubicado en la esquina superior derecha de la página YayExtra.

agregar nueva opción establece YayExtra

La pestaña General le permite agregar un nombre y una descripción de la opción del producto y la pestaña Opciones se usa para agregar valores para las opciones.

configure información general de conjuntos de opciones de productos adicionales para el producto WooCommerce

Luego puede agregar opciones para este conjunto de opciones. En este ejemplo, puede crear opciones de Tamaño y Color.

Opciones de productos WooCommerce YayExtra

Esta interfaz le permite duplicar los valores de las opciones y eliminar opciones para que pueda administrarlas fácilmente.

Hay varios tipos de opciones disponibles con este complemento. Ellos son:

  • Texto
  • Número
  • Casilla
  • Botón de radio
  • Botón
  • Botones seleccionables múltiples
  • Muestras
  • Múltiples muestras seleccionables
  • Lista desplegable
  • Selector de fechas
  • Selector de tiempo
  • Carga de archivos
Elija los tipos de opciones de productos adicionales de WooCommerce YayExtra

Puede ver tres pestañas diferentes debajo de cada opción denominadas Valores de opción, Configuración avanzada y Lógicas condicionales. Esto es muy útil cuando desea personalizar cada opción de producto para su tienda WooCommerce de la manera que desee, lo cual no puede hacer con el WooCommerce predeterminado.

personaliza conjuntos de opciones en YayExtra

Valores de opción

En esta interfaz, puedes:

  • Agregue los valores de las opciones para esa opción
  • Agregue precios adicionales por el valor de la opción del producto (Costo adicional)
  • Agregue algunas descripciones (Descripción adicional)
  • Vincula las opciones del producto a una página (Producto Vinculado)
  • Agregue cantidad de existencias para administrar fácilmente el inventario de cada opción de producto (Administrar existencias)
valores adicionales de opciones de productos yayextra

Aquí agrego 2 valores de opción 'Pequeño' y 'Grande' para la opción de Tamaño. Por ejemplo, si quiero agregar una tarifa de 2$ cuando un cliente elige un tamaño grande, habilitaré Costo adicional y escribiré '2' en Valor adicional como monto fijo.

agregue un costo adicional por el valor adicional de la opción de producto YayExtra

Configuraciones avanzadas

En Configuración avanzada, puede agregar clases CSS para opciones definidas. Esta es una característica muy útil para hacer coincidir la opción de su producto con el diseño del sitio web existente.

configuraciones avanzadas para opciones de productos adicionales de WooCommerce en YayExtra

Lógicas condicionales

Este es el lugar donde define su lógica condicional para la opción. Puede agregar cualquier cantidad de condiciones aquí y sus opciones se mostrarán cuando se cumplan estas condiciones.

agregue lógicas condicionales para opciones de productos adicionales YayExtra

Ahora puede obtener una vista previa del resultado para ver cómo funcionan todas las opciones y valores de opción en estos conjuntos de opciones haciendo clic en el botón Vista previa en la parte superior derecha de la pantalla.

vista previa de opciones de productos adicionales WooCommerce YayExtra

Y no olvide hacer clic en Guardar cambios continuamente.

Cómo mostrar opciones de productos en Frontend

Puede seleccionar el conjunto de opciones que desea agregar a un proyecto y luego hacer clic en el icono Configurar conjunto de opciones de la tabla de cuadrícula Conjunto de opciones.

Opción de configuración establecer YayExtra

Luego vas a la pestaña Productos de esta página. Puedes ver todos los productos disponibles en tu tienda. Ahora puedes seleccionar el producto y hacer clic en el botón Establecer como asignado.

asigne producto con las opciones de producto adicionales

Una vez que asigne las opciones de productos a los productos, podrá ver el siguiente producto con opciones frente a la tienda de comercio electrónico.

Ejemplo de opciones de productos adicionales de WooCommerce

En este ejemplo, puede ver que el precio adicional de la opción Grande es $2 tal como la configuramos.

Conclusión

YayExtra es una de las mejores alternativas a los complementos de productos WooCommerce, que viene con funciones personalizables que se adaptarán a varios tipos de productos con varias opciones de productos adicionales para WooCommerce sin ningún problema.

Siguiendo los sencillos pasos descritos en este artículo, puede agregar estas opciones de productos adicionales para WooCommerce en cuestión de minutos, brindando a sus clientes más opciones y ayudando a aumentar sus ventas. Entonces, si está buscando una forma efectiva de mejorar su tienda WooCommerce, definitivamente vale la pena considerar YayExtra.

Imagen de Roy Jemee
Roy Jemee
Soy Roy Jemee, especialista en contenido y comercializador de Pixar Labs, y trabajo en complementos maestros para Elementor. Escribo los tutoriales, grabo los videos y mantengo la documentación actualizada, para que siempre sepas cómo usar cada función. También me encargo del soporte, así que si tienes algún problema, soy la persona que te ayuda a solucionarlo. Respuestas reales, de alguien que usa estas herramientas todos los días.
Oferta de septiembre

40% fuera de todo

Cada plan Master Addons Pro, anual y de por vida. Un código, ocho días.

00días
00horas
00min
00sec

Finaliza el lunes 14 de septiembre a las 23:59 ET

  • Personal1 sitio $129$77
  • Negocio5 sitios $199$119
  • DesarrolladorSitios ilimitadosLo mejor para agencias $599$359

Paga una vez. Ninguna renovación, jamás.

Código de cupón MALIFE40
Obtenga 40% de descuento ahora
  • Más de 30.000 instalaciones activas
  • 4,5/5 de 212 reseñas
  • Devolución de dinero de 14 días