Inserir um vídeo na minha loja publica.la
Neste artigo vamos te mostrar como adicionar um vídeo do YouTube à sua loja.
Se você quiser compartilhar conteúdo multimídia com seus usuários leitores, neste caso um vídeo do YouTube, vamos te ensinar como fazer isso em passos simples.
Neste tutorial vamos mostrar como adicionar o vídeo na seção Widgets, mas se você tiver conhecimento de HTML, CSS e JavaScript poderá inseri-lo em outras seções da loja.
1. A primeira coisa que você deve fazer (caso ainda não tenha feito) é fazer o upload do seu vídeo no YouTube. Quando ele estiver lá, você deverá copiar o link que o YouTube fornece para incorporar o vídeo na loja.
Para obter o link, entre na página do vídeo e clique em "Compartilhar":
2. Em seguida, clique em "Incorporar".
3. A janela a seguir será aberta, onde você terá o código para incorporar:
Copie o código conforme mostrado na imagem.
4. Agora, na loja, vá para Painel de Controle > Configurações > Widgets e cole o código obtido, envolvendo-o na seguinte tag:
<div class="video-responsive">
Aquí dentro debes colocar el código de Youtube
</div>
O código deverá ficar assim:
<div class="video-responsive">
<iframe width="560" height="315" src="https://www.youtube.com/embed/mPsc8c" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
Clique em Salvar.
5. Por fim, vamos adicionar alguns estilos CSS para centralizar o vídeo e dar um respiro visual. Para isso, vá para Painel de Controle > Configurações > Avançado e verifique se você tem o campo de CSS Personalizado.
- Se você tiver o campo de CSS Personalizado, cole o seguinte código:
.Widget .container-fluid{
text-align: center;
margin-top: 9px;
}
- Se você NÃO tiver o campo CSS, você deverá colar seu código em Custom before </body> code da seguinte forma:
<style>
.Widget .container-fluid{
text-align: center;
margin-top: 9px;
}
</style>
Clique em Salvar.
Talvez alguma tag tenha algum erro e por isso o código não funcione. Para resolver, verifique se o código está correto e igual ao que compartilhamos neste tutorial.
Esperamos que este tutorial tenha sido simples para você. Se tiver dúvidas, escreva para support@publica.la.
Atualizado em: 11/05/2026
Obrigado!