Añadir archivos de audio MP3 a su sitio de WordPress puede ser una buena forma de compartir música, podcasts, entrevistas y otros contenidos de audio. Ayuda a la participación de sus visitantes y puede mantenerlos en su sitio por más tiempo.
Sin embargo, subir y mostrar archivos de audio puede parecer un poco complicado, sobre todo si no estás familiarizado con las distintas herramientas y métodos disponibles. No querrás perder el tiempo con pasos complicados o preocupándote acerca de problemas / conflictos / incidencias de compatibilidad.
Después de una extensa investigación y pruebas, hemos encontrado 3 grandes opciones para añadir archivos MP3 a WordPress. Se trata del bloque de audio integrado en WordPress, el reproductor de audio HTML5 y Easy Digital Downloads.
En este artículo, te mostraremos cómo utilizar estas herramientas para añadir archivos de audio a tu sitio web WordPress, incluso si eres principiante.
¿Por qué añadir archivos de audio MP3 en WordPress?
Compartir archivos de audio en su sitio web de WordPress puede ser una excelente forma de mantener la participación de los usuarios y animarles a pasar más tiempo en él.
Si la participación en su sitio web es alta, es más probable que los visitantes recuerden su marca. También es posible que realicen alguna acción, como comprar o suscribirse a su boletín de correo electrónico.
Cuando sus visitantes pasan más tiempo explorando su sitio web, puede ser una señal positiva para los motores de búsqueda. Como resultado, su sitio puede tener clasificaciones SEO más altas y obtener más tráfico.
Teniendo esto en cuenta, es una buena idea compartir en su sitio web versiones de audio en MP3 de las entradas de su blog, episodios de podcast, grabaciones de seminarios web o canciones. Incluso puedes poner a la venta estos archivos de audio.
En esta guía, le mostraremos cómo puede añadir archivos de audio MP3 a un sitio web WordPress. Si usted está interesado en un método en particular, puede hacer clic en el enlace para omitir en el artículo:
Primeros pasos.
Método 1. Cómo añadir archivos MP3 utilizando el bloque de audio integrado (compatible con plataformas de transimisión)
La forma más sencilla de incrustar archivos de audio MP3 es utilizando el bloque de audio integrado en WordPress.
Este sencillo bloque tiene todos los controles de reproducción importantes, incluido un botón de reproducción/pausa, controles de volumen y un botón para cambiar la velocidad de reproducción.
Si no necesitas características más avanzadas, el bloque ‘Audio’ es una buena opción. Puedes utilizar el bloque ‘Audio’ para reproducir cualquier archivo MP3 de tu biblioteca de medios de WordPress.
Nota: Para la mayoría de los usuarios, no recomendamos subir archivos MP3 para reproducirlos en su sitio WordPress. Esto se debe a que la subida de grandes archivos de audio o vídeo puede ocupar mucho espacio y ralentizar tu sitio web. Puedes obtener más información en nuestra guía sobre por qué nunca debes subir vídeos a WordPress.
También puedes incrustar MP3 de plataformas de audio de terceros como Spotify y SoundCloud.
Ten en cuenta que algunas plataformas solo te permiten incrustar un clip del audio completo. También podrían animar a la gente a salir de su sitio y escuchar el MP3 completo en sus plataformas, como en la siguiente imagen:
Para añadir un archivo de audio MP3 a tu sitio web WordPress, abre cualquier página o entrada. A continuación, sigue adelante y haz clic en el icono ‘+’.
Aparecerá un mensaje / ventana emergente.
Escribe “Audio” para encontrar el bloque adecuado. A continuación, haz clic en el bloque “Audio” para añadirlo a tu página.
Si quieres subir un nuevo archivo MP3, tendrás que hacer clic en “Subir”.
Después, no dudes en elegir el archivo de audio que quieras subir desde tu ordenador.
Si desea utilizar un archivo MP3 existente, siga adelante y haga clic en “Biblioteca de medios”. A continuación, debería poder elegir un archivo de audio de la biblioteca de medios de WordPress.
Si quieres incrustar un MP3 de un sitio externo, tendrás que hacer clic en “Insertar desde URL”.
Sólo tienes que pegar la URL donde se encuentra el archivo de audio.
Una vez hecho esto, conviene hacer clic en el bloque “Audio” para ver los distintos ajustes que puedes configurar.
Tenga en cuenta que los ajustes que vea pueden variar dependiendo de si está añadiendo un MP3 desde la biblioteca de medios o incrustando audio desde un sitio de terceros.
Por ejemplo, puedes hacer que el audio se reproduzca automáticamente al hacer clic en el interruptor “Reproducción automática”.
Sin embargo, el audio que empieza a reproducirse en cuanto se carga la página puede resultar molesto, sobre todo si el visitante tiene el volumen alto. Teniendo esto en cuenta, solo debería activar la reproducción automática si mejora la experiencia del visitante de alguna manera.
También puedes reproducir el archivo de audio en un bucle infinito al hacer clic en el interruptor “Bucle”.
Esta configuración suele funcionar mejor para audio que no distraiga demasiado. Por ejemplo, puede utilizarla para una pista instrumental que proporcione ruido de fondo o establezca la atmósfera.
También puede activar la reproducción en bucle para los archivos de audio más largos que los visitantes quieran escuchar una y otra vez, como un álbum entero.
Cuando estés satisfecho con cómo está establecida la página o entrada, puedes publicarla o actualizarla.
Ahora debería ver el MP3 en directo en su página web. Esto también significa que los visitantes pueden escuchar el audio de forma gratuita utilizando los botones de control de reproducción del bloque.
Método 2. Cómo añadir archivos de audio MP3 usando un plugin de WordPress (más personalizable)
El bloque “Audio” incorporado es una forma sencilla de añadir audio MP3 a tu sitio web, incluso incrustando contenido de plataformas de terceros. Sin embargo, es muy limitado, sobre todo a la hora de personalizar el aspecto y el funcionamiento del reproductor de audio.
Si quieres añadir un archivo de audio de la biblioteca de medios de WordPress, entonces HTML5 Audio Player es mucho más personalizable.
Es uno de los mejores plugins de reproducción de audio para WordPress y es compatible con diferentes formatos de audio, incluyendo MP3. Sin embargo, ten en cuenta que no puedes usar este plugin para incrustar contenido de servicios de transmisión de terceros.
En primer lugar, vamos a instalar y activar el plugin. Si necesitas ayuda, puedes consultar nuestra guía sobre cómo instalar un plugin de WordPress.
Una vez activado, tendrás que crear un reproductor de audio y añadir el archivo MP3 a ese reproductor.
Para primeros pasos, puedes ir encabezado a Html5 Audio Player ” Html5 Audio Player. Desde aquí, simplemente haz clic en el botón “Añadir reproductor de audio”.
Una vez hecho esto, lo siguiente es escribir un nombre para el reproductor de audio en el campo “Añadir título”.
Puede utilizar cualquier título que desee, ya que esto es sólo para su referencia.
A continuación, desplázate hasta la sección “Configuración del reproductor”.
Aquí, puede hacer clic en el botón “Añadir audio” para iniciar la biblioteca de medios de WordPress. A continuación, seleccione el archivo MP3 que desea utilizar.
Después de elegir un MP3, estás listo para personalizar el reproductor de audio.
Por defecto, los visitantes sólo tienen que hacer clic en el botón “Reproducir” para reproducir el audio. Así es como la mayoría de los visitantes esperan que actúe un reproductor de audio, por lo que normalmente querrá utilizar estos ajustes por defecto.
Sin embargo, hay opciones para silenciar el audio por defecto, reproducción automática, repetición, etc. Puedes establecer estos ajustes para adaptarlos a tus necesidades.
Cuando estés satisfecho con cómo se ha establecido el reproductor de audio, sólo tienes que hacer clic en el botón “Guardar”.
Para añadir el archivo MP3 y el reproductor de audio a tu sitio, tendrás que abrir cualquier página o entrada. El siguiente paso es hacer clic en el botón ‘+’.
En el mensaje / ventana emergente que aparece, escribe ‘HTML5 Audio Player’ para encontrar el bloque adecuado. A continuación, haz clic en “Reproductor de audio HTML5 – Insertar” para añadir el bloque a tu página.
Una vez hecho esto, puedes desplegar el desplegable “Seleccionar un reproductor” y elegir el reproductor de audio que acabamos de crear.
El editor de páginas de WordPress no muestra el archivo de audio, por lo que no podrás reproducir el MP3 ni ver el reproductor.
Si quiere ver el reproductor en acción, sólo tiene que enlazar el enlace “Vista previa”.
Cuando estés listo para publicar el MP3, actualiza o publica la página. A continuación, puede visitar la página en vivo en su sitio web de WordPress, y el archivo MP3 debe ser capaz de reproducir.
Método 3. Cómo añadir archivos MP3 usando Easy Digital Downloads (y ganar dinero)
Tanto el bloque de audio integrado en WordPress como el reproductor de audio HTML5 permiten a los visitantes reproducir tus archivos MP3 de forma gratuita. Sin embargo, puedes plantearte vender archivos de audio y ganar dinero online blogueando con WordPress.
Por defecto, WordPress no tiene ninguna característica de comercio electrónico. Así que tendrás que usar un plugin si quieres vender tus archivos MP3.
Ahí es donde entra Easy Digital Downloads. Es uno de los mejores plugins de comercio electrónico de WordPress que le permite vender fácilmente libros electrónicos, archivos PDF, vídeos, archivos de audio MP3 y cualquier otro tipo de producto digital.
Muchos de nuestros sitios asociados utilizan Easy Digital Downloads para vender sus plugins y software, y han informado de grandes experiencias con él. Para más detalles sobre nuestra experiencia, puede marcar / comprobar nuestra reseña / valoración de Easy Digital Downloads.
Aún mejor, Easy Digital Downloads viene preinstalado si utilizas SiteGround como proveedor de alojamiento. Esto te permite empezar a vender MP3 y otros productos digitales de inmediato.
Para obtener más información sobre cómo empezar a utilizar Easy Digital Downloads, consulte nuestra guía para principiantes sobre cómo vender descargas digitales en WordPress.
Una vez que haya establecido Easy Digital Downloads, puede añadir cada MP3 como un nuevo producto simplemente al hacer clic en “Descargas” en el menú de la izquierda.
A continuación, puede seguir adelante y hacer clic en el botón “Añadir nuevo”.
Se abrirá una pantalla en la que podrá crear una página de producto para la descarga digital.
Aquí, es una buena idea añadir toda la información necesaria acerca de su archivo de audio, incluyendo su precio, descripción y cualquier categoría de producto y etiquetas que desee utilizar.
Una vez hecho esto, desplázate hasta la sección “Descargar archivos” y haz clic en el icono que parece un enlace.
Esto iniciará la biblioteca de medios de WordPress, donde puede elegir los MP3 que desea vender en su sitio.
Cuando esté satisfecho con cómo se ha establecido la página del producto, simplemente haga clic en “Publicar”.
Ahora la gente podrá comprar su archivo de audio MP3 simplemente visitando su sitio.
Esperamos que este artículo te haya ayudado a aprender cómo añadir archivos de audio MP3 en WordPress. A continuación, puede que desee consultar nuestras guías sobre cómo añadir un reproductor de música de audio en WordPress y cómo vender audiolibros en línea.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and 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.