Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como adicionar arquivos de áudio MP3 no WordPress (3 métodos fáceis)

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.

How to add MP3 audio files in WordPress

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:

A Spotify playlist embedded in WordPress

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.

The built-in WordPress audio block

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.

Uploading an audio file to your WordPress website

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.

Embedding Spotify audio in WordPress

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.

The Audio block's autoplay settings

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.

Loop an MP3 audio file using the WordPress audio block

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”.

Adding an audio player to your WordPress website

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.

Creating an audio player widget using a plugin

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.

Adding an audio file to the HTML5 player

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”.

Adding a new audio player to your WordPress website

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.

Adding an audio player block to your WordPress site

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.

An HTML5 WordPress audio block

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.

An MP3 product page created using 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).

Adding an MP3 file to Easy Digital Downloads

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.

How to sell an MP3 audio file using EDD

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”.

Publishing an MP3 using Easy Digital Downloads

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.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

22 ComentáriosDeixe uma resposta

  1. 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

  2. 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?

  3. Monique Stam

    This only works if you can afford WordPress Premium or better, as fas as I can tell.

  4. 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.

  5. 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.

  6. 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

  7. khuram khan

    thanku for sharing such a great idea …

  8. roni

    How to play auto mp3 on website

  9. 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 :D

  10. 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

  11. 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

  12. 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?

  13. 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.

  14. Jake

    Does this work well on mobile? I can imagine that it would be hard to click the buttons on an iPhone.

  15. 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.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.