Adicionar arquivos de áudio MP3 ao seu site WordPress pode ser uma ótima maneira de compartilhar músicas, podcasts, entrevistas e outros conteúdos de áudio. Isso ajuda a envolver seus visitantes e pode mantê-los em seu site por mais tempo.
No entanto, carregar e exibir arquivos de áudio pode parecer um pouco complicado, especialmente se você não estiver familiarizado com as diferentes ferramentas e métodos disponíveis. Você não quer perder tempo lutando com etapas complicadas ou se preocupando com problemas de compatibilidade.
Após muitas pesquisas e testes, encontramos três ótimas opções para adicionar arquivos MP3 ao WordPress. São elas: o bloco de áudio incorporado do WordPress, o HTML5 Audio Player e o Easy Digital Downloads.
Neste artigo, mostraremos como usar essas ferramentas para adicionar arquivos de áudio ao seu site WordPress, mesmo que você seja um iniciante.
Por que adicionar arquivos de áudio MP3 no WordPress?
Compartilhar arquivos de áudio em seu site WordPress pode ser uma ótima maneira de manter as pessoas envolvidas e incentivá-las a passar mais tempo nele.
Se o engajamento do seu website for alto, os visitantes terão maior probabilidade de se lembrar da sua marca. Eles também poderão agir, como fazer uma compra ou se inscrever em seu boletim informativo por e-mail.
Quando os visitantes passam mais tempo explorando seu site, isso pode ser um sinal positivo para os mecanismos de pesquisa. Como resultado, seu site pode ter classificações de SEO mais altas e receber mais tráfego.
Com isso em mente, é uma boa ideia compartilhar versões de áudio em MP3 das publicações do seu blog, episódios de podcast, gravações de webinar ou músicas em seu site. Você pode até mesmo oferecer esses arquivos de áudio para venda.
Neste guia, mostraremos como adicionar arquivos de áudio MP3 a um site WordPress. Se estiver interessado em um método específico, você pode clicar no link para avançar no artigo:
Vamos começar.
Método 1. Como adicionar arquivos MP3 usando o bloco de áudio integrado (compatível com plataformas de streaming)
A maneira mais fácil de incorporar arquivos de áudio MP3 é usar o bloco de áudio integrado do WordPress.
Esse bloco simples tem todos os controles de reprodução importantes, incluindo um botão de reprodução/pausa, controles de volume e um botão para alterar a velocidade de reprodução.
Se você não precisar de recursos mais avançados, o bloco “Audio” é uma boa opção. Você pode usar o bloco “Audio” para reproduzir qualquer arquivo MP3 da sua biblioteca de mídia do WordPress.
Observação: para a maioria dos usuários, não recomendamos o upload de MP3s para reprodução no seu site WordPress. Isso ocorre porque o upload de arquivos grandes de áudio ou vídeo pode ocupar muito espaço e deixar seu site mais lento. Você pode saber mais em nosso guia sobre por que você nunca deve carregar vídeos no WordPress.
Como alternativa, você pode incorporar MP3s de plataformas de áudio populares de terceiros, como Spotify e SoundCloud.
Esteja ciente de que algumas plataformas só permitem que você incorpore um clipe do áudio completo. Elas também podem incentivar as pessoas a sair do seu site e ouvir o MP3 completo em suas plataformas, como na imagem a seguir:
Para adicionar um arquivo de áudio MP3 ao seu site WordPress, abra qualquer página ou postagem. Em seguida, clique no ícone “+”.
Uma janela pop-up será exibida.
Vá em frente e digite “Audio” para encontrar o bloco certo. Em seguida, basta clicar no bloco “Audio” para adicioná-lo à sua página.
Se quiser carregar um novo arquivo MP3, você precisará clicar em “Upload”.
Depois disso, fique à vontade para escolher o arquivo de áudio que deseja carregar do seu computador.
Se quiser usar um arquivo MP3 existente, vá em frente e clique em “Biblioteca de mídia”. Em seguida, você poderá escolher um arquivo de áudio da biblioteca de mídia do WordPress.
Se quiser incorporar um MP3 de um site externo, você precisará clicar em “Inserir do URL”.
Tudo o que você precisa fazer é colar o URL onde o arquivo de áudio está localizado.
Depois de fazer isso, é uma boa ideia clicar no bloco “Áudio” para ver as diferentes configurações que podem ser definidas.
Observe que as configurações exibidas podem variar, dependendo de você estar adicionando um MP3 da biblioteca de mídia ou incorporando áudio de um site de terceiros.
Por exemplo, você pode fazer com que o áudio seja reproduzido automaticamente clicando no botão “Autoplay”.
No entanto, o áudio que começa a ser reproduzido assim que a página é carregada pode ser irritante, principalmente se o visitante estiver com o volume alto. Com isso em mente, você só deve ativar a “Reprodução automática” se ela melhorar a experiência do visitante de alguma forma.
Você também pode reproduzir o arquivo de áudio em um loop infinito clicando no botão “Loop”.
Essa configuração tende a funcionar melhor para áudio que não cause muita distração. Por exemplo, você pode usá-la para uma faixa instrumental que forneça ruído de fundo ou defina a atmosfera.
Como alternativa, você pode ativar o looping para áudios mais longos que os visitantes talvez queiram ouvir várias vezes, como um álbum inteiro.
Quando estiver satisfeito com a configuração da página ou do post, você poderá publicá-lo ou atualizá-lo.
Agora, você deve ver o MP3 ao vivo em sua página da Web. Isso também significa que os visitantes podem ouvir o áudio gratuitamente usando os botões de controle de reprodução do bloco.
Método 2. Como adicionar arquivos de áudio MP3 usando um plug-in do WordPress (mais personalizável)
O bloco “Áudio” incorporado é uma maneira fácil de adicionar áudio MP3 ao seu site, incluindo a incorporação de conteúdo de plataformas de terceiros. No entanto, ele é muito limitado, especialmente quando se trata de personalizar a aparência e o funcionamento do player de áudio.
Se quiser adicionar um arquivo de áudio da biblioteca de mídia do WordPress, o HTML5 Audio Player é muito mais personalizável.
É um dos melhores plug-ins de player de áudio para WordPress e suporta alguns formatos de áudio diferentes, inclusive MP3. No entanto, esteja ciente de que não é possível usar esse plug-in para incorporar conteúdo de serviços de streaming de terceiros.
Antes de tudo, vamos instalar e ativar o plug-in. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.
Após a ativação, você precisará criar um player de áudio e adicionar o arquivo MP3 a esse player.
Para começar, você pode ir até Html5 Audio Player ” Html5 Audio Player. A partir daí, basta clicar no botão “Add Audio Player”.
Depois de fazer isso, a próxima coisa a fazer é digitar um nome para o reprodutor de áudio no campo “Adicionar título”.
Você pode usar qualquer título que desejar, pois este é apenas para sua referência.
Depois disso, vá até a seção “Player Configuration” (Configuração do jogador).
Aqui, você pode clicar no botão “Add Audio” (Adicionar áudio) para abrir a biblioteca de mídia do WordPress. Em seguida, escolha o arquivo MP3 que você deseja usar.
Depois de escolher um MP3, você está pronto para personalizar o reprodutor de áudio.
Por padrão, os visitantes só precisam clicar no botão “Play” para reproduzir o áudio. É assim que a maioria dos visitantes espera que um reprodutor de áudio aja, portanto, você normalmente desejará usar essas configurações padrão.
No entanto, há opções para silenciar o áudio por padrão, reprodução automática, repetição e muito mais. Você pode definir essas configurações de acordo com suas necessidades.
Quando estiver satisfeito com a configuração do reprodutor de áudio, basta clicar no botão “Salvar”.
Para adicionar o arquivo MP3 e o reprodutor de áudio ao seu site, você precisará abrir qualquer página ou post. A próxima etapa é clicar no botão “+”.
Na janela pop-up que aparece, digite “HTML5 Audio Player” para encontrar o bloco correto. Depois disso, clique em “HTML5 Audio Player – Insert” para adicionar o bloco à sua página.
Depois disso, você pode expandir a lista suspensa “Select a Player” e escolher o player de áudio que acabamos de criar.
O editor de páginas do WordPress não mostra o arquivo de áudio, portanto, você não poderá reproduzir o MP3 nem ver o player.
Se você quiser ver o player em ação, basta clicar no link “Preview” (Visualizar).
Quando estiver pronto para publicar o MP3, atualize ou publique a página. Em seguida, você poderá visitar a página ativa em seu site do WordPress e o arquivo MP3 deverá ser reproduzido.
Método 3. Como adicionar arquivos MP3 usando o Easy Digital Downloads (e ganhar dinheiro)
Tanto o bloco de áudio integrado do WordPress quanto o reprodutor de áudio HTML5 permitem que os visitantes reproduzam seus arquivos MP3 gratuitamente. No entanto, você pode considerar a possibilidade de vender arquivos de áudio e ganhar dinheiro on-line com blogs no WordPress.
Por padrão, o WordPress não tem nenhum recurso de comércio eletrônico. Portanto, você precisará usar um plugin se quiser vender seus arquivos MP3.
É aí que entra o Easy Digital Downloads. Ele é um dos melhores plug-ins de comércio eletrônico do WordPress que permite vender facilmente e-books, arquivos PDF, vídeos, arquivos de áudio MP3 e qualquer outro tipo de produto digital.
Muitos de nossos sites parceiros usam o Easy Digital Downloads para vender seus plug-ins e softwares, e eles relataram ótimas experiências com ele. Para obter mais detalhes sobre nossa experiência com ele, consulte nossa análise do Easy Digital Downloads.
Melhor ainda, o Easy Digital Downloads vem pré-instalado se você estiver usando o SiteGround como seu provedor de hospedagem. Isso permite que você comece a vender MP3s e outros produtos digitais imediatamente.
Para obter mais informações sobre como começar a usar o Easy Digital Downloads, consulte nosso guia para iniciantes sobre como vender downloads digitais no WordPress.
Depois de configurar o Easy Digital Downloads, você poderá adicionar cada MP3 como um novo produto simplesmente clicando em “Downloads” no menu à esquerda.
Em seguida, você pode clicar no botão “Add New” (Adicionar novo).
Isso abrirá uma tela na qual você poderá criar uma página de produto para o download digital.
Aqui, é uma boa ideia adicionar todas as informações necessárias sobre o arquivo de áudio, inclusive o preço, a descrição e as categorias e tags de produtos que você deseja usar.
Depois de fazer isso, vá até a seção “Download Files” e clique no ícone que se parece com um link.
Isso abrirá a biblioteca de mídia do WordPress, onde você poderá escolher o MP3 que deseja vender em seu site.
Quando você estiver satisfeito com a configuração da página do produto, basta clicar em “Publicar”.
Agora as pessoas poderão comprar seu arquivo de áudio MP3 simplesmente visitando seu site.
Esperamos que este artigo tenha ajudado você a aprender como adicionar arquivos de áudio MP3 no WordPress. Em seguida, talvez você queira ler nossos guias sobre como adicionar um reprodutor de música de áudio no WordPress e como vender audiolivros on-line.
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.
christopher baxley
Thanks for the help. My blog is 6 months old, I was having issues with uploading audio into a post. You gave a clear and understanding example on how to upload them. You’ve saved me a lot of heartache and frustration. thank you. Have a great day.
WPBeginner Support
You’re welcome, glad our article could help
Administrador
Glen Donohue
How to get the MP3 in to blubrry press with out having to do it myself all the time should be a way for it to read rss and add it each time there is a new podcast?
Monique Stam
This only works if you can afford WordPress Premium or better, as fas as I can tell.
Mike P.
You might want to edit this post. Since 3.6 (we are on 4.X) WP can support native audio embedding. The plugin is not needed.
Michele
Worked great, thanks!!
Carla
This plugin is old, but the newest one, PB oEmbed HTML5 Audio – with Cache Support, is awesome!!! It is ridiculously easy to use. Just be sure to remove the extra code around the link that Wordpress creates when you insert an MP3 file into a post or page.
By the way, for those who do not know how to insert an audio file into a post or page, add it just as you would a photo, using the Media button.
Alan Thompson
Hello
I’m sure the solution above works very well for individual posts. Does anyone have any ideas how to integrate a music player which continues playing as the user browses to other pages /posts – like the bar across the bottom of the screen when you play a track at http://www.jamendo.com?
Regards
Alan
khuram khan
thanku for sharing such a great idea …
roni
How to play auto mp3 on website
Erin Dougherty
There’s a media file mb limit of 10mb and my audio file is 11mb. How can you add a media file larger than 10mb or how can I reduce the size of my mp3 file in order to upload it to my wordpress site?
Duckworth
Try uploading the file from inside a post or reduce the file size with any mp3 editors. There are billions of free tools out there. Neat,huh
kainer
People, get rid of all plugins that not support their service on browsers like ie, chrome, firefox and mobile phones/pads. Why somebody still developing this shit?
You can not use plugins which only serve 50% of all internet users!
…..and if you see one of this half baked plugins: DON’T PROMOTE IT! It is useless.
THX for the article btw….
Editorial Staff
I think you are misunderstood about the plugin’s compatability. It works with all browsers and have a backup Flash based player for MP3.
For other file formats OGG and WAV, it is not supported on IE 8, 9, and Safari. But again, we wrote this article for MP3 files, and this plugin supports that on all browsers. The wording on the plugins detail page might be confusing, but if you look carefully, there is a semi colon there that separates OGG, WAV – not supported.
Administrador
Warren Horak
Thanks for this post.
Just one problem, when I update it URL link appears in the post with no player ? How can I fix this?
Thanks
Warren
Osagie 'OsaGz' Alonge
Has any noticed this plugin doesn’t work on mobile? Is there any audio player that can stream music on mobile platform?
Tim Hyde
I recently discovered the oEmebed HTML5 Audio plugin which is really simple. I wanted a way to avoid using SoundCloud and their fees!
This plugin will embed the HTML audio player, with a flash backup for any mp3 url it finds in your post.
http://wordpress.org/extend/plugins/oembed-html5-audio/
This way you can store your audio anywhere. A public DropBox folder works pretty well and couldn’t be simpler.
Noumaan Yaqoob
Tim actually this is the same plugin discussed in the article above. No doubt its a great plugin. The public dropbox idea is cool.
So basically you can just upload an audio file mp3 or ogg in Dropbox public folder. Get the link of the file from drop box and just paste it in posts.
Greg Davis
It hasn’t been updated in a while but another good option has been the WordPress “Audio Player” plugin: http://wordpress.org/extend/plugins/audio-player/
Liam
Thanks for sharing!
Jake
Does this work well on mobile? I can imagine that it would be hard to click the buttons on an iPhone.
Andrew Ledwith
I’ve been using Blubrry PowerPress to embed audio on several WP websites. I’ve been very pleased with its performance and robust set of options.