Table of Contents
Copiando o código de incorporação do vídeoInserindo o código do vídeo na descrição do produtoInformações adicionaisColocar um vídeo na descrição poder ajudar a demonstrar melhor seu produto e ajudar na decisão da compra dos visitantes de sua loja. Neste tutorial, te mostramos como incluir vídeos na descrição dos seus produtos individualmente.
Vamos usar como base o YouTube, por ser a plataforma de hospedagem de vídeos mais utilizada. Contudo, o mesmo processo pode ser feito com qualquer site que ofereça os códigos para incorporação de vídeos.
Vamos aos passos!
Copiando o código de incorporação do vídeo
1. Acessar a página onde seu vídeo está hospedado e clicar em "Compartilhar".
2. Na janela que abrir, clicar na opção "Incorporar".
3. Na próxima tela, clicar sobre o código para selecioná-lo e em seguida em "Copiar".
Inserindo o código do vídeo na descrição do produto
1. No painel administrador Nuvemshop, seguir pelo caminho "Produtos > Lista de produtos".
2. Localizar o produto onde você quer adicionar o vídeo e clicar sobre o nome dele para abrir o formulário de cadastro.
3. Na parte da descrição, escolher onde o vídeo será incorporado no texto e clicar em "Código-Fonte" para habilitar a edição da descrição em códigos.
Em seguida, você deve colar o código copiado do YouTube nos passos anteriores. Confira o exemplo em GIF abaixo:
4. Depois de colar o código, clicar novamente em "Código-Fonte" para visualizar o vídeo incorporado na descrição. Veja o GIF de exemplo:
5. Preencher a descrição com as demais informações do produto (textos, imagens, etc.) e clicar em "Salvar alterações".
Informações adicionais
Os layouts da Nuvemshop são responsivos e, para que o vídeo seja exibido corretamente, o código gerado pela plataforma onde você hospeda seus vídeos também deve ser responsivo.
Pode acontecer de o YouTube não gerar o código de forma responsiva, ou você querer limitar o tamanho da janela do vídeo para não ocupar a tela toda.
Neste caso, você pode copiar o link (URL) do vídeo e colar no código abaixo, substituindo o termo "URL DO VÍDEO" pelo link que copiou.
<iframe allowfullscreen="" frameborder="0" height="360" src="URL DO VÍDEO" width="640"></iframe>
Pronto! 🙌 O produto terá o vídeo publicado em sua descrição.