Você já deve ter ouvido a expressão “uma imagem vale mais que mil palavras”, quando o assunto é e-commerce ela faz total sentido. A imagem é a primeira coisa que o cliente vê em uma página de produto e ela faz muita diferença no momento da compra.
Neste artigo veremos como cadastrar as imagens na plataforma de três maneiras:
- Via cadastro do produto variante
- Via upload de imagens
- Via API de integração
Cadastro de Imagens via Cadastro do Produto Variante
Acesse no admin Produtos >> Lista de produtos e selecione o produto desejado:
Acesse o cadastro do Produto Variante, abrindo o produto que deseja e clicando no lápis de edição:
Em Fotos e Imagens, clique em "Adicionar arquivo" e selecione as imagens do produto:
Reforçamos que só serão aceitas imagens na extensão .jpg ou .png, na tentativa de envio de extensões diferentes dos já citados, ao clicar em salvar a imagem, uma mensagem será apresentada informando sobre os formatos permitidos, confira na imagem abaixo:
Após inserir a imagem, você poderá definir se irá utilizar estampa ou miniatura. As estampas são mais utilizadas para mostrar o atributo que normalmente é do tipo cor, se preferir não mostrar as miniaturas desmarque esta opção:
A ordenação das imagens pode ser feita arrastando-as na posição desejada.
Após concluir a inserção das imagens, clique em "Salvar".
Cadastro de imagens em massa via Upload de Imagens
Acesse o menu Produtos >> Upload de Imagens, nesta tela você poderá incluir ou atualizar as imagens dos produtos de maneira massiva de forma rápida e simples, seguindo o formato abaixo:
Em ação, escolha uma das opções:
- Adicionar ou Substituir: para adicionar novas imagens de novos produtos e também para substituir as imagens que possuem o mesmo SKU.
- Sempre adicionar: usado para produtos novos, pois as imagens serão sempre adicionadas.
Em seguida, selecione as imagens que deseja enviar, é importante renomear as imagens de acordo com o SKU do produto para que seja feito o vínculo entre a imagem e o SKU.
Se o produto tiver mais de uma imagem, utilize o formato NUMEROSKU-1, NUMEROSKU-2 e assim por diante.
Escolhidas as imagens, você deve compactá-las e enviar o arquivo zip de até 200mb ou adicionar o URL com destino a um arquivo zip salvo no google drive ou wetransfer.
Feito isso, faça o upload do arquivo e clique em "Salvar".
Histórico de Alterações
Logo abaixo, nessa mesma página, você verá o histórico de alterações com informações importantes como usuário, data de alteração e tipo da alteração realizada:
Cadastro de Imagens via API de Integração
Para inserir imagens via API de Integração, os produtos precisam estar cadastrados no Admin.
Então, acesse o API de Integração >> API Explorer e localize o endpoint Produto:
Localize o método POST /produtos/{identificador}/imagens:
Informe o identificador que é o SKU e a imagem, que deve ser enviada no formato base64.
Essas são as três formas possíveis para o cadastro de imagens em nossa plataforma.
Vídeo: Cadastro de Imagens
Para assistir a esse passo a passo clique no vídeo abaixo:
Boas práticas para o Cadastro de Imagens de Produto
Agora que você já conhece as formas de cadastrar imagens na plataforma, veja algumas boas práticas que separamos a fim de garantir bons resultados com as suas imagens, evitando ainda possíveis problemas de importação.
Confira a seguir:
- As extensões de imagens recomendadas e aceitas são em JPG ou PNG;
- O tamanho máximo por imagem é de 2MB;
- A dimensão máxima da imagem é de 3200x3200 pixels;
- A utilização de caracteres especiais e espaços no nome do arquivo não são recomendados;
- Utilize fundo branco nas imagens;
- Indicamos que o formato das imagens seja quadrado, a fim de evitar distorções;
- Sugerimos que as imagens tenham no mínimo 800x800 pixels, pois assim, as mesmas apresentarão uma boa qualidade, inclusive com a aplicação do zoom.
Sistema de Redimensionamento de Imagens Image Static
Ao acessar uma página na web todas as imagens da página são carregadas, dependendo da quantidade de imagens usadas no seu layout da página de produto, essa quantidade pode deixar a página lenta. Para melhorar a performance, utilizamos nosso próprio sistema de redirecionamento de imagens o Image Static, e dessa forma apenas a imagem original que você cadastrou fica salva em disco e a mesma será redimensionada para qualquer tamanho da tela dinamicamente em tempo real.
No painel do Style Editor vá em Configurações >> Upload de imagem
Aqui você tem o tamanho de todas as imagens exibidas na loja, esses tamanho são definidos durante a implantação e aqui que você poderá configurar a dimensão padrão para o upload de imagens, esta dimensão é referente a maior imagem exibida no site, no campo Zoom Detalhes Produto é referente a maior imagem exibida na página do produto, que o mínimo sugerido é de 800 por 800 pixels, mas você pode trabalhar com imagens de 1000, 1200 pixels sem problemas, então sempre faça o upload de imagem no tamanho da imagem definida para a imagem do zoom, para ocorrer o redimensionamento para menor, se você cadastrar imagem com 300 pixels por exemplo, ao redimensionar para maior vai perder qualidade e vai borrar toda a imagem.
O tamanho máximo do arquivo permitido é de 2Mb que é mais que suficiente para ter uma imagem de alta resolução e definição.
Ao cadastrar as imagens faça sempre de acordo com as proporções definidas na configuração, se por exemplo foi definido que a proporção da imagem será quadrada, sempre cadastre imagens quadradas, se não a plataforma irá adicionar espaço em branco para compensar e assim evitar que ela fique esticada ou achatada.
Exemplo: Peguei uma imagem onde a proporção dela é retangular, com resolução de 533px de largura por 800px de altura.
Nas configurações está setado para utilizar o tamanho de 800px de largura por 800px de altura.
Ao abrir a URL da imagem que foi feito o upload o sistema do Image Static adiciona parte brancas para compensar e assim ajustar a proporção da imagem sem distorcer a mesma.