Mejora los campos desplegables de tus productos

Si tienes una tienda online con WordPress te vamos a enseñar un plugin que te va a encantar, ¿por qué? pues no solamente porque te lo presentamos nosotros, que somos de lo más majo que circula por el territorio online, si no porque se trata un plugin que te va a permitir decir adiós a los campos desplegables de los atributos del producto de tu tienda y hacer de tu eCommerce un espacio más funcional y fácil para tu usuario. Se trata del plugin Variation Swatches for WooCommerce y te lo presentamos a continuación. ¡Atento!

Características del plugin Variation Swatches for WooCommerce

Si tienes productos con variedad de colores o de talla está la opción de que se muestren a través de un desplegable lo que en muchos casos no resulta funcional si, por ejemplo, no se ha realizado bien el trabajo responsive.

Como en esta vida casi todo tiene solución existe un plugin muy sencillo de utilizar que muestra de un solo vistazo las diferentes variaciones de tus productos.

Con el plugin Variation Swatches for WooCommerce podrás:

  • Presentar los colores, tallas o estilos de tus productos de una manera más sencilla para el usuario.
  • Habilitar muestras de color y/o de imagen para variaciones de atributos de productos variables.
  • Habilitar muestras de etiqueta / texto / botón para variaciones de atributos de productos variables.
  • Convertir las variaciones de atributo creadas globalmente en muestras de color, imagen y etiqueta.
  • Mostrar señales cruzadas para muestras de variaciones fuera de stock.
  • Desenfocar u ocultar muestras de variaciones fuera de stock.
  • Reordenar las muestras de la variación del atributo del producto
  • Trabajar en el producto variable Vista rápida/Ventana emergente
  • Opción para deshabilitar la hoja de estilo del complemento predeterminado para el desarrollador de temas
  • Habilitar muestras de color para la tecnología de impresión

¿Cómo instalar el plugin Variation Swatches for WooCommerce?

Instalación plugin Variation Swatches. digitalDot

INSTALACIÓN AUTOMÁTICA

Instala el plugin sin salir de tu WordPress:

  • Inicia sesión en tu panel de administración de WordPress. Ve al menú Plugins>Añadir nuevo.
  • En el campo de búsqueda, escribe: Variation Swatches for WooCommerce y se te mostrará en los resultados. 
  • Una vez que lo haya encontrado, puede instalarlo simplemente haciendo clic en el botón Instalar ahora.

INSTALACIÓN MANUAL

  • Descarga Variation Swatches for WooCommerce en tu escritorio.
  • Extrae la carpeta del plugin en tu escritorio.
  • Con tu programa FTP, carga la carpeta Plugin en la carpeta wp-content / plugins en tu directorio de WordPress.
  • Ve a la pantalla Plugins y ¡te lo vas a encontrar dentro de tu lista de plugin instalados!

CONFIGURACIÓN

Aunque tengas instalado y activado el plugin, los productos variables seguirán mostrando menús desplegables si no configuras los atributos del producto. Para ello:

Configuración plugin Variation Swatches Wordpress

  • Inicia sesión en tu panel de WordPress, ve al menú Productos y haz clic en Atributos.
  • Haz clic en el nombre del atributo para editar un atributo existente o en el formulario Agregar nuevo atributo.
  • Haz clic en ese selector de tipo para cambiar el tipo de atributo.
  • Selecciona el tipo adecuado para tu atributo y haga clic en Guardar Cambiar / Agregar atributo
  • Regresa a la pantalla de administración de atributos. Haz clic en el icono de engranaje en el lado derecho del atributo para comenzar a editar los términos.
  • Comienza a agregar nuevos términos o edita los términos existentes. Hay una opción al final del formulario que le permitirá elegir el color, cargar la imagen o escribir la etiqueta para esos términos.

Configuracion plugin WordPress Variation Swatches

¡¡ASÍ DE SENCILLO!!

Si no te atreves a realizarlo tu mismo puedes pedir ayuda a nuestro servicio de desarrollo en WordPress y ellos se encargarán de todo. ¡No te lo pienses y dales un poquito la lata 😉!

Plugin Variation Swatches Woocommerce digitalDot
Star InactiveStar InactiveStar InactiveStar InactiveStar Inactive
 

Otras Noticias

  • Cómo diseñar una página web y tener más S...

  • Programa Eurodisea y digitalDot...

  • Actualizar Drupal 7 y Drupal 8...

  • Las 5 Tendencias en diseño web para 2018...