Poder determinar cómo aparecerán las imágenes en el catálogo y para cada artículo es muy importante, ya que esta es la cara y lo que el comprador aspira a adquirir.
Pero esto puede parecer un poco complicado para aquellos que aún no manejan todas las herramientas y programas incluidos con WordPress, como WooCommerce.
WooCommerce también le brinda la capacidad de realizar todas sus ventas de una manera limpia, rápida y organizada. Puedes crear y ofrecer a tus clientes facturas electrónicas y adjuntar archivos de pago gracias a WooCommerce Checkout Manager.
¿Qué necesito para tener una imagen de producto en WooCommerce?
Para poder trabajar con esta herramienta de comercio electrónico será Debes tener una cuenta en la plataforma WordPress y estar suscrito a un plan.
Esto último es fundamental porque, como ya debes saber, WooCommerce es un plugin para este servicio de gestión de contenidos. Y todas las extensiones son exclusivas para clientes suscriptores.
Más allá de eso, es recomendable tenerlo al alcance de la mano las imagenes a usar, así como el resto de información relevante en relación con los productos.
Con esto listo y presente, puede comenzar a trabajar en la creación y personalización de una imagen de producto en WooCommerce.
Desde cero: crea el producto
Antes de que puedas añadir o personalizar cualquier imagen, deberás crear el artículo o producto con el que trabajarás y que estará disponible para los clientes.
Para esto, debe abrir e iniciar sesión en WordPress, luego el personalizador o " WP Admin »Se encuentra en el panel lateral izquierdo.
De esta forma, nos redirigirá a la pantalla del administrador de la cuenta, donde podrás acceder, desde el menú lateral, en el apartado » WooCommerce »A la tarjeta» Producto «.
Por lo tanto, se abrirán las opciones para elegir” Añadir nuevo «, para que podamos rellenar los campos con la información correspondiente al artículo o servicio.
Antes de hacer clic en » Público «, se debe insertar la imagen, de lo contrario, la plataforma colocará una por defecto, la cual se mostrará al acceder al enlace del producto.
Personalización de la imagen predeterminada
Ahora bien, para personalizar la imagen que se mostrará por defecto, es mejor tener la imagen para enlazar en el » biblioteca multimedia » del nostro WordPress.
Posteriormente, tendrás que ir a la misma" WP Admin ", Pero esta vez eligiendo la tarjeta" Medios " y luego " biblioteca »Para poder hacer clic en el archivo deseado.
Cuando se abre la vista, el enlace a la imagen se puede copiar desde el lado derecho. A través de este enlace, la imagen del producto se agregará a WooCommerce.
El siguiente paso es acceder al archivo " funciones.php »O directamente al plugin» Fragmentos «, este último es el más recomendable.
Entonces, encontremos la tarjeta " retazo »Desde el panel lateral y haga clic en el modo» Añadir nuevo »Y procede a pegar el siguiente código:
add_filter ('woocommerce_placeholder_img_src', 'bp_woo_placeholder', 10);
función bp_woo_placeholder ($ image_url) {
$imagen_url = »;
devuelve $ image_url;}
Finalmente, el enlace a la imagen de la biblioteca que copiamos anteriormente se pegará entre comillas, y esto cambiará la imagen predeterminada.
Personaliza la imagen de un producto con WooCommerce
Si lo que quieres es personalizar una imagen concreta para un producto en concreto, tienes que abrir " WP Admin »E en» WooCommerce "sube" Imágenes producto «.
En esta sección será posible caracterizar tanto las imágenes de los productos individuales como los que se muestran en miniatura en el catálogo.
Luego, puede cambiar el " Ancho de la imagen principal " y el " Ancho de la miniatura »Al ingresar los valores deseados en números.
Además, puede establecer la configuración de recorte específica en las imágenes en miniatura para » 1:1 «,» costumbre »E» Sin recortes «.
Por lo tanto, será decisión del usuario cómo personalizar el imagen del producto con WooCommerce, por lo que habrá que esperar a que los cambios se realicen satisfactoriamente.
Si el producto que quieres personalizar tiene mucha demanda y ya te has quedado sin Stock WooCommerce, te da la opción de poder ocultarlos temporalmente.
Si te interesa el mundo de las ventas online, recuerda utilizar también la aplicación Instagram Shooping para dar a conocer más tus productos.