{"id":13744,"date":"2023-08-01T05:44:55","date_gmt":"2023-08-01T05:44:55","guid":{"rendered":"https:\/\/www.bay20.com\/?p=13744"},"modified":"2025-05-14T15:50:28","modified_gmt":"2025-05-14T10:05:28","slug":"add-youtube-video-auf-der-produkt-seite-in-magento-2","status":"publish","type":"post","link":"https:\/\/www.bay20.com\/de\/add-youtube-video-auf-der-produkt-seite-in-magento-2\/","title":{"rendered":"YouTube-Video auf der Produktseite in Magento 2 hinzuf\u00fcgen"},"content":{"rendered":"\n

Wenn Sie ein Produkt in Magento 2 erstellen oder bearbeiten, f\u00fcgen wir Bilder f\u00fcr das Produkt auf der Produktseite hinzu. Sie k\u00f6nnen bei der Bearbeitung oder Erstellung eines Produkts auch Videos aus externen Ressourcen (Vimeo<\/a><\/strong> und YouTube<\/a><\/strong>) hinzuf\u00fcgen. In diesem Artikel erfahren Sie, wie Sie ein YouTube-Video zur Produktseite hinzuf\u00fcgen k\u00f6nnen.<\/p>\n\n\n\n

Gehen Sie folgenderma\u00dfen vor, um ein YouTube-Video auf der Produktseite hinzuzuf\u00fcgen:<\/h2>\n\n\n\n

Um ein Video von YouTube auf der Produktseite hinzuzuf\u00fcgen, m\u00fcssen Sie zun\u00e4chst einen YouTube-API-Schl\u00fcssel<\/strong> in der Konfiguration hinzuf\u00fcgen.<\/p>\n\n\n\n

Schritt 1: Besorge dir deinen YouTube-API-Schl\u00fcssel<\/h3>\n\n\n\n

1.<\/strong> \u00d6ffnen Sie zun\u00e4chst die Google Developers Console<\/strong><\/a>. Wenn Sie sie zum ersten Mal \u00f6ffnen, m\u00fcssen Sie die Nutzungsbedingungen<\/strong> akzeptieren und fortfahren.<\/p>\n\n\n\n

2.<\/strong> Klicken Sie auf der Seite Canvas auf die Schaltfl\u00e4che Neues Projekt<\/strong>, f\u00fcllen Sie die erforderlichen Felder mit den richtigen Daten aus und klicken Sie dann auf Erstellen.<\/strong><\/p>\n\n\n\n

\"YouTube<\/figure>\n\n\n\n

3.<\/strong> W\u00e4hlen Sie auf der linken Seite „Credentials“ und klicken Sie dann auf die Schaltfl\u00e4che „+CREATE CREDENTIALS“<\/strong> direkt unter der Suchleiste und w\u00e4hlen Sie „API key“<\/em>.<\/p>\n\n\n\n

4. <\/strong>Kopieren Sie nun den API-Schl\u00fcssel und schlie\u00dfen Sie das Dialogfeld.<\/p>\n\n\n\n

5. <\/strong>Klicken Sie dann unter „Aktivierte APIs und Dienste“ auf die Schaltfl\u00e4che „+ENABLE APIS AND SERVICES“ <\/strong>und suchen Sie im Suchfeld nach „<\/strong>Youtube<\/em>„.<\/strong><\/p>\n\n\n\n

6. <\/strong>W\u00e4hlen Sie schlie\u00dflich YouTube Data API v3<\/strong> und aktivieren Sie es.<\/p>\n\n\n\n

\"YouTube<\/figure>\n\n\n\n

Schritt 2: F\u00fcgen Sie den YouTube-API-Schl\u00fcssel in der Shop-Konfiguration hinzu<\/h3>\n\n\n\n

1. <\/strong>Navigieren Sie in der Admin-Seitenleiste Ihres Stores zu Stores > Einstellungen > Konfiguration.<\/strong><\/p>\n\n\n\n

2. <\/strong>Erweitern Sie dann Katalog und w\u00e4hlen Sie darunter Katalog.<\/p>\n\n\n\n

3. <\/strong>Erweitern Sie anschlie\u00dfend den Abschnitt Produktvideo<\/em> und f\u00fcgen Sie Ihren API-Schl\u00fcssel in das Feld YouTube-API-Schl\u00fcssel <\/strong>ein.<\/p>\n\n\n\n

\n
\"YouTube<\/figure>\n<\/figure>\n\n\n\n

4. <\/strong>Wenn Sie fertig sind, klicken Sie auf Save Config.<\/strong><\/p>\n\n\n\n

Schritt 3: Video zum Produkt hinzuf\u00fcgen<\/h3>\n\n\n\n

1. <\/strong>Navigieren Sie zu Katalog > Produkte<\/strong> und w\u00e4hlen Sie ein Produkt aus, um es im Bearbeitungsmodus zu \u00f6ffnen.<\/p>\n\n\n\n

2. <\/strong>Scrollen Sie nun zum Abschnitt Bilder und Videos<\/strong> und erweitern Sie ihn.<\/p>\n\n\n\n

3. <\/strong>Klicken Sie anschlie\u00dfend auf die Schaltfl\u00e4che Video hinzuf\u00fcgen<\/strong>.<\/p>\n\n\n\n

4. <\/strong>Geben Sie dann die URL des YouTube- oder Vimeo-Videos in das URL<\/strong>-Feld ein und klicken Sie au\u00dferhalb des Feldes.<\/p>\n\n\n\n

5. <\/strong>Wenn Sie au\u00dferhalb des Feldes klicken, werden der Titel, die Beschreibung und das Vorschaubild automatisch entsprechend den Videoinformationen ausgef\u00fcllt. Wenn das Feld nicht ausgef\u00fcllt wird, geben Sie die Details der Felder manuell ein.<\/p>\n\n\n\n

\"YouTube<\/a><\/figure>\n\n\n\n

6. <\/strong>Aktivieren Sie dann die Kontrollk\u00e4stchen, die Sie f\u00fcr das Video anwenden m\u00f6chten, und speichern Sie das Video.<\/p>\n\n\n\n

7. <\/strong>Klicken Sie abschlie\u00dfend auf die Schaltfl\u00e4che Speichern, um das Produkt zu speichern.<\/strong><\/p>\n\n\n\n

Jetzt erscheint das Video auf der Produktseite Ihres Schaufensters in verschiedenen Rollen, die Sie beim Hinzuf\u00fcgen des Videos zum Produkt ausgew\u00e4hlt haben. Sie k\u00f6nnen das Video von Vimeo hinzuf\u00fcgen, indem Sie einfach den Videolink in das URL-Feld eingeben. Sie m\u00fcssen keine API f\u00fcr die Verwendung von Vimeo-Videos konfigurieren.<\/p>\n\n\n\n

Bitte kontaktieren Sie uns unter manish@bay20.com<\/a><\/strong> oder rufen Sie uns unter +91-8800519180<\/a><\/strong> an, wenn Sie Unterst\u00fctzung f\u00fcr Magento 2 ben\u00f6tigen. Sie k\u00f6nnen auch die Magento2 Entwicklungsseit<\/strong><\/a><\/strong> besuchen, um die von uns angebotenen Dienstleistungen zu \u00fcberpr\u00fcfen.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

While creating or editing a product in Magento 2, we add images for the product on the Product page. You can also add videos while editing or creating a product from external resources (Vimeo and YouTube). In this article, you will learn how to add YouTube video on the Product page.<\/p>\n","protected":false},"author":89,"featured_media":13781,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[81,40,77,79],"tags":[],"class_list":["post-13744","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-katalog-management","category-magento","category-magento2","category-magento-anleitung"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/13744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/users\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/comments?post=13744"}],"version-history":[{"count":15,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/13744\/revisions"}],"predecessor-version":[{"id":17037,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/posts\/13744\/revisions\/17037"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media\/13781"}],"wp:attachment":[{"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/media?parent=13744"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/categories?post=13744"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bay20.com\/de\/wp-json\/wp\/v2\/tags?post=13744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}