Wie man YouTube-Videos in Beaver Builder-Websites einbettet (einfache Anleitung)
Startseite Blog Wie man YouTube-Videos in Beaver Builder-Websites einbettet (einfache Anleitung)

Wie man YouTube-Videos in Beaver Builder-Websites einbettet (einfache Anleitung)

wie man youtube-videos in beaver builder-websites einbettet

Möchten Sie lernen, wie man YouTube-Videos auf einfache Weise in Beaver Builder einbindet?

Das Zeigen von YouTube-Videos auf Ihrer Website kann eine großartige Möglichkeit sein, Website-Besucher anzusprechen und Ihren Kanal zu vergrößern.

Da das direkte Einbetten von YouTube-Videos in Beaver Builder zeitaufwändig und kompliziert sein kann, haben wir eine einfache Anleitung zusammengestellt, die Ihnen einen einfacheren Weg zeigt.

Aber zuerst wollen wir sehen, wie die Anzeige von YouTube-Videos für Ihre Website von Vorteil sein kann.

Oder Sie können hier klicken und zum Tutorial springen.

Warum YouTube-Videos in Beaver Builder einbetten?

Mit dem Page Builder-Tool von Beaver Builder können Sie ganz einfach eine schöne Website erstellen, selbst wenn Sie keinerlei Erfahrung im Webdesign haben.

Biber Builder Seitenersteller

Wenn Sie jedoch nach einer Möglichkeit suchen, das Engagement der Nutzer auf Ihrer Beaver Builder-Website zu steigern, ist die Anzeige von YouTube-Videos für Ihre Besucher eine großartige Lösung.

Die Einbettung von YouTube-Videos kann nicht nur dafür sorgen, dass die Besucher auf Ihrer Website bleiben, sondern auch dafür, dass sie sich mit Ihnen beschäftigen:

  • Vergrößern Sie Ihren YouTube-Kanal und erhalten Sie viele Aufrufe und Abonnenten, indem Sie Ihre eigenen Videoinhalte einbetten.
  • Zeigen Sie Video-Testimonials und Bewertungen, um das Vertrauen in Ihre Produkte zu stärken und die Konversionsrate auf Ihrer E-Commerce-Website zu erhöhen.
  • Bewerben Sie Ihre Videoankündigungen oder YouTube-Livestreams, indem Sie sie auf Ihrer Website zeigen
  • Halten Sie die Besucher länger auf Ihrer Website, damit Sie eine bessere Suchmaschinenoptimierung erzielen und mehr potenzielle Kunden erreichen können.

Der beste Weg für Beaver Builder Websites, um YouTube einzubetten

Wenn es darum geht, YouTube-Inhalte zu WordPress hinzuzufügen, ist es am einfachsten, ein WordPress-Plugin zu verwenden, das Videos automatisch einbetten kann.

Auf diese Weise müssen Sie die Videos nicht mehr manuell hochladen oder sich mit komplizierten Einbettungscodes herumschlagen.

Von allen Optionen, die es gibt, ist das beste Tool, das Sie verwenden können, YouTube Feed Pro.

youtube feed pro plugin smash balloon

Mit diesem Plugin ist es einfacher denn je, YouTube-Videos in Ihre WordPress-Website einzubinden - ganz ohne Programmierkenntnisse.

So können Sie einen Feed mit YouTube-Videos anzeigen, und Ihre Besucher können auf eine Miniaturansicht klicken, um das vollständige Video anzusehen, das sie interessiert.

Außerdem funktioniert YouTube Feed Pro perfekt mit Beaver Builder sowie anderen WordPress-Seitenerstellungs-Plugins wie Elementor, SeedProd und Divi.

Beispiel für einen Youtube-Video-Feed auf einer Website

Alle YouTube-Video-Feeds, die Sie einbetten, kopieren das Design Ihres WordPress-Themes und sehen sofort gut aus.

Darüber hinaus verfügt YouTube Feed Pro über zahlreiche nützliche Funktionen, mit denen Sie Ihre Website aufwerten können:

  • Zum einfachen Erstellen, Anpassen und Einbetten von YouTube-Videos müssen Sie nur einem einfachen 3-Schritte-Führungsablauf folgen.
  • Mit dem Plugin können Sie Ihren YouTube-Kanal, Live-Streams, Wiedergabelisten, Suchergebnisse und einzelne Videobeiträge einbetten.
  • Da YouTube Feed Pro über eine intelligente Ladefunktion verfügt, können Sie so viele Videos hinzufügen, wie Sie möchten, und Ihre Website wird so schnell wie immer geladen.
  • Sie können wunderschöne YouTube-Video-Feeds mit einzigartigen Designs erstellen, indem Sie vorgefertigte Vorlagen importieren und den visuellen Customizer verwenden.
  • Alle Ihre YouTube-Videos sind zu 100 % responsive und werden für Besucher, die Telefone und Tablets benutzen, perfekt geladen.
live feed editor für youtube feed pro

Und das Beste daran? YouTube Feed Pro wird von einem engagierten Support-Team von WordPress-Gurus unterstützt, die immer bereit sind, Ihnen zu helfen.

Wie Sie sehen, verfügt YouTube Feed Pro über alle Funktionen, die Sie benötigen, um YouTube in Ihre Website zu integrieren und Ihrer Marke einen Schub zu geben.

YouTube Feed Pro wurde von dem Team entwickelt, das hinter den besten Social Media Feed Plugins auf dem Markt steht, die von einigen der größten Marken verwendet werden.

Marken, die Smash Balloon verwenden

Sind Sie bereit, YouTube-Videos in Beaver Builder einzubinden? Holen Sie sich noch heute Ihr Exemplar von YouTube Feed Pro!

Beginnen wir also mit unserem Beaver Builder-Tutorial.

Wie man YouTube-Videos in Beaver Builder-Websites einbettet

Folgen Sie einfach der Schritt-für-Schritt-Anleitung unten, und Sie können einen schönen YouTube-Video-Feed auf Ihrer Beaver Builder-Website haben.

Schritt 1: Installieren Sie das Feeds for YouTube Pro Plugin

Sind Sie bereit, loszulegen? Holen Sie sich zunächst Ihr Exemplar von YouTube Feed Pro hier, installieren und aktivieren Sie es.

Für eine kurze Auffrischung, wie Sie das tun können, können Sie dieses WordPress-Tutorial über die Installation von Plugins folgen.

Schritt 2: Erstellen eines YouTube-Video-Feeds

Sobald das Plugin fertig ist, öffnen Sie das Menü YouTube-Feed " Alle Feeds in Ihrem WordPress-Dashboard-Bereich.

Klicken Sie dann auf Neu hinzufügen, um den geführten Ablauf für das Plugin zu starten.

neuen youtube-Feed hinzufügen.

Danach werden Sie vom Plugin aufgefordert, den Typ des YouTube-Feeds auszuwählen, den Sie erstellen möchten. Sie haben 6 Optionen zur Auswahl:

  • Kanal
  • Wiedergabeliste
  • Favoriten
  • Suche
  • Live-Streams
  • Einzelne Videos

Für diesen Leitfaden habe ich mich für den Feed-Typ Kanal entschieden.

Sobald Sie den Typ des YouTube-Videofeeds ausgewählt haben, klicken Sie auf die Schaltfläche Weiter.

Wählen Sie Ihren youtube-Feed-Typ.jpg

Schritt 2: Verbinden Sie Ihr YouTube-Konto

Jetzt, wo Sie einen Feed erstellt haben, ist es an der Zeit, ihn mit Ihrem YouTube-Konto zu verbinden. Auf diese Weise kann YouTube Feed Pro automatisch Videos abrufen und sie auf Ihrer Website anzeigen.

Der einfachste Weg ist die Eingabe eines YouTube-API-Schlüssels.

Für den Fall, dass du noch keinen API-Schlüssel hast, haben wir eine Anleitung für Anfänger, wie man einen YouTube-API-Schlüssel erstellt.

Nachdem Sie Ihren Schlüssel erhalten haben, kehren Sie zu Ihrer Website zurück und klicken hier auf die Schaltfläche API-Schlüssel hinzufügen .

api schlüssel erforderlich youtube feed pro

Fügen Sie schließlich den YouTube-API-Schlüssel in das Popup-Fenster ein und klicken Sie auf die Schaltfläche Hinzufügen, um fortzufahren.

api schlüssel hinzufügen youtube

Danach ist es an der Zeit, die Quelle einzugeben, die Sie für den YouTube-Video-Feed verwenden werden.

Diese Quelle ist im Grunde der YouTube-Kanal, die Wiedergabeliste, der Suchbegriff usw., die Sie auf der Beaver Builder-Website anzeigen möchten.

Ich werde zum Beispiel Videos aus dem WPbeginner YouTube-Kanal in diesen Leitfaden einbetten.

Also habe ich einfach den YouTube-Kanal geöffnet und die Kanal-ID am Ende des Links kopiert.

Kopieren Sie den Benutzernamen youtube channel

Sobald Sie Ihre Quelle auf diese Weise kopiert haben, kehren Sie zu Ihrer Website zurück. Fügen Sie hier den kopierten Text in das Feld " Kanal-ID" oder "Benutzername" im Popup ein.

Sie können dann auf die Schaltfläche Weiter klicken, um fortzufahren.

Quelle für youtube-Feed eingeben

Schritt 4: Passen Sie Ihre YouTube-Videos an

Da Sie die Quelle angeschlossen haben, kümmert sich YouTube Feed Pro um den Rest und erstellt automatisch einen Video-Feed, der Ihre Website anzeigt.

Darüber hinaus können Sie eine vorgefertigte Vorlage für Ihre Videos einbetten:

  • Standard
  • Karussell
  • Karten
  • Liste
  • Galerie
  • Aktuelles Video
  • Schaukasten-Karussell
  • Widget

Wählen Sie einfach eine Vorlage, die Ihnen gefällt, und klicken Sie auf die Schaltfläche Weiter, um fortzufahren.

Wählen Sie eine Feed-Vorlage youtube feed pro

Dann werden Ihre YouTube-Videos im visuellen Customizer geöffnet.

Hier können Sie mit den Optionen auf der linken Seite das Layout, das Farbschema, das Kopfzeilendesign, den Videostil und vieles mehr ändern.

Außerdem können Sie mit der Live-Vorschau auf der rechten Seite alle Änderungen in Echtzeit verfolgen, so dass die Anpassung einfacher und genauer ist.

Visueller Anpasser für Youtube Feed Pro

Ändern wir zunächst das Layout der Videos auf Ihrer Beaver Builder-Website.

Klicken Sie auf die Option Feed-Layout, um dies zu tun.

Layout-Option im visuellen Customizer auswählen

Mit dem Plugin können Sie nun aus 4 verschiedenen Layouts für Ihre YouTube-Videos wählen:

  • Raster: Zeigen Sie mehrere Videos auf einmal in übersichtlichen Reihen und Spalten an
  • Galerie: Ein Video prominent mit anderen Miniaturbildern darunter anzeigen
  • Liste: Videos in einer einzigen Zeile anzeigen, damit jedes Video mehr Platz hat
  • Karussell: Verwandeln Sie Ihren Video-Feed in ein interaktives Diashow-Karussell
Layout-Optionen für youtube feed pro

Wenn Sie mit Ihrem Layout zufrieden sind, klicken Sie auf die Schaltfläche Speichern, um die Änderungen zu übernehmen.

Danach können Sie zu den vorherigen Anpassungsoptionen zurückkehren, indem Sie auf Anpassen klicken.

zurück zu den wichtigsten Anpassungsoptionen

Als Nächstes ändern wir die Kopfzeile, die über unseren YouTube-Videos erscheint.

Wählen Sie dazu die Option Kopfzeile auf der linken Seite.

Kopfbereich öffnen youtube feed pro

Oben links sehen Sie die Option zum Aktivieren oder Deaktivieren der Kopfzeile.

Darunter können Sie zwischen 2 verschiedenen Arten von Kopfzeilen wählen:

  • Standard: Anzeigen eines Kanalsymbols, eines Namens, einer Beschreibung und mehr
  • Text: Schreiben Sie eine Überschrift, die über Ihrem Feed angezeigt wird.

Wenn Sie die Standardkopfzeile gewählt haben, können Sie die Kanalbeschreibungen und die Anzahl der Abonnenten aktivieren oder deaktivieren.

Kopfzeilenoptionen für youtube feed pro

Klicken Sie wie zuvor auf Speichern, um Ihre neue Kopfzeile zu speichern.

Wie Sie sehen, können Sie mit dem visuellen Anpassungsprogramm auf einfache Weise Ihr Farbschema, die Anzahl der Schaltflächen, die Anzahl der Videos und vieles mehr ändern. Wenn Sie mit Ihrem YouTube-Video-Feed zufrieden sind, klicken Sie erneut auf Speichern.

Schritt 5: YouTube-Videos in Beaver Builder einbetten

Sind Sie bereit, die YouTube-Videos zu Ihrer Beaver Builder-Website hinzuzufügen?

Klicken Sie zunächst auf die Schaltfläche Einbetten am oberen Rand.

Einbettungsschaltfläche für Youtube Feed Pro

Als Nächstes sehen Sie alle Möglichkeiten, den YouTube-Video-Feed einzubetten. Sie können ihn auf einer Seite einbetten, ihn in Ihre Seitenleiste einfügen oder den Feed sogar in Ihrer Fußzeile anzeigen.

Klicken Sie zunächst auf die Schaltfläche Kopieren, um Ihren Shortcode zu speichern.

kopiere shortcode youtube feed

Als Nächstes können Sie eine neue Seite im Beaver Builder erstellen, um die Videos einzubetten.

Öffnen Sie einfach das Menü Seiten " Neu hinzufügen in Ihrem Dashboard und klicken Sie dann auf Beaver Builder starten.

Biberbauerseite öffnen

Dadurch wird die Seite im Drag-and-Drop-Editor des Beaver Builder-Plugins mit den verschiedenen Inhaltsmodulen auf der rechten Seite geöffnet.

Auf der linken Seite finden Sie eine Live-Vorschau der Landing Page, an der Sie gerade arbeiten.

Biberbauer-Editor

Bevor Sie den Shortcode einfügen können, suchen Sie zunächst das Texteditor-Modul auf der rechten Seite.

Dann fügen Sie dieses Modul in Ihre Webseite auf der linken Seite ein.

Texteditor-Modul hinzufügen

Nachdem Sie das getan haben, öffnet Beaver Builder die zusätzlichen Optionen für dieses Modul.

Fügen Sie schließlich Ihren Shortcode in das Feld ein und klicken Sie auf Speichern.

fügen Sie den Shortcode für den Youtube-Feed ein

Auf diese Weise fügt YouTube Feed Pro den Video-Feed automatisch zu Ihrer Beaver Builder-Website hinzu. Sie können nun oben auf die Schaltfläche Fertig klicken und dann die Option Veröffentlichen auswählen.

Beispiel für Biberbauerin youtube feed

Und das war's!

Jetzt wissen Sie, wie Sie YouTube-Videos auf einfache Weise in Beaver Builder einbetten können. So können Sie Besucher ansprechen, Ihren YouTube-Kanal stärken und vieles mehr.

Wie Sie sehen können, bietet YouTube Feed Pro die einfachste Möglichkeit, YouTube-Videos in Beaver Builder-Websites einzubetten - ohne HTML, benutzerdefiniertes CSS oder irgendeine Art von Programmierung.

Sind Sie bereit, YouTube-Videos zu Beaver Builder hinzuzufügen? Holen Sie sich YouTube Feed Pro für Ihre Website hier.

Wenn Sie mehr aus Ihrem Online-Marketing machen wollen, sollten Sie sich unsere Liste der besten Facebook-Marketing-Tools ansehen.

Für weitere Social Media Marketing Tipps und Tutorials wie dieses, können Sie uns auf Twitter und Facebook folgen. 

Autorenavatar
Sajjan Sharma Leitende Autorin
Sajjan schreibt seit über 10 Jahren über WordPress, Social Media Marketing und Online-Unternehmen. Seine beruflichen Interessen umfassen auch Influencer Marketing, Content Curation und digitale Marketingstrategien.

Einen Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte denken Sie daran, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und sinnvolles Gespräch führen.