Mantener una buena presentación visual de tus productos es clave para captar la atención de los clientes. En este tutorial, aprenderás a gestionar imágenes asociadas a los productos en tu tienda utilizando la plataforma Creaweb. Desde añadir imágenes nuevas hasta organizarlas como carruseles, este proceso garantizará que los usuarios tengan una experiencia atractiva al navegar por tu catálogo.
Pasos para configurar las imágenes de un producto en Creaweb
Paso 1: Selecciona o crea un menú de productos
Antes de editar un producto, asegúrate de tener un menú de productos activo. Si aún no has creado uno, te recomendamos consultar nuestra guía sobre cómo crear menús antes de continuar. Si ya tienes un menú de tipo producto creado, localízalo en la lista de menús y selecciona su nombre. También puedes hacer clic en el botón verde con un ícono de barras y un símbolo de más, ubicado en la fila correspondiente, para acceder al menú de edición.

Paso 2: Accede al producto
Una vez dentro del menú de productos, encontrarás una tabla con todos los productos existentes. Identifica el producto al que deseas gestionar las imágenes y haz clic en el botón con el ícono de lápiz en su fila correspondiente para editarlo.

Paso 3: Accede a la pestaña de imágenes del producto
Una vez que hayas seleccionado producto, serás redirigido a la información del producto. En la parte superior del contenedor principal, busca y haz clic en la pestaña llamada «Imágenes del producto«. Esto te llevará a la sección donde podrás gestionar y modificar la imagen.

Paso 4: Añade o edita imágenes del producto
En esta vista, encontrarás una tabla que muestra las imágenes asociadas al producto. Si deseas agregar una nueva imagen, utiliza el botón superior izquierdo con el ícono de signo más o desplázate hacia abajo para completar el formulario. A continuación, se describen los campos disponibles:
Nombre de la imagen: Este campo es opcional y permite identificar la imagen en el sistema.

Texto alternativo (Alt): Ayuda a mejorar el SEO del producto y garantiza accesibilidad a usuarios con lectores de pantalla.

Descripción: Un campo adicional opcional para detallar información sobre la imagen.

Enlace de video o etiqueta iframe: Si deseas asociar un video al producto, añade el enlace o código aquí.
Visible: Marca esta opción para hacer visible la imagen en la tienda.

Subir Imagen: Selecciona el archivo desde tu dispositivo para cargarlo en la plataforma.

Después de guardar los cambios, las nuevas imágenes se mostrarán en la tabla superior. Si añades múltiples imágenes, se presentarán como un carrusel en la vista de detalle del producto, ofreciendo una experiencia interactiva y dinámica para los clientes.
Asegúrate de utilizar imágenes de alta calidad y optimizadas para web, ya que esto mejora tanto la velocidad de carga como la percepción del producto por parte del cliente.
Cómo organizar, editar y eliminar imágenes en la tabla del producto
Dentro de la pestaña «Imágenes del Producto», puedes administrar todas las imágenes asociadas a un producto desde una tabla intuitiva que te ofrece las siguientes opciones:
Reordenar imágenes
Puedes organizar las imágenes según tus necesidades con dos métodos prácticos:
- Arrastrar y soltar: Usa el ícono de las cuatro flechas en la primera columna de cada fila. Haz clic, mantén presionado, y arrastra la imagen a la posición deseada. Suéltalo para colocarla en su nueva ubicación.
- Botones de subir y bajar: En la columna de acciones, utiliza los botones para mover la imagen una posición hacia arriba o hacia abajo dentro de la tabla.

Establecer una imagen como principal
Puedes destacar una imagen como principal, la cual será la que represente al producto en todas las vistas de la página web:
- Haz clic en el botón con el ícono de estrella en la fila correspondiente.
- Recuerda que la imagen principal también será la que ocupe la primera posición en la tabla.

Configurar visibilidad
Decide si una imagen estará visible para los usuarios marcando o desmarcando la casilla Visible. Esto te permite controlar qué imágenes se mostrarán en la página del producto.

Editar una imagen
Haz clic en el botón con el ícono de lápiz en la fila de la imagen que deseas modificar. Esto rellenará automáticamente el formulario inferior con la información asociada a la imagen. Realiza los cambios necesarios y guárdalos para actualizar la configuración.

Eliminar una imagen
Para eliminar una imagen:
Haz clic en el botón con el ícono de papelera en la fila correspondiente.

Aparecerá un modal de confirmación solicitando que verifiques tu acción. Haz clic en el botón «Sí, eliminar» para confirmar.

Una vez eliminada, la imagen desaparecerá de la tabla.

Estas herramientas te permiten gestionar las imágenes de manera eficiente, asegurando que tu catálogo visual sea claro, atractivo y siempre esté alineado con la presentación deseada del producto.
La gestión de imágenes en Creaweb no solo te permite destacar los atributos visuales de tus productos, sino que también contribuye a mejorar la experiencia del usuario y la optimización para motores de búsqueda. Sigue estas indicaciones para mantener tu catálogo visualmente atractivo y actualizado.