Shopify hat auf keinem Theme einen Ein-Klick-YouTube-Button, aber ein Video hinzuzufügen ist unkompliziert, sobald man weiß, wohin das HTML gehört.
Methode 1: Ein Custom-Liquid-Abschnitt (Online Store 2.0-Themes)
Die meisten aktuellen Shopify-Themes unterstützen Custom-Liquid-Abschnitte, die rohes HTML akzeptieren:
- Füge im Shopify-Theme-Editor einen neuen Abschnitt hinzu und wähle „Custom Liquid“.
- Baue deinen Embed-Code mit dem Embed-Code-Generator und aktiviere den responsiven Wrapper, damit er sich an die flexiblen Seitenbreiten von Shopify anpasst.
- Füge den generierten Code in das Inhaltsfeld des Custom-Liquid-Abschnitts ein.
- Speichern und die Seite in der Vorschau prüfen.
Methode 2: Ein Rich-Text- oder HTML-Block in einer Produkt-/Seitenbeschreibung
Wechsle für eine Produktbeschreibung oder eine Standardseite den Beschreibungs-Editor auf „HTML anzeigen“ (meist ein kleines <>-Symbol über dem Textfeld) und füge den Embed-Code direkt in die HTML-Quelle ein, statt in den visuellen Editor, damit die Iframe-Tags nicht escaped werden.
Responsiv machen innerhalb des Shopify-Layouts
Die Seitenbreiten bei Shopify variieren je nach Theme und Abschnittseinstellungen, verwende daher immer ein responsives (prozentbasiertes) Embed statt einer festen Pixelgröße. Sonst kann das Video in einer schmalen Spalte auf dem Handy überlaufen oder in einer breiten unschönen Leerraum hinterlassen.
Häufige Probleme
Erscheint das Embed nach dem Speichern nicht, prüfe zunächst, ob du den Code in ein HTML-fähiges Feld eingefügt hast (Custom Liquid oder die HTML-Quellansicht) statt in den reinen Rich-Text-Editor, der Iframe-Tags vollständig entfernen kann. Prüfe außerdem, ob dein Theme nicht ganze Abschnitte auf eine Weise lazy lädt, die mit dem eigenen loading=”lazy”-Attribut des Iframes kollidiert; in den meisten Themes funktionieren beide problemlos zusammen.