Como inserir um vídeo na home da loja

É bem fácil adicionar um vídeo na home da sua loja, para isso basta inicialmente ter seu vídeo hospedado em algum serviço de vídeo, como o Youtube ou Vimeo, por exemplo.

  • Agora, acesse o vídeo que deseja, feito isso selecione a opção "share/compartilhar", e depois selecione a opção "embed".

  • Ao selecionar essa opção será exibida uma caixa com um trecho de código, copie todo o código apresentado pois vamos utilizar mais para frente.

Atenção: No exemplo abaixo utilizamos um vídeo hospedado no Youtube.

  • No painel administrativo de sua loja acesse "Minha Loja >> Design da Loja".

  • Localize o tema que deseja incluir o vídeo e clique em "Editar HTML", em seguida acesse a pasta "pages" e abra o arquivo "home.html".

  • Como exemplo utilizamos o tema padrão, e vamos exibir o vídeo acima dos banners da loja.

  • Para isso localize a chamada dos banners que no caso deste tema é:

{% element 'snippets/banner-home' %}
  • Agora, basta adicionar o código copiado do Youtube, antes dessa chamada (linha), veja abaixo:

{# cole aqui o trecho de código do video #}
{% element 'snippets/banner-home' %}

Pontos de Atenção:

  1. Lembrando que este foi apenas um exemplo, ou seja, a chamada e o local da mesma pode variar de acordo com o tema utilizado.

  2. O local utilizado no exemplo foi acima dos banners, mas você poderá incluir o vídeo para ser apresentado no local desejado de seu tema.

  3. Devido a configuração ser feita diretamente no código fonte do tema, se você não tiver conhecimento em HTML, recomendamos que contrate um profissional especializado ou alguma agência parceira da Tray.

  4. Lembre-se de validar o tamanho (largura - width e altura - height) do vídeo para que não interfira na exibição mobile de sua loja.

Last updated