Como Adicionar um Widget de Player de Música em WordPress (2 Métodos)

Se você é músico, podcaster ou tem um blog onde o som desempenha um papel importante, provavelmente notou que o áudio padrão do WordPress é bastante limitado.

Você pode fazer upload de arquivos, claro. Mas criar aquela experiência de audição polida e perfeita que seus visitantes merecem? É aí que as coisas ficam complicadas.

Vimos esse desafio surgir repetidamente ao ajudar a lançar blogs de música e sites de podcast.

Felizmente, existem soluções simples que funcionam. Após pesquisar as melhores ferramentas e plugins de música, encontramos 2 opções simples: o bloco de Áudio e o plugin HTML5 Audio Player.

Neste guia, mostraremos 2 métodos para adicionar um widget de player de música em WordPress. Dessa forma, você pode escolher o que melhor se adapta às suas necessidades e ter seu player de áudio funcionando em pouco tempo. 🎶

Por que Adicionar um Widget de Player de Música em WordPress

Um widget de player de áudio facilita para os visitantes ouvirem seu conteúdo sem sair do seu site.

É especialmente útil para músicos, podcasters e criadores de conteúdo que desejam exibir seu trabalho de forma profissional e acessível. Em vez de enviar as pessoas para plataformas externas, você pode mantê-las engajadas em seu próprio site, onde você tem mais controle.

Um player de áudio musical pode até mesmo ajudá-lo a ganhar mais dinheiro exibindo anúncios em seu site ou vendendo seus arquivos de áudio como downloads digitais diretamente.

E se você não está criando áudio original, incorporar faixas de plataformas como o Spotify ainda é uma maneira inteligente de tornar seu site mais dinâmico e envolvente.

Isso pode ajudar a manter os visitantes em seu site por mais tempo, o que melhora métricas importantes como o tempo no site.

O melhor de tudo é que os widgets de áudio não são apenas para música. 💡

Você pode usá-los para incorporar podcasts, audiolivros, meditações guiadas ou conteúdo educacional. Isso torna seu site mais versátil e atraente para usuários que priorizam áudio, incluindo aqueles com deficiência visual.

Com isso em mente, mostraremos como adicionar um player de áudio musical no WordPress usando 2 métodos. Você pode usar os links rápidos abaixo para pular diretamente para o método que deseja usar:

• Método 1. Como Adicionar um Widget de Player de Áudio Musical Usando o Bloco de Áudio (Fácil)
• Método 2. Como Adicionar um Widget de Player de Música com um Plugin (Mais Personalizável)
• Dica Bônus: Torne seu Site Mais Divertido Usando Galerias de Imagens e Vídeos
• FAQs: Como Adicionar um Widget de Player de Áudio no WordPress
• Mais Guias sobre o Uso de Áudio no WordPress

Vamos explorar como trazer o poder da música para o seu site WordPress! 🎧

Método 1. Como Adicionar um Widget de Player de Áudio Musical Usando o Bloco de Áudio (Fácil)

Com este método, você pode criar um player de áudio simples usando o bloco de Áudio integrado do WordPress. Este bloco pode reproduzir qualquer formato de arquivo de áudio, incluindo arquivos .mp3, .m4a, .ogg ou .wav.

O player de áudio integrado do WordPress é muito simples em comparação com a maioria dos plugins. Ele possui um botão de play/pause, controles de volume, um botão de download e um botão para alterar a velocidade de reprodução.

É uma boa opção se você quiser adicionar alguns clipes de áudio curtos ao seu site sem precisar de recursos avançados.

Se você incorporar conteúdo de uma plataforma de terceiros compatível, como Spotify ou SoundCloud, o bloco de Áudio exibirá os controles de reprodução dessa plataforma. Ele também pode exibir conteúdo extra da plataforma, como o nome do artista e a imagem da capa.

Por exemplo, aqui está um bloco de Áudio com conteúdo do SoundCloud incorporado.

Para adicionar um reprodutor de música de áudio simples ao seu site WordPress, você pode abrir qualquer página ou postagem e clicar no ícone de ‘+’.

No pop-up que aparece, digite ‘Áudio’ na barra de pesquisa para encontrar o bloco correto. Você pode então clicar no bloco de Áudio para adicioná-lo à sua página.

Neste ponto, você pode adicionar um arquivo de áudio ou incorporar um clipe de áudio de outra plataforma.

Para adicionar um arquivo de áudio do seu computador, clique em ‘Upload’ e, em seguida, escolha o arquivo no disco local do seu computador.

Outra opção é clicar no botão ‘Biblioteca de Mídia’ e, em seguida, escolher um arquivo existente na sua biblioteca de mídia do WordPress.

Se você fizer upload do áudio completo, pode querer dar aos visitantes a opção de apoiar seu trabalho como músico ou podcaster enviando uma doação. Para um guia passo a passo, você pode ver nosso guia sobre como adicionar um botão de doação do Stripe no WordPress.

Você quer incorporar áudio de outra plataforma em vez disso?

Isso funciona como adicionar vídeos ao WordPress. Você simplesmente cola o link do YouTube, e o WordPress colocará o player em sua página automaticamente.

Apenas esteja ciente de que a maioria das plataformas incorpora apenas uma prévia do arquivo de áudio completo. O bloco pode até incentivar as pessoas a sair do seu site e visitar a plataforma de terceiros para ouvir o áudio completo.

Na imagem a seguir, o bloco de áudio direciona os visitantes para o site do Spotify.

Se você é músico, isso pode aumentar seus royalties ao incentivar os visitantes a reproduzir seu conteúdo em outras plataformas. No entanto, também pode afastar as pessoas do seu site para outras plataformas.

Para incorporar áudio de uma plataforma de terceiros, você pode começar clicando no botão 'Inserir de URL'. Isso abrirá uma pequena barra 'Cole ou digite URL'.

Agora você pode inserir o URL do clipe de áudio que deseja incorporar em seu blog WordPress.

Normalmente, você só precisa visitar a música ou áudio que deseja incorporar e, em seguida, abrir as configurações de 'Compartilhar'.

Depois disso, você pode copiar o URL fornecido.

Por exemplo, vamos ver como você pode incorporar qualquer música do Spotify em seu site.

Para começar, encontre a música ou playlist que você deseja adicionar ao seu site WordPress. Em seguida, simplesmente clique nos três pontos que o Spotify mostra ao lado da playlist ou música.

Depois de fazer isso, clique em Compartilhar » Copiar Música.

Para adicionar o áudio ao widget do reprodutor de música, cole o link no bloco de Áudio.

Em nosso exemplo do Spotify, o WordPress transformará o bloco de Áudio em um bloco do Spotify.

Essa alteração acontece automaticamente, então não é algo com que você precise se preocupar.

Após adicionar um arquivo de áudio, você pode clicar no bloco de Áudio para ver quais configurações pode configurar para esse bloco.

As configurações que você vê podem variar dependendo se você carregou um arquivo de áudio ou incorporou uma prévia de um site de terceiros.

Por exemplo, você pode definir o áudio para reproduzir automaticamente clicando na opção 'Reproduzir automaticamente'.

A maioria dessas configurações é autoexplicativa, então é uma boa ideia explorá-las para ver o que funciona melhor para o seu site.

Você pode atualizar ou publicar a página quando estiver satisfeito com a configuração do bloco.

Agora, se você visitar a página em seu site, verá o reprodutor de música de áudio ao vivo. Você também pode ouvir o áudio usando os botões de controle de reprodução do bloco.

Método 2. Como Adicionar um Widget de Player de Música com um Plugin (Mais Personalizável)

O bloco de áudio do WordPress é uma ferramenta simples para adicionar reprodutores de áudio. É fácil de usar, mas não oferece muitas opções para alterar sua aparência ou funcionamento.

Além disso, você não pode criar um player e usá-lo em diferentes partes do seu site. Você terá que adicionar um novo player cada vez que quiser usar um.

Se você deseja recursos mais avançados e players de áudio reutilizáveis, recomendamos o plugin HTML5 Audio Player.

Semelhante ao bloco de áudio do WordPress, este plugin pode reproduzir vários formatos de arquivo de áudio, como um arquivo .mp3, .wav ou .ogg. Mas ele vem com mais opções de personalização.

Agora, embora o plugin só possa reproduzir um arquivo de áudio por player, você pode criar quantos players de áudio quiser. Dessa forma, você ainda pode reproduzir muitas faixas diferentes em todo o seu site WordPress. Você pode até adicionar vários players de áudio na mesma página.

Para começar, você precisará instalar e ativar o plugin. Se precisar de ajuda, consulte nosso guia sobre como instalar um plugin do WordPress.

Após a ativação, você estará pronto para criar seu primeiro player de áudio acessando HTML5 Audio Player » HTML5 Audio Player.

Aqui, clique no botão ‘Adicionar Player de Áudio’.

O próximo passo é digitar um nome para o player de áudio no campo que mostra ‘Adicionar título’.

Isso é apenas para sua referência, então você pode usar qualquer título que desejar.

Depois de fazer isso, você desejará rolar até a seção ‘Configuração do Player’.

Nesta área, você pode adicionar um arquivo de áudio ao player clicando no botão ‘Adicionar Áudio’.

Agora você pode selecionar qualquer arquivo de áudio da biblioteca de mídia ou fazer upload de um arquivo do seu computador.

Após escolher um arquivo, você está pronto para personalizar o player de áudio. Por padrão, o visitante só precisa clicar no botão ‘Play’, e o áudio começará a tocar com o volume aumentado.

É assim que a maioria dos visitantes espera que um player de áudio funcione, então você normalmente vai querer usar essas configurações padrão. No entanto, também existem opções para silenciar o áudio por padrão, reprodução automática, repetição e muito mais. Portanto, sinta-se à vontade para explorar essas configurações.

Assim que estiver satisfeito com a configuração do player, basta rolar até o topo da tela e clicar no botão ‘Salvar’.

Em seguida, você pode adicionar o player de áudio ao seu site usando um shortcode ou o bloco HTML5 Audio Player.

O bloco é o método mais fácil. No entanto, se você quiser colocar o player usando um shortcode, encontrará o código na parte superior da tela.

Para mais detalhes sobre como colocar o shortcode, você pode ver nosso guia sobre como adicionar um shortcode no WordPress.

Para adicionar o player de música de áudio usando um bloco, você precisará abrir qualquer página ou postagem e clicar no botão ‘+’.

No pop-up que aparece, basta digitar ‘HTML5 Audio Player’ para encontrar o bloco correto. Assim que você clicar no bloco ‘HTML5 Audio Player – Insert’, ele será adicionado à sua página.

Em seguida, você pode abrir o menu suspenso ‘Select a Player’ para ver a lista de todos os players de áudio que você criou.

Agora você pode clicar em um player de áudio para adicioná-lo à página ou postagem.

Você pode então notar que o editor de páginas do WordPress não mostra o player de áudio.

No entanto, se você clicar no botão ‘Visualizar’, então você poderá ver como o player aparecerá para os visitantes do seu site. Neste modo, você pode até ouvir o áudio e testar os diferentes botões de reprodução você mesmo.

Quando você estiver satisfeito com a aparência e o funcionamento do player de áudio, você pode atualizar ou publicar a página.

Agora, se você visitar esta página no seu site WordPress, você verá o player de áudio ao vivo.

Você quer adicionar outras faixas de áudio ao seu site? Então, você pode simplesmente seguir o processo descrito acima para criar mais players de áudio e adicioná-los ao seu site.

Dica Bônus: Torne seu Site Mais Divertido Usando Galerias de Imagens e Vídeos

Quer deixar seu site mais divertido e envolvente? Considere adicionar galerias de imagens e vídeos para acompanhar seu widget de player de música de áudio.

Ao criar uma galeria, você pode exibir suas fotos em um layout de grade organizado, economizando espaço e tornando seu site muito mais profissional. Miniaturas permitem que os visitantes visualizem imagens, e eles podem clicar para vê-las em tamanho completo.

Por exemplo, se você é um fotógrafo, uma galeria bem organizada pode exibir seu trabalho de forma elegante e visualmente deslumbrante.

Agora, adicionar imagens às suas postagens do WordPress é bem simples com o bloco de Imagem. Mas as coisas podem ficar um pouco confusas quando você adiciona várias imagens. Elas se empilharão uma após a outra, exigindo que os usuários rolem bastante.

Essa definitivamente não é a configuração mais atraente visualmente. 😬

Em vez disso, tente usar o bloco de Galeria no editor Gutenberg. É uma maneira fácil de exibir várias imagens de forma mais limpa. E se você quiser ainda mais recursos, existem muitos plugins de galeria que podem levar a exibição de suas imagens para o próximo nível, como o Envira Gallery.

Para instruções detalhadas, consulte nosso guia sobre como criar uma galeria de imagens no WordPress.

Além disso, embora as imagens sejam ótimas, os vídeos podem ser ainda melhores. Um slider de vídeo pode exibir tudo, desde demonstrações de produtos e avaliações até depoimentos de clientes, tudo em um espaço dinâmico.

Por exemplo, um site de imóveis poderia apresentar tours virtuais de propriedades. Enquanto isso, um site de viagens poderia destacar destinos e experiências para atrair visitantes.

Com um slider de vídeo, você pode usar conteúdo envolvente para exibir seus melhores recursos, sejam eles depoimentos, estudos de caso ou destaques de produtos. A melhor parte? Soliloquy pode te ajudar a criar um com facilidade.

Para saber mais, confira nosso guia sobre como criar um slider de vídeo no WordPress.

Em resumo, seja uma galeria de álbuns, uma vitrine de produtos ou tutoriais em vídeo, galerias interativas podem aumentar o apelo geral do seu site e melhorar a experiência do usuário.

FAQs: Como Adicionar um Widget de Player de Áudio no WordPress

Recebemos muitas perguntas sobre como adicionar áudio no WordPress. Aqui estão as respostas para algumas das mais comuns.

Qual é o melhor formato de arquivo de áudio para o WordPress?

Para o melhor equilíbrio entre qualidade de som e tamanho do arquivo, recomendamos o uso do formato MP3. Ele é amplamente suportado em todos os navegadores e dispositivos modernos. Dessa forma, seus visitantes podem desfrutar de uma experiência de audição fluida, independentemente de como acessam seu site.

Posso criar uma playlist com várias músicas?

Sim, você pode. Embora o bloco de áudio padrão do WordPress seja projetado para faixas únicas, muitos plugins permitem que você crie playlists completas. Alguns plugins até se conectam a serviços como Spotify ou SoundCloud para exibir álbuns inteiros em seu site.

Como posso adicionar um player de áudio à barra lateral do meu WordPress?

Você pode adicionar um player de áudio à sua barra lateral ou rodapé usando widgets do WordPress.

Basta navegar até Aparência » Widgets no seu painel. A partir daí, você pode adicionar o bloco de Áudio ou um bloco do seu plugin escolhido a qualquer área pronta para widgets do seu tema.

Mais Guias sobre o Uso de Áudio no WordPress

Esperamos que este artigo tenha ajudado você a aprender como adicionar um widget de player de áudio no WordPress. Se você achou útil, talvez também queira ler nossos outros guias sobre:

• Como Adicionar Arquivos de Áudio MP3 no WordPress
• Como Vender Música Online no WordPress
• Como Iniciar um Podcast e Torná-lo Bem-sucedido
• Melhores Plugins de Player de Áudio para WordPress
• Melhores Plugins WordPress para Podcasters

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.