Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress
Code

Guía de Inicio a WooCommerce: Añadir Imágenes y Galerías de Producto

by
Length:ShortLanguages:
This post is part of a series called The Beginners Guide to WooCommerce.
The Beginners Guide to WooCommerce: Adding a Variable Product
The Beginners Guide to WooCommerce: Product Tags, Categories & Attributes

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

En los artículos anteriores añadimos diferentes tipos de productos en WooCommerce. Las imágenes en una tienda online proporcionan placer visual a los clientes y dan una mejor idea acerca de cualquier producto. Así que en este artículo explicaré cómo puedes añadir imágenes y galerías de producto.

Imagen de Producto

Product image in an online store

La Imagen del producto, o más concretamente la imagen destacada, hará las funciones de imagen principal para tu producto. Cada producto tiene su imagen destacada. Deberías asignar a cada uno una imagen destacada clara, asegurándote de que no exista en ella ningún texto. Según mi experiencia, las imágenes en las que aparece texto son menos visibles y más confusas, lo que conduce a un CTR (clic through rate, ratio de clics) más bajo, mientras que las imágenes sin texto tienen un porcentaje de visualización o de clics superior, lo que deriva en más ventas y un mejor ROI (retorno sobre la inversión). Como ejemplo, puedes echar un vistazo a las imágenes destacadas de Tuts+.

Añadir una Imagen de Producto

Add a product image

Si observas la zona inferior derecha de la página de edición de producto, encontrarás un cajetín destinado a la Imagen del producto. Para añadir añadir una imagen pulsa el enlace Establecer imagen de producto.

Set product image

Tras hacer clic, serás dirigido a un cargador de imagen como el que ves en la figura de arriba. Desde aquí puedes o bien subir una nueva imagen desde tu ordenador o hacer clic sobre Biblioteca de medios para seleccionar una imagen que hayas cargado previamente y establecerla como imagen del actual producto.

Select an image

Pulsa el botón Establecer imagen del producto una vez y ya tendrás hecha tu selección. Tras esto, haz clic sobre Guardar borrador (si el producto todavía no está publicado) o Actualizar (si el producto ya estaba publicado), la nueva imagen del producto aparecerá en el front-end.

Galerías de Producto

Los sitios web pueden tener una única imagen destacada, pero un eCommerce debe tener varias imágenes para cada producto si quiere mejorar su índice de ventas. La mejor práctica es añadir como mínimo tres y como máximo cinco. Los clientes siempre suelen necesitar más de lo que les proporcionas. Pero eso no significa que debas añadir cientos de imágenes en una galería. Las galerías de imágenes son para ofrecer una vista rápida. Si quieres añadir más imágenes, necesitarás usar el editor para redactar la descripción del producto.

Product gallery images

En las galerías de producto se incluirán todas las imágenes relacionadas con un único producto. La imagen destacada o imagen de producto también formará parte de esta galería, pero será considerada además como la imagen principal de dicho producto.

Añadir una Galería de Producto

Add product gallery images

Para añadir una Galería de producto, fíjate en la parte inferior derecha de la página, cerca del cajetín de la Imagen del producto, y encontrarás la caja para crear la Galería del producto. Aquí, pulsa Añadir imágenes a la galería de producto, y serás dirigido nuevamente al cargador de imágenes desde donde podrás subir y elegir las imágenes que aparecerán en la galería.

Image uploader for product gallery

Una vez estén cargadas las imágenes, pulsa Añadir a la galería.

Product in an online store showing product gallery images

Cuando publiques el producto, estas imágenes aparecerán en la galería en el front-end. La imagen de arriba muestra la imagen del producto presentada como principal, y las imágenes de la galería justo bajo ella. Los clientes pueden pulsar sobre cualquiera de estas imágenes y desplazarse a través de toda la galería. 

Reordenar o Eliminar Imágenes de la Galería del Producto

Reordering images in the product gallery

Si quieres cambiar el orden de las imágenes en la galería, simplemente arrastra y suelta con el ratón cada una de ellas hasta colocarlas en la posición deseada.

Delete image option

Para eliminar o quitar una imagen de la galería, coloca el ratón sobre la imagen que desees eliminar y haz clic en la marca de la cruz que aparece en rojo.

Para confirmar los cambios, pulsa Guardar borrador o Actualizar.

Así es como puedes añadir varias imágenes a tu producto en una tienda online. Si tienes cualquier duda sobre este tema, puedes dejar tu comentario en la sección que viene a continuación.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.