Cómo agregar variaciones de productos de WooCommerce en WordPress










  • WooCommerce es la mejor manera de construir una tienda en línea usando WordPress. El complemento es gratuito y viene con todo lo que necesita para comenzar a vender en línea. Agregar funcionalidad con complementos como las variaciones de productos de WooCommerce también es muy popular.

    Un producto variable de WooCommerce brinda a los usuarios de su sitio web la capacidad de cambiar y cambiar colores, tamaños, estilos y más. Si bien WooCommerce le brinda la capacidad de hacer variaciones de productos y filtros de productos , un complemento para WooCommerce para muestras, por ejemplo, agregará funcionalidad.

    Esto incluye aspectos como el aspecto de los elementos a través de imágenes, etiquetas, muestras de color y botones de opción.

    ¿Por qué agregar variaciones de productos de WooCommerce?

    Además de la apariencia más profesional que le dará a su sitio web, agregar variaciones de productos de WooCommerce permitirá a los usuarios de su sitio web de WordPress ver los diferentes estilos, colores y tamaños en los que viene su producto.

    No solo eso, sino que también le brinda a la audiencia de su sitio web la capacidad de ver cómo se ve cada color y estilo debido a la configuración mediante el uso de imágenes. Puedes deshacerte de la función integrada común del menú desplegable de WooCommerce y, en su lugar, usar una variedad de cosas como muestras de color de WooCommerce.

    Aquí hay muchas funciones, así que instale el complemento a continuación y vea lo fácil que es configurar un catálogo que a los usuarios les encantará.

    Para hacer esto, necesita encontrar un complemento sólido que permita este tipo de complemento. Encontré uno llamado Muestras de variación para WooCommerce. Echemos un vistazo a este complemento de variables de WooCommerce, cómo instalarlo y cómo usarlo.

    Nota: Este artículo asume que WooCommerce ya está instalado, configurado y ejecutándose en su sitio web.

    Muestras de variación para WooCommerce

    Complemento de muestras de variación

    El complemento Variation Swatches for WooCommerce te permite crear asombrosas variaciones de colores, imágenes y botones que puedes aplicar a todos los atributos que ya has creado. Es un complemento muy liviano que ofrece tanto al propietario del sitio web como al usuario una experiencia profesional.

    Esto también podría considerarse un complemento de color de WooCommerce, ya que le permitirá crear fácilmente muestras de color que se pueden aplicar al atributo «color». Eso es solo un ejemplo.

    Este complemento de WooCommerce no solo permite ofrecer atributos de color, imagen y etiqueta, sino que también los habilitará en vista rápida. Esto significa que el usuario de su sitio web puede obtener una vista rápida y cercana del producto sin tener que desplazarse por un cuadro desplegable y luego probar un primer plano.

    Echemos un vistazo a cómo instalar, activar y configurar este complemento de WooCommerce.

    Instalar y activar muestras de variación

    Para crear variaciones de productos de WooCommerce y adjuntarlas correctamente a sus atributos ya creados, debe instalar y activar este complemento. Puede hacerlo desde la página de complementos de su panel de administración de WordPress. Simplemente busque el complemento.

    Instale y active el complemento de variaciones de productos de woocommerce

    Una vez que el complemento se haya instalado y activado, verá una nueva etiqueta en el menú del lado izquierdo de su panel de administración de WordPress titulado «Configuración de muestras».

    Haga clic en la configuración de muestras

    Continúe y haga clic en eso y echemos un vistazo a la configuración y la configuración.

    Opciones de configuración para variaciones de productos de WooCommerce

    Cuando haga clic en la pestaña «Configuración de muestras», accederá a la página de configuración principal del complemento. Inmediatamente verá 7 pestañas. Éstos incluyen:

    • Sencillo
    • Avanzado
    • Actuación
    • Estilo
    • Archivo/Tienda
    • Atributo especial
    • Tutoriales

    Repasemos estos juntos para ver cuáles son todos.

    Sencillo

    Estos son los estilos visuales simples para el complemento. Configúrelos como le gustaría para su sitio.

    pestaña sencilla

    Avanzado

    Esta pestaña le proporcionará algunas opciones más avanzadas para este complemento de variaciones de productos de WooCommerce.

    Ajustes avanzados variaciones de productos de woocommerce

    Actuación

    Hay un par de opciones diferentes para el rendimiento aquí. Continúe y elija lo que le gustaría según la configuración y la funcionalidad que tiene.

    Pestaña de rendimiento

    Nota: Las siguientes tres pestañas solo le serán útiles si está ejecutando la versión pro de este complemento de muestras de WooCommerce.

    Estilo

    Si es un usuario profesional, esta pestaña le brindará un montón de opciones de estilo diferentes para que el complemento sea aún más personal.

    Pestaña de estilo para variaciones de productos de woocommerce

    Archivo/Tienda

    Diferentes opciones de estilo para los archivos y la tienda de su sitio WooCommerce. Nuevamente, para usuarios profesionales.

    Pestaña de tienda de archivo

    Atributos especiales

    La última pestaña para la configuración de usuario profesional. Más opciones avanzadas de catálogo e imágenes.

    Atributos especiales para complemento

    Tutoriales

    Este complemento de colores de WooCommerce en realidad viene con una gran cantidad de tutoriales en video incorporados. Estamos cubriendo la instalación y configuración de la herramienta aquí. Sin embargo, si desea opciones más específicas o avanzadas, consulte la sección de tutoriales directamente desde su tablero.

    Pestaña de tutoriales de variaciones de productos de WooCommerce

    ¡Eso es todo! Ha instalado y configurado con éxito Muestras de variación para WooCommerce. Echemos un vistazo rápido a cómo agregar variaciones de productos a sus atributos.

    Agregar variaciones de productos de WooCommerce

    Para agregar variaciones de productos de WooCommerce a un producto, primero debe configurar los atributos. Si lo hace, genial, si no, configure uno como este. Para este ejemplo, solo voy a usar el atributo «Color».

    Haga clic en Productos > Atributos, ubicado en el menú de la izquierda de su panel de administración de WordPress.

    Haga clic en productos y luego en atributos

    Agregue el atributo que desee. En este caso, «Color».

    Agregar atributos

    Ahora desplácese un poco hacia abajo y en el cuadro desplegable «Tipo», seleccione cómo se debe mostrar este atributo. Esto dependerá de ti.

    Haga clic en el tipo que desee

    Ahora que se agregó el atributo, continúe y configure los términos que desea para este atributo en particular. En este caso, sus términos serían los diferentes colores que desea poder agregar a los productos de WooCommerce. Simplemente haga clic en el enlace «Configurar términos» y agregue tantos colores como desee.

    Haga clic en el enlace configurar términos

    En este punto, ha agregado los colores que desea y ahora está todo listo.

    Se agregaron colores para las variaciones de productos de woocommerce.

    Agregar atributos y variaciones al producto

    Haga clic en Productos > Agregar nuevo en el menú y abra una nueva página de producto para su sitio.

    Haga clic en productos y luego agregue nuevos

    Desplácese hacia abajo hasta la sección del cuadro de datos del producto del editor y asegúrese de estar en la selección de productos variables de WooCommerce en el menú desplegable.

    Seleccionar producto variable del dropbox

    En el menú desplegable de atributos de productos personalizados, seleccione los atributos que desea agregar a su producto. Para este ejemplo, seleccionaremos «Color».

    Agregue el atributo de variaciones de productos de color de woocommerce

    Haga clic en el botón «Seleccionar todo» para seleccionar todos los colores de variación del producto y agregarlos. O bien, puede seleccionar sólo los que desee. Luego haga clic en el botón «Guardar atributos».

    Nota: asegúrese de que la casilla «Usado para variaciones» esté marcada.

    Guardar atributos

    Ahora haga clic en la pestaña «Variaciones». En el cuadro desplegable Agregar variación, seleccione «Crear variaciones a partir de todos los atributos». Esto creará automáticamente todas las variaciones que ingrese a partir de todos los atributos que ya haya seleccionado.

    Crear variaciones de productos de woocommerce a partir de atributos

    Ahora verá todas las variaciones de productos de WooCommerce agregadas. Cada uno tiene su propio menú desplegable. Simplemente complete todos estos como desea que se muestren en la página de su producto.

    Agregue precios, SKU, stock, imágenes de variación y cualquier otra cosa que desee de las opciones de productos disponibles.

    Agregar datos a los atributos

    Cuando haya terminado de agregar los datos relevantes, publique su producto y compruébelo. Verá que todas las muestras de WooCommerce se han agregado de acuerdo con su configuración y ahora tiene un sitio web más profesional y fácil de usar.

    Pensamientos finales

    Agregar un producto variable de WooCommerce no es difícil. De hecho, WooCommerce ya te da esta habilidad. Sin embargo, si desea agregar muestras de color y realmente diseñar las variaciones de su producto WooCommerce, entonces agregar un complemento como el anterior es una opción perfecta.

    Agregar una funcionalidad como esta a su sitio web de comercio electrónico lo ayudará a tener éxito .

    ¿Qué otros complementos ha usado para agregar diferentes tipos de muestras de WooCommerce a sus páginas de productos? ¿Ha encontrado esto más atractivo para los usuarios de su sitio?