Mejorar la experiencia de los visitantes de una tienda virtual es un objetivo que todo administrador quiere alcanzar. Y uno de los pequeños cambios que se pueden realizar es personalizar cada imagen de producto en WooCommerce.

Poder determinar cómo se mostrarán las imágenes en el catálogo y para cada artículo es muy importante, porque esa es la cara del mismo y lo que el comprador aspira a adquirir.

Pero puede parecer un poco complicado para aquellos que aún no están familiarizados con todas las herramientas y programas que incluye WordPress, como WooCommerce.

WooCommerce también le brinda la posibilidad de realizar todas sus ventas de una manera limpia, rápida y organizada. Puede crear y ofrecer a sus clientes facturas electrónicas y adjuntar archivos de pago utilizando WooCommerce Checkout Manager.

¿Qué necesito para tener una imagen de producto en WooCommerce?

Para poder trabajar con esta herramienta de comercio electrónico, deberá tener una cuenta en la plataforma WordPress y estar suscrito a un paquete.

Esto último es fundamental porque, como ya deberías saber, WooCommerce es un complemento para este servicio de gestión de contenidos. Y todas las extensiones son exclusivas para los clientes suscritos.

Además de esto, es recomendable tener a mano las imágenes a utilizar, así como el resto de información relevante relativa a los productos.

Con esto listo y presente, puede comenzar a trabajar para establecer y personalizar una imagen de producto en WooCommerce.

Desde cero: crea el producto

Antes de que pueda agregar o personalizar una imagen, será necesario crear el artículo o producto con el que trabajará y que estará disponible para los clientes.

diseño de woo commerce

Para ello, debe abrir e iniciar sesión en WordPress, luego el personalizador o «WP Admin» está en el panel lateral izquierdo.

De esta forma, nos redirigirá a la pantalla del administrador de la cuenta, donde podrá acceder, desde el menú lateral, en la sección «WooCommerce» a la pestaña «Producto».

Así, se abrirán las opciones entre las que elegir «Añadir nuevo», de forma que podamos rellenar los campos con la información correspondiente al artículo o servicio.

Antes de hacer clic en «Publicar» se debe insertar la imagen, de lo contrario, la plataforma colocará una predeterminada, que será visible al acceder al enlace del producto.

Personaliza la imagen predeterminada

Ahora bien, para personalizar la imagen que se mostrará por defecto, es preferible tener la imagen para enlazar en la «Biblioteca multimedia» de nuestro WordPress.

Luego tendrás que ir al mismo «WP Admin», pero esta vez eligiendo la pestaña «Medios» y luego «Biblioteca» para poder hacer clic en el archivo deseado.

Cuando se abre la vista, el enlace de la imagen se puede copiar en el lado derecho. A través de este enlace, la imagen del producto se agregará en WooCommerce.

El siguiente paso es acceder al archivo «funtions.php» o directamente al plugin «Snippets», siendo este último el más recomendado.

aplicación woo commerce

A continuación, ubicamos la pestaña «Snippets» en el panel lateral, hacemos clic en el modo «Agregar nuevo» y procedemos a pegar el siguiente código:

add_filter (‘woocommerce_placeholder_img_src’, ‘bp_woo_placeholder’, 10);

function bp_woo_placeholder ($ image_url) {

$ image_url = «»;

return $ image_url;}

Finalmente, el enlace a la imagen de la biblioteca que copiamos antes se pegará entre las comillas, y de esta manera se habrá cambiado la imagen predeterminada.

Personaliza la imagen de un producto con WooCommerce

Si desea personalizar una imagen específica para un determinado producto, debe abrir el «WP Admin» y en «WooCommerce» ir a las «Imágenes del producto».

En este apartado será posible caracterizar tanto las imágenes del producto individual, como las presentadas en miniatura en el catálogo.

Luego, puede cambiar el «Ancho de la imagen principal» y el «Ancho de la miniatura» colocando los valores que desee en números.

Además, se permite establecer parámetros para un recorte específico en imágenes en miniatura en «1: 1», «Personalizado» y «Sin recorte».

Por tanto, será el usuario el que personalice la imagen del producto con WooCommerce y luego tendremos que esperar a que los cambios se realicen de forma satisfactoria.

Si el producto que quieres personalizar tiene una gran demanda y ya estás agotado, WooCommerce te da la opción de poder ocultarlos momentáneamente.

Si está interesado en el mundo de las ventas en línea, también considere usar la aplicación Instagram Shooping para hacer que sus productos sean más públicos.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *