Um widget de playlist do YouTube mostra uma playlist completa no seu site: um reprodutor em destaque e uma barra lateral com a fila pela qual os visitantes se podem deslocar. Este template dá-lhe esse layout pronto a incorporar e mantém-se sincronizado com a playlist no YouTube. Use-o em páginas de cursos, demonstrações de produtos e centros de ajuda, onde os espetadores precisam de saltar entre vídeos.
O que mostra o widget de playlist do YouTube e onde colocá-lo
Um widget de playlist do YouTube é um bloco incorporado que reproduz vídeos de uma playlist do YouTube e lista os outros vídeos junto ao reprodutor. Os visitantes escolhem qualquer vídeo da lista em vez de verem numa ordem fixa.
Este template inclui um reprodutor de vídeo em destaque, uma barra lateral com a fila da playlist, um painel de detalhes do vídeo, controlos de reprodução, um indicador de conclusão e uma ligação Ver no YouTube. Funciona com o feed de playlist do YouTube, que liga a sua playlist através da API do YouTube.
Use-o quando quiser incorporar uma playlist do YouTube com navegação em barra lateral em páginas de cursos e tutoriais, páginas de demonstração de produtos, sites de criadores e marcas, centros de ajuda e páginas de destino. O layout é responsivo, por isso a barra lateral adapta-se a ecrãs mais pequenos.
- Página inicial: uma curta playlist de vídeos de introdução responde às primeiras perguntas sem enviar os visitantes para o YouTube.
- Página de preços: uma playlist de demonstração mostra o produto em ação enquanto os visitantes comparam planos.
- Páginas de produto: vídeos de configuração e de instruções ajudam os compradores a perceber como o produto funciona.
- Páginas de destino: uma playlist focada mantém os espetadores na página e perto do seu CTA.
Como adicionar um widget de playlist do YouTube ao seu site
- Ligue a sua playlist do YouTube como fonte no EmbedSocial.
- Selecione o template Video Playlist Widget na biblioteca de templates do YouTube.
- Personalize a apresentação do título e da descrição e escolha se quer mostrar a barra lateral da fila.
- Defina o número de vídeos a carregar e a ordenação (ordem predefinida da playlist).
- Copie o código de incorporação (JavaScript ou iFrame).
- Cole-o no seu site (WordPress, Shopify, Wix, Squarespace ou HTML personalizado) e publique.
WordPress
- Abra a página no editor de blocos e adicione um bloco Custom HTML.
- Cole o código de incorporação do EmbedSocial no bloco.
- Pré-visualize a página e depois clique em Update ou Publish.
Shopify
- No painel de administração do Shopify, aceda a Online Store, depois a Themes, e clique em Customize.
- Abra a página ou o modelo onde o widget deve aparecer e adicione uma secção Custom Liquid.
- Cole o código de incorporação na secção e clique em Save.
Wix
- Abra o Wix Editor e clique em Add Elements.
- Escolha Embed Code, depois Embed HTML, e coloque o elemento na página.
- Clique em Enter Code, cole o código de incorporação, clique em Update e publique o site.
Squarespace
- Edite a página e clique em Add Block onde o widget deve ficar.
- Escolha Code e cole o código de incorporação no bloco.
- Guarde a página e verifique o resultado no site publicado.
Barra lateral de playlist face a outros layouts
| Layout | Ideal para | Mostra | Template |
|---|---|---|---|
| Reprodutor com barra lateral de playlist | Cursos, tutoriais, séries de demonstração | Uma playlist com um reprodutor em destaque e uma fila | Widget de Playlist do YouTube com Barra Lateral |
| Reprodutor em destaque com lista do canal | Destaques do canal, repetições de livestreams | Os vídeos mais recentes do canal junto a um reprodutor grande | Widget Livestream do YouTube |
| Grelha de vídeos | Explorar um canal inteiro | Vídeos do canal como cartões com um botão de subscrição | Widget de Feed do Canal YouTube Clássico |
Incorporação nativa do YouTube ou widget de playlist
O YouTube permite incorporar uma playlist gratuitamente. Abra a playlist, clique em Share, escolha Embed e copie o código iframe para um bloco HTML na sua página.
Essa incorporação nativa dá-lhe um reprodutor com um design fixo. Os visitantes não conseguem percorrer toda a playlist na sua página, e não pode alterar o layout para combinar com o seu site.
Um widget de playlist mantém o reprodutor do YouTube e acrescenta o que o iframe não tem:
- Uma barra lateral com a fila visível, com todos os vídeos da playlist
- Um painel de detalhes com o título e a descrição do vídeo atual
- Atualizações automáticas quando adiciona vídeos à playlist no YouTube
- Opções para selecionar vídeos manualmente ou filtrá-los por data ou palavras-chave
- Estilo personalizado, incluindo o seu próprio CSS
Para um guia completo dos dois métodos, leia como incorporar uma playlist do YouTube.
