Cómo remediar los problemas más comunes con las imágenes en su tienda WooCommerce

¿Te imaginas comprar una camisa en una tienda en línea sin verla? Y si Amazon, por ejemplo, no tendría fotos para su producto. ¿No afectaría eso a su número de ventas? ¡Creo firmemente que sería! Y hago esto porque nosotros, como seres humanos, somos criaturas sedientas por lo visual: se ha demostrado que una imagen bien aclarada de un producto aumenta directamente la tasa de conversión de las personas que compran ese producto. Es por eso que los gerentes de las tiendas de WooCommerce necesitan invertir en imágenes relacionadas con los productos que desean vender. Tener imágenes hermosas es solo una parte de la ecuación aquí, porque puede ocurrir que las imágenes de sus productos no solo se muestran correctamente en sus páginas, asustando a los clientes potenciales.
Las imágenes del producto son una de las herramientas más efectivas en su canal de ventas. No se trata solo de hacer que su sitio sea más atractivo: se trata de vender más. ¡Es por eso que investigué cómo remediar los problemas de imagen más comunes en WoCommerce y le di soluciones rápidas! ¿Estás listo? ¡Vamos a empezar! Tipos de imágenes en WooCommerce Antes de pasar a cómo remediar los problemas con las imágenes, aclaremos el aire en el que hay diferentes tipos de imágenes disponibles. WooCommerce viene con tres tipos de imágenes que puede configurar y aprovechar su tienda con más precisión, tiene:
Imágenes de catálogo: imagen de tamaño mediano utilizada en los bucles de un producto (página de la tienda, páginas de categoría de productos, productos conectados, ventas en crecimiento, ventas cruzadas, etc.).
Imagen única del producto: la imagen más grande en la página Detalles del producto individual.
Miniaturas del producto: se trata de una miniatura, generalmente se usa bajo la imagen del producto, el carrito de compras y los widgets. Las imágenes de WooCommerce son principalmente dos problemas cuando se trata de WooCommerce y las imágenes no se muestran correctamente: a) tener imágenes poco claras.
y b) Tener una de las nuevas características de la galería no funciona correctamente. Comencemos con imágenes poco claras. Problemas de imagen en WooCommerce: imágenes poco claras de productos debido a la configuración incorrecta del tamaño de la imagen
Cuando las imágenes no se cargan correctamente, como resultado, obtendrá una imagen borrosa en WoCommerce. ¿Por qué esto? Bueno, la razón podría ser que la configuración de la imagen del producto no esté configurada correctamente en función de los requisitos relacionados con el tamaño de la imagen. Por ejemplo, su tema requiere que las imágenes del catálogo tengan al menos 200 x 200 píxeles, mientras que la configuración de la imagen de WooCommerce se ha configurado en 150 x 150 píxeles.

¿Cómo puede ver cuáles son los requisitos de imagen de su tema? Debido a que WooCommerce tiene tres tipos diferentes de imágenes de productos, deberá repetir este procedimiento para los tres tipos. Así es como lo hice para una imagen de catálogo. Estoy en Chrome, aquí le mostré cómo activar el elemento de inspección. Aquí le mostramos cómo hacer lo mismo si está en Safari o Firefox. Entonces, de vuelta a los negocios … Usé el sitio de Orange Guitar como ejemplo:
Esto es lo que debes hacer:

Abre tu tienda
Navegue a la imagen del catálogo
Haga clic en ello y elija “Inspeccionar”
Tenga en cuenta esas dimensiones de la imagen
Ahora haga esto para los dos tipos de imágenes restantes (si las usa en la tienda) y regrese a la configuración de visualización de WooCommerce. Allí, actualice el cuadro de imagen de la imagen (que se muestra arriba) con las dimensiones de las imágenes que su tema requiere que acaba de señalar. Es aconsejable agregar dimensiones ligeramente más grandes aquí para reducir sus posibilidades de aparecer nuevamente en este problema. Una vez que se guarde la nueva configuración de imagen, es posible que deba regenerar sus imágenes y puede hacerlo con la regeneración en miniatura complementaria. Como comenta el desarrollador de WordPress y el experto en codificación Nabeel Molham:

Es muy importante tener las dimensiones de la imagen configuradas correctamente en la configuración, de lo contrario, las imágenes de sus productos pueden cargarse incorrectamente. Debe especificar el ancho y la altura de cada tipo de imagen en función de las especificaciones de su tema.
Problemas de imagen en WooCommerce: imágenes poco claras de productos debido a imágenes de baja calidad Si aún tiene imágenes poco claras, podría ser un problema con las imágenes que no tienen una resolución suficientemente alta. Como explica Nabeel: si continúa teniendo problemas con sus imágenes, es posible que deba cargarlas nuevamente con la más alta calidad posible. Este paso es esencial para generar diferentes tipos de imágenes en su tienda, ya que se crearán en función de esta resolución de imágenes. De esta manera, los problemas poco claros o de píxeles ya no estarán allí.

Cuando realiza esta nueva tarea de carga para sus imágenes, WoCommerce sugiere que cualquier cosa a 800 x 800px o funcionaría para la mayoría de los temas. ¡Ahora tiene otra gran razón para invertir en algunas imágenes de productos de alta calidad! El segundo problema de imagen más recurrente en WoCommerce está relacionado con las nuevas características de la galería introducida por WooCommerce 3.0. ¡Veamos por qué! Problemas de imagen en WooCommerce: la función de Zoom, Light Box, Slide no funciona correctamente debido a la incompatibilidad o el conflicto de complementos con WooCommerce 3.0 Un nuevo conjunto de galería de productos. Específicamente, estoy hablando de: Image Zoom (también llamado “Matrimonio”)
La caja de luz
desnatadora
Debido a estas nuevas funciones, muchos gerentes de tiendas de WooCommerce han tenido problemas de imagen con su tienda cuando se actualizaron a WooCommerce 3.0. Una de las principales razones es que el tema que utilizaron no admite las nuevas características de la Galería WooCommerce 3.0. Por lo tanto, es aconsejable utilizar solo temas compatibles con WooCommerce desde el principio. Pero esta no es la única razón que le impide disfrutar de estas nuevas funciones de la galería. Otra razón se puede encontrar en un conflicto de complemento/tema. Si este es su caso, debe seguir el procedimiento de solución de problemas estándar para tales tipos de conflictos e intentar apagar sus complementos (y suplementos) uno por uno para verificar qué complemento causa el problema. Si no tiene suerte con complementos y suplementos, haga esto con su tema.
Dadas las implicaciones técnicas, tener un experto en WooCommerce para verificar esto por usted es probablemente la mejor llamada. Como recuerda Nabeel: averiguar qué causa los problemas con las imágenes es una tarea compleja, porque debemos identificar más cosas antes de remediarla. En la mayoría de los casos que hemos visto, tiene que lidiar con un complemento en conflicto en su tienda WooCommerce o con el tema en sí, que podría tener algunos CS que no están configurados correctamente. Terminar las imágenes es importante para cualquier sitio por varias razones bien conocidas. Y cuando se trata de tiendas comerciales electrónicas, los productos de excelente calidad se están convirtiendo en una necesidad comercial, porque podría significar ventas más altas o más pequeñas. Si cree que “es solo una imagen”, no puede ver completamente todas las implicaciones a nivel empresarial. Si no se asegura de que su tienda tenga todo lo que necesita para presentar su producto, cuya base se basa en la configuración correcta de su configuración de imagen, pavione el futuro de su tienda con resultados comerciales de baja calidad. ¡Y ese sería lo más difícil de resolver!
Esta publicación de blog presenta a Nabeel Molham, un profesional independiente con más de 10 años de desarrollo web, apasionado por WordPress de la versión 2.8 de 2009. Está especializado en ayudar a los clientes a obtener más con WordPress de lo posible. Su actividad extendida para los clientes incluye temas personalizados, complementos, integraciones, seguridad, velocidad y optimización de rendimiento.