Ir al contenido principal

Guía rápida sobre la interfaz de usuario de «Productos» de Shopify (aplicación web)

C
Escrito por Craig Wright

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

Productos (aplicación web)

Una vez que hayas conectado Photoroom a tu tienda, verás la pantalla «Productos ». También se conoce como «Catálogo de productos de Shopify» o «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 estar:

  • 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» de Shopify, puedes:

Editor de productos

Haz doble clic en la imagen de un producto en el Catálogo de productos para abrirlo en el Editor de productos. Aquí es donde puedes editar una o varias imágenes de un producto concreto. 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 utilizas estas opciones, los cambios que realices se aplican a todas las imágenes del producto de forma predeterminada. También puedes seleccionar una o varias imágenes, en cuyo caso los cambios solo se aplicarán a esas imágenes.

El menú lateral incluye:

  • Plantillas
    Aplica una plantilla a las imágenes de tu producto.
    ​

  • 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, podrás crear rápidamente una ficha completa con imágenes, información del producto y metadatos 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, parte delantera, 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 burbujas 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, en una capa de texto aparecerán opciones de edición de texto, que son diferentes de las opciones del menú de burbuja de 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:

  • Editar
    ​​Abre la imagen en el editor principal, donde puedes utilizar funciones de edición que no están disponibles en el editor de productos de Shopify.
    ​

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

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

  • Copiar/Pegar ediciones
    Úsalo 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 al editor de productos de Shopify.
    ​

  • 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 editas una imagen individual, la opción «Aplicar a todas» aparece disponible en el menú contextual de la imagen. Se trata de una opción importante, ya que 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»?

Importante: La opción «Aplicar a todas» está disponible en el menú de la imagen. No aparece en el menú de las capas de primer plano. Si no la ves en el menú, es probable que tengas seleccionada una capa de primer plano en lugar de la imagen.

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» de Shopify, 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?