As imagens são um aspecto fundamental da sua loja, pois servem como uma vitrine para os seus produtos, permitindo que os consumidores possam conhecê-los e desejá-los. Lembre-se que, tratando-se de uma loja virtual, ver boas imagens equivale para o cliente a ter o produto em suas próprias mãos para conhecer melhor suas características. 

 

Nessa seção, você aprenderá sobre: 

 

Adicionar Imagens 

 

Você pode adicionar todas as imagens que quiser nas páginas do seu site. Aproveite essa ferramenta para criar slideshows de imagens, galerias e ressaltar os aspectos mais importantes da sua loja. 

As imagens também são um elemento chave para que o seu site tenha um bom design e pareça atrativo para os usuários. Por isso, recomendamos utilizar imagens com alta resolução para que os clientes possam visualizar de forma mais clara e objetiva as terminações e a qualidade de cada produto. 

 

Imagens do Produto

 

As medidas recomendadas para as imagens de produtos são: 500 x 500 pixels e até 20 megapixels. Sobre a quantidade de imagens, se permite carregar até 30 por produto, mas te aconselhamos usar somente aquelas que sejam realmente necessárias e convenientes para apreciar o produto de diferentes ângulos e ressaltar os detalhes que você desejar. 

 

Para adicionar uma imagem a um produto: 

1. Vá até a seção Produtos e dentro do módulo Estoque

2. Clique no nome em azul do produto ao qual quer adicionar a imagem;

3. Localize a seção Multimídia e selecione a opção “Carregar fotos”; 


4. Selecione os arquivos no seu computador que deseja carregar e clique em “Abrir

 

Quando você seleciona mais de uma foto, a primeira aparecerá como imagem principal do produto. Porém, é possível definir uma nova imagem principal ao arrastar a foto que deseja que apareça destacada para a primeira posição (que corresponde a da imagem principal). Você também poderá organizar as fotos na ordem que preferir, bastando arrastá-las para mudá-las de posição. 

 

Adicionar imagens às variantes de um produto 

 

Para adicionar uma imagem à variante de um produto, você precisará ir até as características das variantes. 

  1. Acesse a seção “Produtos” dentro do Módulo “Estoque”;
  2. Clique no nome em azul do produto ao qual deseja adicionar a imagem;
  3. Vá até o final da página desse produto para encontrar as variantes cadastradas. 
  4. Agora, clique no ícone de câmera fotográfica ao lado do nome da variante e selecione as fotos que deseja adicionar. 

 

 

 

 

Imagens para a página

 

Você também poderá editar e posicionar as imagens no lugar que preferir dentro de cada página, assim como modificar seu tamanho, ordená-las, adicionar textos, botões, links, etc.  

 

Para adicionar uma imagem a uma página: 

1. Clique no menu Adicionar um elemento imagem

 

mitienda-menu-elementos-imagenes

  1. Agora, clique sobre o elemento para adicionar uma imagem; 
  2. 3.           Selecione a opção “Selecionar imagem” e se abrirá uma galeria de imagens com todas as fotos que foram previamente carregadas. Se a imagem que deseja adicionar não está na galeria, clique em “Adicionar imagens novas” e selecione as fotos que deseja carregar no seu computador. 

 

mitienda-menu-elementos-agregarimagen

 

 

Adicionar um texto e/ou botão a uma imagem

 

Se você quiser adicionar um texto ou um botão à imagem para torná-la ainda mais atrativa, basta seguir esses passos: 

1. Clique na imagem e selecione o item “Opções de Imagem”;

2. Na opção “Texto/botão”, você poderá adicionar um título, um parágrafo e um botão à sua imagem;

3. Você poderá definir a posição dessa informação dentro da imagem, as cores, as fontes, os tamanhos dos textos e botões. Também será possível ativar o efeito mouseover para os textos (não recomendamos fazer isso, pois poderia prejudicar a navegação em celulares e dispositivos móveis).


mitienda-menu-elementos-opcionesimagen

 

  1. Você também poderá adicionar um link a outras páginas do seu site ou a um site externo, assim como definir uma moldura para que sua imagem tenha um estilo personalizado. 

 

Formatos e medidas recomendadas

  • Capacidade: você poderá carregar infinitas imagens, desde que não superem o peso máximo de 20MB.
  • Tamanho de Fundo: as medidas mínimas para o fundo são de 1680 pixels de largura pela altura proporcional. 
  • Slideshow: 300 pixels de altura e largura a livre escolha (neste caso, o mais importante é a altura, pois não é possível alterá-la no Editor). 
  • Imagens dos produtos: o tamanho recomendado é de 500 x 500 pixels;
  •             Banners horizontais: a largura mínima deverá ser de 1200 pixels. 

 

 

Criar um slideshow

 

O Slideshow de imagens é um elemento que te permite mostrar várias imagens que vão se alternando no mesmo lugar. Você poderá usar esse elemento para promover seus produtos, serviços, coleções, ofertas ou qualquer outro aspecto do seu negócio que deseje destacar com uma apresentação atrativa. 

 

Para adicionar um elemento Slideshow, siga esses passos: 

 

1. Clique em “Adicionar” no menu lateral; 

  • 1.           Selecione a opção .
  • 2.           O slideshow será adicionado automaticamente na parte inferior da sua página, mas você poderá alterar sua posição nas opções de edição do box. 

 

mitienda-menu-elementos-slideshowimagensmitienda-menu-elementos-editarslideshow

 

  1. Adicione e organize as imagens no seu novo slideshow clicando em “Organizar imagens”. 
  2. Defina em que ordem serão mostradas as imagens, adicione um título e/ou parágrafo e incorpore um link a cada uma delas. 
  3. Para editar as cores e os tamanhos dos textos, basta acessar “Opções” clicando novamente sobre o elemento slideshow

mitienda-menu-elementos-ordenarimagenesslideshow

 

 

7. Se você acabou de criar um slideshow de produtos, pode clicar em “Organizar produtos” para definir quais produtos aparecerão em destaque, modificar a imagem de cada artigo e incluir uma etiqueta de desconto. 

8. Dentro das Opções do slideshow, você poderá configurar o efeito de transição, a pausa entre cada imagem, as cores de cada elemento e, se desejar, adicionar uma moldura às suas imagens.