Ir al contenido principal

Guía rápida sobre el catálogo de productos y la interfaz de usuario del editor de productos (aplicación web)

C
Escrito por Craig Wright

Este artículo ofrece una visión general de las pantallas que utilizarás para gestionar las imágenes de tus productos en una tienda conectada, como una tienda de Shopify.


Pantalla «Productos»

Una vez que hayas conectado Photoroom a tu tienda, verás la pantalla «Productos ». También se conoce como «Catálogo de productos». También puedes acceder a ella seleccionando «Productos de Shopify » en la barra lateral.

La pantalla «Productos» es un centro desde el que puedes ver todos los productos que tienes en Photoroom. Los productos pueden ser:

  • En Photoroom y Shopify

  • En Photoroom, a la espera de ser añadidos a Shopify.

Products screen showing the range of products in Photoroom that can be synced with your store.

Por defecto, tus productos se muestran en una cuadrícula, pero puedes cambiar a una vista de lista si lo prefieres. Para cada producto, Photoroom muestra la imagen destacada.
​

Desde la pantalla «Productos», puedes:


Editor de productos

Haz doble clic en un producto del Catálogo de productos para abrirlo en el Editor de productos. El Editor de productos es donde puedes realizar cambios en una o varias de las imágenes del producto y también puedes utilizar Photoroom para generar nuevas imágenes. De forma predeterminada, se muestra la barra lateral de Shopify.


Menú lateral del Editor de productos

En el editor de productos, dispones de una serie de funciones de edición habituales accesibles desde el menú lateral. Cuando utilices estas opciones, los cambios que realices se aplicarán a:

  • Todas las imágenes que hayas seleccionado

  • Todas las imágenes del producto (si no hay ninguna imagen seleccionada o si están seleccionadas todas las imágenes).

El menú lateral incluye:

  • Plantillas
    Aplica una plantilla a las imágenes de tus productos.
    ​

  • Cambiar tamaño
    Cambia el tamaño y la relación de aspecto de la imagen.
    ​

  • Posicionar
    Cambia el relleno y la posición.
    ​

  • Fondo
    Elimina o sustituye el fondo por un color, una imagen o un fondo generado por IA.
    ​

  • Sombras generadas por IA
    Aplica efectos de sombra generados por IA.
    ​

  • Herramientas de IA
    Utiliza herramientas como «Modelos de moda generados por IA», «Recolor» y «Maniquí fantasma» para generar nuevas imágenes. Al seleccionar una herramienta de IA, su configuración se carga en la barra lateral.

  • Añadir imágenes
    Sube nuevas imágenes, utiliza diseños existentes o genera imágenes con IA.
    ​

  • Shopify
    Muestra u oculta la barra lateral de Shopify (se describe más adelante en este artículo).
    ​

  • Uso
    Muestra los créditos de IA y el uso de la exportación para el Espacio.
    ​


Barra lateral de Shopify

La barra lateral de Shopify te ayuda a preparar y publicar tu ficha de producto en Shopify. Al ir completando sus secciones, puedes crear rápidamente una ficha completa con imágenes, información del producto y metadatos de SEO.

La barra lateral de Shopify incluye:

  • Puntuación de la ficha
    Muestra el grado de completitud de tu ficha. Si sigues las sugerencias, mejorarás tu puntuación.
    ​

  • Lista de fotos generada por IA
    Úsala para generar imágenes sugeridas del producto (por ejemplo, vista frontal, trasera, lateral, con modelo).
    ​

  • Título y descripción
    Crea, edita o genera el título y la descripción de tu producto.
    ​

  • SEO y metadatos
    Crea, edita o genera nombres de archivo optimizados para SEO y texto alternativo para las imágenes de los productos.
    ​

  • Variantes
    Añade imágenes para las variantes de los productos (por ejemplo, variantes de color o talla).


Menús de opciones del editor de productos

Cada imagen de producto cuenta con menús emergentes que puedes utilizar para editar una sola imagen. Hay un menú emergente para:

  • El mosaico general de la imagen

  • Cada capa de primer plano de una imagen.

En los menús emergentes encontrarás opciones de edición que no están disponibles en la barra lateral. Incluyen opciones para añadir capas de texto y gráficos, ajustar el brillo y las luces, acceder a la función «Retoque», recortar una capa, cambiar el orden de las capas y mucho más.

Importante: Las opciones de un menú de burbuja son específicas para la capa o imagen seleccionada. Por ejemplo, para una capa de texto aparecerán opciones de edición de texto, que son diferentes de las opciones del menú de burbuja para una capa de gráficos.


Menú contextual del botón derecho

Si haces clic con el botón derecho del ratón sobre la imagen de un producto, aparecerá un menú contextual.

The product editor showing its side menu, shopify sidebar, and a grid of images for a single product

Las opciones del menú contextual al hacer clic con el botón derecho incluyen:

  • Copiar
    Copia la imagen al portapapeles de tu dispositivo.
    ​

  • Pegar
    Pega el contenido del portapapeles de tu dispositivo en el editor.
    ​

  • Copiar/Pegar ediciones
    Úsalas para copiar las modificaciones realizadas en una imagen y pegarlas en otra.

  • Duplicar
    Crea una copia de la imagen.
    ​

  • Eliminar
    Elimina la imagen del producto. Ten en cuenta que la imagen no se elimina de Shopify hasta que publiques la actualización.
    ​

  • Crear nueva sección
    Añade una nueva sección a tu editor de productos.
    ​

  • Seleccionar todo
    Úsalo para seleccionar todas las imágenes.
    ​

  • Guardar como plantilla
    Úsalo para guardar la imagen actual como plantilla.
    ​

  • Descargar
    Exporta la imagen del producto como un archivo de imagen.


Aplicar a todas

Cuando edites una imagen individual, la opción «Aplicar a todas» estará disponible en el menú contextual de la imagen. Esta opción te permite aplicar los mismos cambios a todas las demás imágenes del producto.

Apply to all option on the pill menu for an image tile in the product editor

Si solo quieres copiar los cambios recientes en algunas de las imágenes del producto en lugar de en todas, utiliza la opción «Copiar/Pegar cambios» del menú contextual que aparece al hacer clic con el botón derecho.

Para obtener más información, consulta ¿Cómo funciona «Aplicar a todas»?


Vista en cuadrícula y vista a pantalla completa

Cuando abres un producto en el editor de productos, sus imágenes se muestran en una cuadrícula de forma predeterminada. Se trata de la vista en cuadrícula, que te permite editar las imágenes mientras las visualizas todas a la vez.

Product images shown in Full Screen View

Para trabajar con mayor precisión, puedes cambiar a la vista de pantalla completa haciendo doble clic en una imagen o utilizando el selector de vista de la barra de herramientas.

En la vista de pantalla completa, se obtiene una vista ampliada de una imagen, lo que puede facilitar la edición de los detalles.

En la parte inferior hay una miniatura de las demás imágenes del producto. Selecciona una de las miniaturas para mostrar esa imagen en la vista de pantalla completa.


Próximos pasos

Ahora que ya conoces las pantallas de productos, puedes empezar a crear y editar fichas de productos.


Artículos relacionados

Flujos de trabajo básicos:

Edición:

Herramientas de IA:

¿Ha quedado contestada tu pregunta?