So fügen Sie MP3-Audiodateien in WordPress hinzu (3 einfache Methoden)

Hier ist etwas, das Sie vielleicht überraschen wird: Viele WordPress-Benutzer, die versuchen, Audiodateien zu ihrer Website hinzuzufügen, vertreiben Besucher, anstatt sie zu fesseln.

Der Übeltäter sind normalerweise riesige Dateien, die ihre Websites verlangsamen, defekte Musik-Player und Audio, das auf mobilen Geräten nicht funktioniert.

Wir haben dieses Muster viele Male gesehen, als wir WordPress-Website-Besitzern bei der Behebung ihrer Audioprobleme geholfen haben.

Nach umfangreicher Recherche und Tests haben wir 3 großartige Optionen gefunden, um MP3-Dateien zu WordPress hinzuzufügen. Dies sind der integrierte Audio-Block von WordPress, der HTML5 Audio Player und Easy Digital Downloads.

In diesem Artikel zeigen wir Ihnen, wie Sie diese Tools verwenden können, um Audiodateien zu Ihrer WordPress-Website hinzuzufügen, auch wenn Sie Anfänger sind.

Warum MP3-Audiodateien in WordPress hinzufügen?

Das Teilen von Audiodateien auf Ihrer WordPress-Website kann eine großartige Möglichkeit sein, die Leute zu fesseln und sie zu ermutigen, mehr Zeit darauf zu verbringen.

Wenn Ihr Website-Engagement hoch ist, werden Besucher Ihre Marke eher in Erinnerung behalten. Sie könnten auch Maßnahmen ergreifen, wie z. B. einen Kauf tätigen oder sich für Ihren E-Mail-Newsletter anmelden.

**Hier ist der Clou:** Wenn Ihre Besucher mehr Zeit mit der Erkundung Ihrer Website verbringen, kann dies ein positives Signal für Suchmaschinen sein.

Infolgedessen kann Ihre Website höhere SEO-Rankings erzielen und mehr Traffic erhalten.

In diesem Sinne ist es eine gute Idee, MP3-Audioversionen Ihrer Blogbeiträge, Podcast-Episoden, Webinar-Aufzeichnungen oder Songs auf Ihrer Website zu teilen. Sie können diese Audiodateien sogar zum Verkauf anbieten. 🛒

In dieser Anleitung zeigen wir Ihnen, wie Sie MP3-Audiodateien zu einer WordPress-Website hinzufügen können. Wenn Sie an einer bestimmten Methode interessiert sind, können Sie auf den Link klicken, um im Artikel vorzuspringen:

• Methode 1. MP3-Dateien mit dem integrierten Audio-Block hinzufügen (unterstützt Streaming-Plattformen)
• Methode 2. MP3-Audiodateien mit einem WordPress-Plugin hinzufügen (anpassbarer)
• Methode 3. So fügen Sie MP3-Dateien mit Easy Digital Downloads hinzu (und verdienen Geld)
• Bonus-Tipp: Steigern Sie das Engagement mit Bild- und Videogalerien 🖼️

Fangen wir an.

Methode 1. MP3-Dateien mit dem integrierten Audio-Block hinzufügen (unterstützt Streaming-Plattformen)

Der einfachste Weg, MP3-Audiodateien einzubetten, ist die Verwendung des integrierten WordPress-Audioblocks.

Dieser einfache Block verfügt über alle wichtigen Wiedergabesteuerungen, einschließlich einer Wiedergabe-/Pause-Schaltfläche, Lautstärkeregelungen und einer Schaltfläche zum Ändern der Wiedergabegeschwindigkeit.

Wenn Sie keine erweiterten Funktionen benötigen, ist der 'Audio'-Block eine gute Wahl. Sie können den 'Audio'-Block verwenden, um jede MP3-Datei aus Ihrer WordPress-Mediathek abzuspielen.

Alternativ können Sie MP3s von beliebten Drittanbieter-Audio-Plattformen wie Spotify und SoundCloud einbetten.

Beachten Sie jedoch, dass einige Plattformen nur das Einbetten eines Ausschnitts des vollständigen Audios erlauben. Sie könnten auch dazu ermutigen, Ihre Website zu verlassen und die vollständige MP3 auf ihren Plattformen anzuhören, wie im folgenden Bild gezeigt:

Um eine MP3-Audiodatei zu Ihrer WordPress-Website hinzuzufügen, öffnen Sie eine beliebige Seite oder Beitrag. Klicken Sie dann auf das „+“-Symbol.

Dann erscheint ein Popup.

Geben Sie einfach „Audio“ ein, um den richtigen Block zu finden. Klicken Sie dann einfach auf den „Audio“-Block, um ihn zu Ihrer Seite hinzuzufügen.

Wenn Sie eine neue MP3-Datei hochladen möchten, müssen Sie auf „Hochladen“ klicken.

Wählen Sie danach gerne die Audiodatei aus, die Sie von Ihrem Computer hochladen möchten.

Wenn Sie eine vorhandene MP3-Datei verwenden möchten, klicken Sie auf „Mediathek“. Dort können Sie eine Audiodatei aus der WordPress-Mediathek auswählen.

Wenn Sie eine MP3 von einer externen Website einbetten möchten, müssen Sie stattdessen auf „Von URL einfügen“ klicken.

Alles, was Sie tun müssen, ist die URL einzufügen, an der sich die Audiodatei befindet.

Sobald Sie dies getan haben, ist es eine gute Idee, auf den „Audio“-Block zu klicken, um die verschiedenen Einstellungen anzuzeigen, die Sie konfigurieren können.

Zum Beispiel können Sie den Ton automatisch abspielen lassen, indem Sie auf den Schalter „Autoplay“ klicken.

Audio, das sofort beim Laden der Seite abgespielt wird, kann jedoch störend sein, insbesondere wenn der Besucher die Lautstärke aufgedreht hat. Berücksichtigen Sie dies und aktivieren Sie 'Autoplay' nur, wenn es das Besuchererlebnis in irgendeiner Weise verbessert.

Möglicherweise können Sie die Audiodatei auch in einer Endlosschleife abspielen, indem Sie auf den Schalter „Loop“ klicken.

Diese Konfiguration funktioniert am besten für Audio, das nicht zu ablenkend ist. Sie können es zum Beispiel für einen instrumentalen Track verwenden, der Hintergrundgeräusche erzeugt oder die Atmosphäre schafft.

Alternativ können Sie die Schleifenwiedergabe für längere Audios aktivieren, die Besucher immer wieder hören möchten, wie z. B. ein ganzes Album.

Wenn Sie mit der Einrichtung der Seite oder des Beitrags zufrieden sind, können Sie ihn veröffentlichen oder aktualisieren.

Bis jetzt sollten Sie die MP3-Datei live auf Ihrer Webseite sehen. Das bedeutet auch, dass Besucher das Audio kostenlos über die Wiedergabesteuerungsschaltflächen des Blocks anhören können.

Methode 2. MP3-Audiodateien mit einem WordPress-Plugin hinzufügen (anpassbarer)

Der integrierte 'Audio'-Block ist eine einfache Möglichkeit, MP3-Audio zu Ihrer Website hinzuzufügen, einschließlich des Einbettens von Inhalten von Drittanbieterplattformen. Er ist jedoch sehr begrenzt, insbesondere wenn es darum geht, das Aussehen und Verhalten des Audio-Players anzupassen.

Wenn Sie eine Audiodatei aus der WordPress-Mediathek hinzufügen möchten, ist HTML5 Audio Player viel anpassbarer.

Es ist eines der besten Audio-Player-Plugins für WordPress und unterstützt einige verschiedene Audioformate, einschließlich MP3s. Bitte beachten Sie jedoch, dass Sie dieses Plugin nicht verwenden können, um Inhalte von Drittanbieter-Streamingdiensten einzubetten.

Zuerst installieren und aktivieren wir das Plugin. Wenn Sie Hilfe benötigen, finden Sie in unserem Leitfaden zur Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie einen Audioplayer erstellen und die MP3-Datei zu diesem Player hinzufügen.

Um zu beginnen, können Sie zu Html5 Audio Player » Html5 Audio Player gehen. Klicken Sie von hier aus einfach auf die Schaltfläche „Audio Player hinzufügen“.

Sobald Sie das getan haben, geben Sie als Nächstes einen Namen für den Audio-Player in das Feld „Titel hinzufügen“ ein.

Sie können jeden beliebigen Titel verwenden, da dieser nur zu Ihrer Information dient.

Danach möchten Sie zum Abschnitt „Player-Konfiguration“ scrollen.

Hier können Sie auf die Schaltfläche 'Audio hinzufügen' klicken, um die WordPress-Mediathek zu öffnen. Wählen Sie dann die MP3-Datei aus, die Sie verwenden möchten.

Nachdem Sie eine MP3 ausgewählt haben, können Sie den Audio-Player anpassen.

Standardmäßig müssen Besucher nur auf die Schaltfläche „Wiedergabe“ klicken, um das Audio abzuspielen. So erwarten die meisten Besucher, dass ein Audioplayer funktioniert, daher möchten Sie diese Standardeinstellungen normalerweise verwenden.

Es gibt jedoch Optionen, um Audio standardmäßig stummzuschalten, automatisch abzuspielen, zu wiederholen und mehr. Sie können diese Einstellungen an Ihre Bedürfnisse anpassen.

Wenn Sie mit der Einrichtung des Audio-Players zufrieden sind, klicken Sie einfach auf die Schaltfläche „Speichern“.

Um die MP3-Datei und den Audioplayer zu Ihrer Website hinzuzufügen, müssen Sie eine beliebige Seite oder einen Beitrag öffnen. Der nächste Schritt ist, auf die Schaltfläche „+“ zu klicken.

Geben Sie im erscheinenden Popup ‘HTML5 Audio Player’ ein, um den richtigen Block zu finden.

Klicken Sie anschließend auf „HTML5 Audio Player – Einfügen“, um den Block zu Ihrer Seite hinzuzufügen.

Sobald Sie fertig sind, können Sie das Dropdown-Menü ‘Select a Player’ erweitern und den gerade erstellten Audio-Player auswählen.

Der WordPress Content Editor zeigt die Audiodatei nicht an, sodass Sie die MP3-Datei nicht abspielen oder den Player nicht sehen können.

Wenn Sie den Player in Aktion sehen möchten, klicken Sie einfach auf den Link „Vorschau“.

Wenn Sie bereit sind, die MP3 zu veröffentlichen, aktualisieren oder veröffentlichen Sie die Seite. Anschließend können Sie die Live-Seite auf Ihrer WordPress-Website besuchen, und die MP3-Datei sollte abgespielt werden können.

Methode 3. So fügen Sie MP3-Dateien mit Easy Digital Downloads hinzu (und verdienen Geld)

Sowohl der integrierte WordPress-Audioblock als auch der HTML5-Audio-Player ermöglichen es Besuchern, Ihre MP3-Dateien kostenlos abzuspielen. Sie können jedoch erwägen, Audiodateien zu verkaufen und online Geld zu verdienen, indem Sie mit WordPress bloggen.

Standardmäßig verfügt WordPress über keine E-Commerce-Funktionen. Sie müssen also ein Plugin verwenden, wenn Sie Ihre MP3-Dateien verkaufen möchten.

Hier kommt Easy Digital Downloads ins Spiel. Es ist eines der besten WordPress E-Commerce-Plugins, mit dem Sie ganz einfach E-Books, PDF-Dateien, Videos, MP3-Audiodateien und jede andere Art von digitalen Produkten verkaufen können.

Viele unserer Partnerseiten nutzen Easy Digital Downloads, um ihre Plugins und Software zu verkaufen, und sie berichten von großartigen Erfahrungen damit. Weitere Details zu unseren Erfahrungen damit finden Sie in unserem detaillierten Testbericht zu Easy Digital Downloads.

Noch besser: Easy Digital Downloads ist vorinstalliert, wenn Sie SiteGround als Ihren Hosting-Anbieter nutzen. Dies ermöglicht es Ihnen, sofort mit dem Verkauf von MP3s und anderen digitalen Produkten zu beginnen.

Weitere Informationen zum Einstieg in Easy Digital Downloads finden Sie in unserem Leitfaden für Anfänger unter wie Sie digitale Downloads auf WordPress verkaufen.

Sobald Sie Easy Digital Downloads eingerichtet haben, können Sie jede MP3-Datei als neues Produkt hinzufügen, indem Sie einfach im linken Menü auf „Downloads“ klicken.

Sie können dann auf die Schaltfläche „Neu hinzufügen“ klicken.

Dies öffnet einen Bildschirm, auf dem Sie eine Produktseite für den digitalen Download erstellen können.

Hier ist es eine gute Idee, alle notwendigen Informationen zu Ihrer Audiodatei hinzuzufügen, einschließlich ihres Preises, ihrer Beschreibung und aller Produkt-Kategorien und Tags, die Sie verwenden möchten.

Sobald Sie dies getan haben, scrollen Sie zum Abschnitt ‘Download Files’ und klicken Sie auf das Symbol, das wie ein Link aussieht.

Dies startet die WordPress-Mediathek, wo Sie die MP3-Datei auswählen können, die Sie auf Ihrer Website verkaufen möchten.

Wenn Sie mit der Einrichtung der Produktseite zufrieden sind, klicken Sie einfach auf „Veröffentlichen“.

Jetzt können die Leute Ihre MP3-Audiodatei einfach durch den Besuch Ihrer Website kaufen.

Weitere Informationen zu diesem Thema finden Sie in unserem Leitfaden zum Verkauf von Musik online in WordPress.

Bonus-Tipp: Steigern Sie das Engagement mit Bild- und Videogalerien 🖼️

Möchten Sie Ihre Website interaktiver und visuell ansprechender gestalten? Versuchen Sie, Ihren Audioplayer mit Bild- oder Videogalerien zu **kombinieren**, die Ihre Inhalte lebendig werden lassen.

Das Hinzufügen eines einzelnen Bildes in WordPress ist mit dem Bildblock einfach. Aber wenn Sie mit mehreren Bildern arbeiten, ist es nicht ideal, sie einfach zu stapeln. Es überlädt die Seite und zwingt die Benutzer, endlos zu scrollen.

Stattdessen können Sie eine Galerie erstellen, um Ihre Bilder in einem sauberen, Raster-Layout anzuzeigen. Besucher können Miniaturansichten durchsuchen und auf Vollbildversionen klicken, ohne die Seite zu verlassen.

WordPress macht es einfach, Galerien mit dem integrierten Galerieblock im Gutenberg-Editor zu erstellen. Und wenn Sie erweiterte Funktionen wie Lightbox-Effekte, Alben oder Filter wünschen, bieten Plugins wie Envira Gallery leistungsstarke Upgrades.

Für Schritt-für-Schritt-Anleitungen lesen Sie unseren Leitfaden unter Erstellen einer Bildergalerie in WordPress.

Aber bleiben Sie nicht bei Fotos stehen. Videos können Ihre Inhalte noch weiter aufwerten.

Ein Video-Slider ist eine großartige Möglichkeit, Musikvideos, Behind-the-Scenes-Aufnahmen, Fan-Grüße oder Album-Teaser zu präsentieren. Er eignet sich auch hervorragend für Indie-Künstler, die verschiedene Tracks mit kurzen Video-Intros und visuellen Elementen hervorheben.

Mit einem Plugin wie Soliloquy können Sie responsive Videoschieberegler mit nur wenigen Klicks erstellen – ganz ohne Code. Erfahren Sie, wie das geht, in unserem Leitfaden zum Erstellen eines Videoschiebereglers in WordPress.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie MP3-Audiodateien in WordPress hinzufügen. Als Nächstes möchten Sie vielleicht unsere Anleitungen zum Hinzufügen eines Audio-Musik-Players in WordPress und zum Verkaufen von Hörbüchern online durchgehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.