Passar para o conteúdo principal

Guia rápido sobre a interface do usuário do Shopify Products (aplicativo web)

C
Escrito por Craig Wright

Este artigo apresenta uma visão geral das telas que você utilizará para gerenciar suas imagens e listagens de produtos no Shopify.


Produtos (aplicativo web)

Depois de conectar o Photoroom à sua loja, você verá a tela Produtos. Ela também é conhecida como Catálogo de Produtos do Shopify ou Catálogo de Produtos. Você também pode acessá-la selecionando Produtos do Shopify na barra lateral.

A tela “Produtos” é um centro onde você pode ver todos os produtos que possui no Photoroom. Os produtos podem ser:

  • No Photoroom e no Shopify

  • No Photoroom, aguardando para serem adicionados ao Shopify.

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

Por padrão, seus produtos são exibidos em uma grade, mas você pode alternar para a visualização em lista, se preferir. Para cada produto, o Photoroom exibe a imagem em destaque.
​

Na tela “Produtos” do Shopify, você pode:


Editor de Produtos

Clique duas vezes na imagem de um produto no Catálogo de Produtos para abri-lo no Editor de Produtos. É aqui que você pode editar uma ou mais imagens de um produto específico. Por padrão, a barra lateral do Shopify é exibida.


Menu lateral do Editor de Produtos

No Editor de produtos, você tem à disposição uma variedade de recursos comuns de edição no menu lateral. Ao usar essas opções, as alterações feitas se aplicam a todas as imagens do produto por padrão. Você também pode selecionar uma ou mais imagens; nesse caso, as alterações se aplicarão apenas a essas imagens.

O menu lateral inclui:

  • Modelos
    Aplique um modelo às imagens do seu produto.
    ​

  • Redimensionar
    Altere o tamanho e a proporção da imagem.
    ​

  • Posicionar
    Altere o preenchimento e o posicionamento.
    ​

  • Fundo
    Remova ou substitua o fundo por uma cor, imagem ou fundo gerado por IA.
    ​

  • Sombras geradas por IA
    Aplique efeitos de sombra gerados por IA.
    ​

  • Ferramentas de IA
    Use ferramentas como Modelos de Moda com IA, Recolorir e Manequim Invisível para gerar novas imagens. Ao selecionar uma ferramenta de IA, suas configurações são carregadas na barra lateral.

  • Adicionar imagens
    Envie novas imagens, use designs existentes ou gere imagens com IA.
    ​

  • Shopify
    Mostre ou oculte a barra lateral do Shopify (descrita mais adiante neste artigo).
    ​

  • Uso
    Mostra os créditos de IA e o uso de exportação do Space.
    ​


Barra lateral do Shopify

A barra lateral do Shopify ajuda você a preparar e publicar sua ficha de produto no Shopify. Ao percorrer suas seções, você pode criar rapidamente uma ficha completa com imagens, informações do produto e metadados de SEO.

A barra lateral do Shopify inclui:

  • Pontuação da lista
    Mostra o nível de completude da sua lista. Preencher as sugestões melhora sua pontuação.
    ​

  • Lista de fotos com IA
    Use para gerar sugestões de imagens do produto (por exemplo, frente, verso, lateral, modelo).
    ​

  • Título e Descrição
    Crie, edite ou gere o título e a descrição do seu produto.
    ​

  • SEO e metadados
    Crie, edite ou gere nomes de arquivos otimizados para SEO e texto alternativo para as imagens dos produtos.
    ​

  • Variantes
    Adicione imagens para variantes de produtos (por exemplo, variantes de cor ou tamanho).


Menus de botões do Editor de Produtos

Cada imagem de produto possui menus de bolha que você pode usar para editar uma única imagem. Há um menu de bolha para:

  • O bloco de imagem geral

  • Cada camada de primeiro plano em uma imagem.

Os menus de bolha são onde você encontrará opções de edição que não estão disponíveis na barra lateral. Elas incluem opções para adicionar camadas de texto e gráficos, ajustar o brilho e os realces, acessar o Retocador, recortar uma camada, alterar a ordem das camadas e muito mais.

Importante: As opções em um menu de bolinhas são específicas para a camada ou imagem selecionada. Por exemplo, para uma camada de texto, você tem opções de edição de texto, que são diferentes das opções do menu de bolinhas para uma camada de gráficos.


Menu de contexto do botão direito do mouse

Se você clicar com o botão direito do mouse em uma imagem de produto, um menu de contexto será exibido.

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

As opções do menu de contexto do clique com o botão direito incluem:

  • Editar
    ​​Abre a imagem no editor principal, onde você pode usar recursos de edição que não estão disponíveis no editor de Produtos do Shopify.
    ​

  • Copiar
    ​Copia a imagem para a área de transferência do seu dispositivo.
    ​

  • Colar
    Cola o conteúdo da área de transferência do seu dispositivo no editor.
    ​

  • Copiar/Colar edições
    Use para copiar as edições feitas em uma imagem e, em seguida, colá-las em outra imagem.

  • Duplicar
    Cria uma cópia da imagem.
    ​

  • Excluir
    Remove a imagem do produto. Observe que isso não remove a imagem do Shopify até que você publique a atualização.
    ​

  • Criar nova seção
    Adiciona uma nova seção ao seu editor de produtos do Shopify.
    ​

  • Selecionar tudo
    Use para selecionar todas as imagens.
    ​

  • Salvar como modelo
    Use para salvar a imagem atual como modelo.
    ​

  • Baixar
    Exporte a imagem do produto como um arquivo de imagem.


Aplicar a todas

Ao editar uma imagem individual, a opção “Aplicar a todas” fica disponível no menu de bolinhas da imagem. Essa é uma opção importante, pois permite aplicar as mesmas edições a todas as outras imagens do produto.

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

Se você quiser copiar as edições recentes apenas para algumas das imagens do produto, em vez de todas elas, use a opção “Copiar/Colar edições” no menu de contexto acessado com o botão direito do mouse.

Importante: a opção “Aplicar a todos” está disponível no menu de pilha do bloco de imagem. Ela não aparece no menu de pilha das camadas de primeiro plano. Se você não a encontrar no menu de pilha, é provável que tenha uma camada de primeiro plano selecionada em vez do bloco de imagem.


Visualização em grade e visualização em tela cheia

Ao abrir um produto no Editor de Produtos, suas imagens são exibidas em uma grade por padrão. Essa é a Visualização em grade, que permite editar as imagens enquanto você as visualiza todas.

Product images shown in Full Screen View

Para um trabalho mais focado, você pode alternar para a Visualização em tela cheia clicando duas vezes em uma imagem ou usando o seletor de visualização na barra de ferramentas.

Na Visualização em tela cheia, você obtém uma visão ampliada de uma imagem, o que pode facilitar a edição de detalhes.

Na parte inferior, há uma miniatura das outras imagens do produto. Selecione uma das miniaturas para exibir essa imagem na Visualização em tela cheia.


Próximos passos

Agora que você entende as telas de Produtos do Shopify, pode começar a criar e editar listagens de produtos.


Artigos relacionados

Fluxos de trabalho principais:

Edição:

Ferramentas de IA:

Respondeu à sua pergunta?