Código HTML do Podcast
Crie o seu widget Podcast
Capturas de tela
Por que as pessoas amam a Elfsight
Você dedicou tudo ao seu podcast – não deixe seu público sair da sua página para ouvi-lo. Com o Podcast Player para HTML da Elfsight, você pode hospedar seus episódios exatamente onde as pessoas os encontram. É fácil, simples e se encaixa lindamente no seu design.
Mesmo que você não seja programador, você vai se sentir em casa. Basta pegar sua lista de faixas, estilizar o player e colar o snippet. É simples assim.
Você sabia?
Cerca de 80% dos ouvintes de podcasts passam cerca de 7 horas por semana sintonizando seus programas favoritos.
Não deixe seus episódios sumirem — incorpore o Reprodutor de Podcast Elfsight agora para que os ouvintes fiquem na sua página o tempo todo.
Principais recursos do Podcast HTML
Aqui está o que você ganha ao adicionar o Elfsight às suas páginas HTML:
- Suporte a feed RSS: Basta fornecer o link RSS do seu podcast (ou fontes como PodBean, Libsyn, etc.), e o widget carregará os episódios automaticamente.
- Design responsivo e adaptável: Fica ótimo em smartphones, tablets e desktops.
- Dois modos de layout: Escolha entre tipos de exibição incorporados e flutuantes.
- Mostrar ou ocultar metadados: Autor, título, imagem de capa – exiba apenas o que desejar.
- Controle da Playlist: Os visitantes podem ver os próximos episódios ou ocultar a playlist completamente.
- Opção de Reprodução Automática: Inicie a reprodução automaticamente (se o navegador permitir) ou permita que os ouvintes pressionem o play.
- Temas de cores personalizados: Escolha entre modo claro ou escuro, ou crie sua própria paleta de cores.
- Opções de alternância flexíveis: Você pode inverter a ordem da playlist, selecionar o formato da data e muito mais.
Experimente todos os recursos no editor gratuito — sem necessidade de cadastro
Como adicionar o Podcast ao HTML
Abaixo, duas formas comuns de incorporar o código HTML do player de podcast. Escolha a que melhor se adequa ao seu layout:
Método 1: Incorporação em linha
Ótima opção se você quer o player dentro de uma postagem de blog, página de artigo ou seção.
- Selecione um layout: No editor do Elfsight, escolha o estilo inline que preferir.
- Personalize o reprodutor: Adicione o link do feed, ajuste as cores e alterne os campos de metadados.
- Gere seu código HTML: Clique em “Adicionar ao site” e copie o trecho.
- Incorporar ao seu site: Cole esse snippet na página onde você quer que o player apareça.
- Salvar e visualizar: Publique sua página e confira como o reprodutor fica e funciona em tempo real.
Método 2: Player flutuante / fixo
Ideal quando você quer um player pequeno ou botão que acompanha os visitantes conforme eles rolam pela página.
- Escolha o layout flutuante: No editor, escolha a variante fixa (sticky) ou flutuante.
- Ajuste a aparência e o comportamento: Adicione seu link, defina o ícone, a posição, os controles do player e as informações.
- Gere o snippet: Copie o código HTML fornecido.
- Adicione ao seu site globalmente: Cole-o no rodapé global ou antes do fechamento da tag </body> para que apareça em todas as páginas.
- Teste ao vivo: Atualize e navegue pelas páginas – o player deve flutuar e permanecer acessível.
Precisa de ajuda? Consulte nossa Central de Ajuda para guias completos ou nosso blog sobre como incorporar o código HTML do podcast. Você também pode enviar ideias de recursos em nossa Lista de Desejos ou acompanhar as atualizações através do nosso Registro de Alterações.