Como inserir imagem no descritivo de produto
Inserir imagens ao longo do texto descritivo ajuda a detalhar os benefícios do produto e a enriquecer a experiência do cliente. Para fazer isso na plataforma, o processo é dividido em duas etapas: hospedar a imagem na internet para gerar um link e depois colar esse link no painel usando um código de formatação.
Atenção: imagens inseridas diretamente no meio do texto descritivo podem não se adaptar perfeitamente a telas menores. Dependendo das dimensões do arquivo utilizado, a imagem pode não ficar responsiva em celulares (mobile).
Passo 1: Gere o link da imagem (Hospedagem)
A plataforma precisa de um link público da internet para exibir a imagem. Você pode usar sites gratuitos de hospedagem, como o ImgBB, para gerar esse endereço:
- Acesse o site pt-br.imgbb.com e clique em Começar a enviar.
- Selecione o arquivo de imagem no seu computador ou celular e clique em Enviar.
- Copie o link que o site fornecer na tela.
- Abra esse link copiado em uma nova aba do seu navegador, clique com o botão direito do mouse em cima da imagem e selecione a opção Abrir imagem em uma nova guia.
- Copie o endereço completo (URL) que aparece na barra de navegação desta última guia aberta. O link correto deve terminar com a extensão da imagem (como .jpg ou .png).
Passo 2: Insira a imagem no painel do produto
Com o link correto copiado, agora vamos adicioná-lo ao cadastro do item usando a formatação Markdown:
- No menu do admin, acesse Produtos e selecione o item desejado.
- Vá até o campo de Descrição do produto.
- Cole o seguinte código exatamente no local onde você deseja que a imagem apareça:
-
Entre os colchetes
[]: Digite uma breve descrição da imagem (ex:![Foto detalhada do tecido]). Esse texto ajuda na acessibilidade do site e no SEO do Google. -
Entre os parênteses
(): Cole a URL completa da imagem que você gerou no passo anterior.
- Clique no botão Preview para conferir se a imagem carregou corretamente no texto.
- Se estiver tudo certo, clique em Enviar para salvar as alterações do produto.
Importante: se a imagem não carregar no modo de visualização, verifique se o link colado termina com .jpg ou .png e se não há espaços em branco dentro dos parênteses.
