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

Hinzufügen von Produktvideos zu Ihren WooCommerce-Galerien

Die Präsentation von Videos für Produkte in Ihrem WooCommerce-Shop fügt Ihrer Website ein dynamisches und ansprechendes Element hinzu und macht sie visuell attraktiver.

Videos helfen den Besuchern, Ihre Produkte in vollem Umfang zu schätzen, indem sie einen detaillierten Blick auf sie werfen, zeigen, wie sie funktionieren, und die wichtigsten Funktionen hervorheben. Auf diese Weise können Sie die Absprungrate senken, die Kundenbindung erhöhen und möglicherweise die Konversionsrate steigern.

Im Laufe der Jahre haben wir zahlreiche WordPress-Plugins entwickelt und verkauft, und wir haben es zu einer Priorität gemacht, unserer Website detaillierte Produktvideos hinzuzufügen. Diese Videos zeigen, wie unsere Plugins funktionieren, heben die wichtigsten Funktionen hervor und führen die Benutzer durch den Einrichtungsprozess.

Durch die Bereitstellung anschaulicher Videoanleitungen haben wir dazu beigetragen, dass sich die Nutzer bei ihren Einkäufen sicherer fühlen, was zu höheren Konversionsraten und zufriedeneren Kunden geführt hat.

In diesem Artikel zeigen wir Ihnen, wie Sie Schritt für Schritt Produktvideos zu Ihren WooCommerce-Galerien hinzufügen können.

Adding product videos to your WooCommerce gallery

Warum WooCommerce Produktvideos zu Ihrem Shop hinzufügen?

Wenn Sie Ihrem WooCommerce-Shop Produktvideos hinzufügen, können Sie Ihre Produkte detaillierter und informativer präsentieren. So können Ihre Kunden die Merkmale und Vorteile Ihrer Produkte besser verstehen.

Dies kann zu höheren Konversionsraten führen, da Besucher, die sich Produktvideos ansehen, mit 73 % höherer Wahrscheinlichkeit einen Kauf tätigen.

Darüber hinaus können Videos, die Ihre Produkte in Aktion zeigen, dazu beitragen, Vertrauen und Glaubwürdigkeit bei potenziellen Kunden aufzubauen, so dass sie sich beim Kauf sicherer fühlen.

Wenn Sie z. B. einen Online-Shop haben, der Kopfhörer verkauft, kann ein Produktvideo, das die Klangqualität und die Funktionen des Kopfhörers demonstriert, Ihnen helfen, mehr Konversionen zu erzielen.

Headphone WooCommerce product video preview

Darüber hinaus kann das Hinzufügen von Produktvideos zu Ihren WooCommerce-Galerien auch das SEO-Ranking Ihrer Website verbessern, da Suchmaschinen Websites mit multimedialen Inhalten, einschließlich Videos, bevorzugt behandeln.

Eine höhere Sichtbarkeit in den Suchergebnissen kann dazu führen, dass mehr Menschen Ihr Geschäft besuchen und Produkte kaufen.

Sehen wir uns also an, wie Sie Ihren WooCommerce-Galerien ganz einfach Produktvideos hinzufügen können. Sie können die Links unten verwenden, um zur gewünschten Methode zu springen:

Methode 1: Hinzufügen von WooCommerce-Produktvideos mit YITH WooCommerce Featured Audio & Video Content (Free & Premium)

Bei dieser Methode zeigen wir Ihnen, wie Sie mit einem Premium-Plugin Produktvideos zu WooCommerce-Galerien hinzufügen können. Wir empfehlen diese Methode, wenn Sie mehr Kontrolle über Ihre Videoanzeige und die Wiedergabeeinstellungen haben möchten.

Zunächst müssen Sie das YITH WooCommerce Plugin für Hervorgehobene Audio- und Videoinhalte installieren und aktivieren. Detaillierte Anweisungen finden Sie in unserem Leitfaden für Anfänger zur Installation eines WordPress Plugins.

Mit diesem Plugin können Sie ein Video von YouTube und Vimeo oder Ihr eigenes Video aus der Mediathek in die WooCommerce-Galerie einfügen.

Hinweis: Es gibt auch ein kostenloses YITH WooCommerce Featured Video Plugin. Allerdings können Sie damit die meisten Video-, Modal- und Galerieeinstellungen nicht konfigurieren.

Konfigurieren Sie die allgemeinen Einstellungen des Plugins

Rufen Sie nach der Aktivierung die Seite YITH “ Featured Audio & Video Content in der WordPress-Admin-Seitenleiste auf.

Daraufhin werden die Videoeinstellungen geöffnet. Hier können Sie zunächst ein Seitenverhältnis für das Produktvideo aus dem Dropdown-Menü auswählen.

Wenn Sie die kostenlose Version verwenden, ist dies die einzige Einstellung, die Ihnen zur Verfügung steht.

Choose the aspect ratio for the product video

Aktivieren Sie als Nächstes den Schalter „Automatische Wiedergabe“, wenn Sie möchten, dass das Video abgespielt wird, sobald die Seite geladen wird.

Sie können auch den Schalter „Schleife“ umschalten, damit das Video nach dem Ende von vorne beginnt.

Bewegen Sie anschließend den Schieberegler neben der Option „Lautstärke“, um die Lautstärke des Videos anzupassen. Schalten Sie dann einfach den Schalter „Stoppbare Videos“ ein, damit die Nutzer ein Video anhalten können.

Configure the General settings for the video

Scrollen Sie als Nächstes zum Abschnitt „YouTube-Einstellungen“ und schalten Sie den Schalter „Verwandte anzeigen“ ein, wenn Sie andere YouTube-Videos aus demselben Kanal wie Ihr Video empfehlen möchten. Diese Einstellung ist nur erforderlich, wenn Sie ein Produktvideo von YouTube einbetten.

Danach können Sie ein Thema und einen Stil für den YouTube-Videoplayer auswählen.

Configure YouTube video settings

Wenn Sie dies getan haben, scrollen Sie zum Abschnitt „Vimeo-Einstellungen“ und aktivieren Sie den Schalter „Videotitel anzeigen“, um den Videotitel im Vimeo-Player anzuzeigen. Sie müssen diese Einstellung nur ändern, wenn Ihre Produktvideos auf Vimeo gehostet werden.

Außerdem können Sie eine Farbe für die Wiedergabesteuerung des Vimeo-Players auswählen.

Configure Vimeo Settings

Wechseln Sie dann zum Abschnitt „VideoJS Player Style“ und wählen Sie „Custom“ als „Style“-Option.

Daraufhin werden die Anpassungseinstellungen geöffnet, in denen Sie die Hintergrundfarbe des Videoplayers, die Farbe des Schiebereglers, die Farbe der Schaltflächen und vieles mehr konfigurieren können.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Optionen speichern“, um Ihre Einstellungen zu speichern.

Configure color settings for the video

Modale Einstellungen konfigurieren (nur Premium Plugin)

Nun müssen Sie oben auf der Seite zur Registerkarte „Modale Einstellungen“ wechseln. Beachten Sie, dass diese Registerkarte nicht verfügbar ist, wenn Sie das kostenlose Plugin verwenden.

Sobald Sie sich dort befinden, schalten Sie einfach den Schalter „Video in modal“ um, um das vorgestellte Video in einem modalen Fenster anzuzeigen. Dadurch wird das Video in einem Leuchtkasten vor den anderen Inhalten auf der Seite angezeigt.

Danach können Sie auch einen „Modalen Anzeigeeffekt“ aus dem Dropdown-Menü auswählen.

Configure Modal Settings

Klicken Sie anschließend auf die Schaltfläche „Optionen speichern“, um Ihre Einstellungen zu speichern.

Galerieeinstellungen konfigurieren (nur Premium Plugin)

Nun müssen Sie oben auf die Registerkarte „Galerieeinstellungen“ wechseln. Diese Registerkarte ist nur in der Premium-Version verfügbar.

Hier müssen Sie die Option „WooCommerce-Galerie“ als „Video- und Audiogaleriemodus“ auswählen, um die Produktvideos in der WooCommerce-Galerie anzuzeigen.

Choose the WooCommerce Gallery option

Wenn Sie die Option „Plugin-Galerie“ wählen, wird das vorgestellte Video in einer entsprechenden Galerie angezeigt.

Andererseits können Sie auch den Schalter „Video und Audio in der Seitenleiste“ umschalten, wenn Sie das Produktvideo in der Seitenleiste anstelle der WooCommerce- oder verwandten Galerie anzeigen möchten.

Wenn Sie fertig sind, vergessen Sie nicht, auf die Schaltfläche „Optionen speichern“ zu klicken, um Ihre Einstellungen zu speichern.

Show the video in the sidebar

Hinzufügen des Produktvideos zur WooCommerce-Galerie

Es ist an der Zeit, das WooCommerce-Produktvideo zur WooCommerce-Galerie hinzuzufügen.

Besuchen Sie zunächst die Seite Produkte “ Alle Produkte in der WordPress-Verwaltungsseitenleiste. Dort klicken Sie einfach auf den Link „Bearbeiten“ unter einem Produktnamen, um die Seite „Produkt bearbeiten“ zu öffnen.

Click the Edit link under the products page

Blättern Sie dann zum Abschnitt „Produktdaten“ und klicken Sie in der linken Spalte auf die Registerkarte „Video“.

Nun müssen Sie aus dem Dropdown-Menü „Video hinzufügen“ auswählen, wie Sie das Video hinzufügen möchten. In diesem Tutorial werden wir die Option „Nach URL“ wählen, da wir eine YouTube-Video-URL hinzufügen werden.

Switch to the Video tab and choose By URL option from the dropdown menu

Alternativ können Sie ein Video auch über die WordPress-Mediathek hochladen. Wir empfehlen diese Methode jedoch nicht, da das Hochladen von Videos eine große Bandbreite benötigt.

Weitere Informationen finden Sie in unserem Leitfaden für Einsteiger, warum Sie niemals ein Video in WordPress hochladen sollten.

Sie werden dann aufgefordert, einen Namen für das Produktvideo in das Feld „Videoname“ einzugeben.

Fügen Sie dann einfach die URL des YouTube-Videos in das Feld „Video-URL“ ein und klicken Sie auf die Schaltfläche „Video hinzufügen“.

Paste YouTube video URL

Klicken Sie schließlich oben auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“, um Ihre Änderungen zu speichern.

Sie können nun Ihren Online-Shop besuchen, um zu überprüfen, ob das Video zur WooCommerce-Galerie Ihres Produkts hinzugefügt wurde.

So sah das Produktvideo auf unserer Demo-Website aus.

Preview for WooCommerce product video

Methode 2: Hinzufügen von WooCommerce-Produktvideos mit Really Simple Featured Video (kostenlos)

Wenn Sie auf der Suche nach einer kostenlosen und einfachen Möglichkeit sind, WooCommerce-Produktvideos hinzuzufügen, dann ist diese Methode genau das Richtige für Sie.

Zunächst müssen Sie das Really Simple Featured Video-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.

Konfigurieren Sie die Einstellungen des Plugins

Nach der Aktivierung gehen Sie im WordPress-Dashboard auf die Seite Einstellungen “ Really Simple Featured Video.

Schalten Sie hier den Schalter „Produkte“ um, um die Videounterstützung für WooCommerce zu aktivieren. Klicken Sie anschließend einfach auf die Schaltfläche „Änderungen speichern“, um Ihre Einstellungen zu speichern.

Toggle the Products switch

Als Nächstes müssen Sie oben zur Registerkarte „Steuerelemente“ wechseln. Hier können Sie Einstellungen für selbst gehostete und eingebettete Videos vornehmen.

Wechseln Sie nun zum Abschnitt „Selbst gehostete Videos“ und aktivieren Sie den Schalter „Steuerelemente“, um dem Videoplayer Steuerelemente hinzuzufügen.

Danach können Sie auch den Schalter „Schleife“ umschalten, um das Video in einer Schleife abzuspielen. Außerdem können Sie das Video standardmäßig stummschalten, indem Sie den Schalter neben „Ton stummschalten“ umlegen.

Wenn Sie das getan haben, schalten Sie einfach den Schalter „Autoplay“ ein, wenn Sie möchten, dass das Video automatisch abgespielt wird.

Toggle the controls switch

Scrollen Sie dann nach unten zum Abschnitt „Videos einbetten“, wo Sie alle diese Optionen für eingebettete Videos wiederholt finden.

Konfigurieren Sie diese Einstellungen einfach nach Ihren Wünschen und klicken Sie auf die Schaltfläche „Änderungen speichern“, um Ihre Einstellungen zu speichern.

Hinzufügen des Produktvideos zur WooCommerce-Galerie

Um ein Produktvideo zur WooCommerce-Galerie hinzuzufügen, gehen Sie in der Admin-Seitenleiste auf die Seite Produkte “ Alle Produkte.

Klicken Sie auf den Link „Bearbeiten“ unter einem Produktnamen, um ihn zu öffnen.

Edit the products page

Wenn Sie dort sind, blättern Sie in der rechten Spalte zum Abschnitt „Featured Video“ und wählen Sie eine Videoquelle aus.

Wenn Sie ein Video von Ihrem Computer oder Ihrer Mediathek hochladen möchten, müssen Sie die Option „Selbst“ wählen. Um jedoch ein Video von YouTube oder einer anderen Plattform einzubetten, müssen Sie die Option „Einbetten“ wählen.

Hinweis: Wir raten davon ab, Videos auf Ihrer Website hochzuladen, da sie viel Bandbreite verbrauchen. Für weitere Details lesen Sie unseren Leitfaden, warum Sie niemals ein Video in WordPress hochladen sollten.

In diesem Tutorial werden wir die Option „Einbetten“ wählen, um ein YouTube-Video hinzuzufügen.

Choose the Embed option and paste the video URL

Wenn Sie diese Option auswählen, wird ein Feld „Video URL goes here“ angezeigt. Fügen Sie einfach den YouTube-, Vimeo- oder Dailymotion-Videolink in das Feld ein.

Klicken Sie schließlich oben auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“, um Ihre Änderungen zu speichern.

Jetzt können Sie Ihre Website besuchen, um sich das WooCommerce-Produktvideo anzusehen.

headphones preview

Bonus: Fügen Sie eine WooCommerce-Produktgalerie in Ihrem Shop hinzu

Neben Videos können Sie auch Bildergalerien für Produkte in Blogbeiträgen oder Ankündigungsseiten in Ihrem WooCommerce-Shop hinzufügen. So können Sie mehr Besucher erreichen und Verkäufe und Konversionen steigern.

Wenn Sie zum Beispiel ein neues Produkt auf Ihrer Website einführen, möchten Sie vielleicht eine Bildergalerie dafür auf einer gerade erstellten Ankündigungsseite hinzufügen.

Diese mehreren Bilder können dazu beitragen, die Eigenschaften Ihrer Produkte zu präsentieren und das Engagement zu erhöhen. Außerdem können diese Galerien eine hervorragende Möglichkeit sein, verschiedene Produktvarianten, Farben, Größen oder Stile zu zeigen, um potenziellen Käufern eine fundierte Entscheidung zu ermöglichen.

Die meisten WooCommerce-Themen werden mit Standardvorlagen für Shop- und Kategorieseiten geliefert, die Produkte im Stil des Themas anzeigen. Sie enthalten jedoch keine spezielle Vorlage für die Präsentation von Produkten in einer Galerie innerhalb eines Blogbeitrags.

Das bedeutet, dass die standardmäßige WooCommerce-Einrichtung möglicherweise nicht ausreicht, wenn Sie Produkte auf diese Weise präsentieren möchten. An dieser Stelle kommt Envira Gallery ins Spiel.

Envira Gallery website

Es ist das beste WordPress-Galerie-Plugin auf dem Markt, mit dem Sie schöne und vollständig responsive Bildergalerien in WordPress erstellen können.

Außerdem ist Imagely superschnell und verfügt über viele Funktionen wie ein Leuchtkasten-Popup, eine einfache Bildnavigation, einen Drag-and-Drop-Builder, Wasserzeichen und professionelle Galerievorlagen.

Weitere Informationen finden Sie in unserem vollständigen Envira Gallery-Bericht.

Mit dem WooCommerce-Addon des Plugins können Sie ganz einfach Produktgalerien erstellen und sogar Tags und Taxonomiebegriffe hinzufügen, damit Ihre Produktseite besser ranken kann.

Eine ausführliche Anleitung finden Sie in unserem Tutorial zur Erstellung einer WooCommerce-Produktgalerie.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie Produktvideos zu Ihren WooCommerce-Galerien hinzufügen können. Vielleicht interessieren Sie sich auch für unser Tutorial über die Planung von Gutscheinen in WooCommerce und unsere Top-Picks für die besten WooCommerce-Plugins, um Ihre Website zu erweitern.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

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.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

Kommentare

  1. Herzlichen Glückwunsch, du hast die Möglichkeit, der erste Kommentator dieses Artikels zu sein.
    Hast du eine Frage oder Anregung? Bitte hinterlasse einen Kommentar, um die Diskussion zu starten.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.