Shopify heeft niet op elk thema een knop waarmee je in een klik YouTube kunt toevoegen, maar een video toevoegen is eenvoudig zodra je weet waar de HTML moet komen.
Methode 1: een Custom Liquid sectie (Online Store 2.0 thema’s)
De meeste actuele Shopify thema’s ondersteunen Custom Liquid secties, die ruwe HTML accepteren:
- Voeg in de Shopify thema-editor een nieuwe sectie toe en kies “Custom Liquid”.
- Bouw je embed code met de embed code generator, met de responsive wrapper ingeschakeld zodat deze past bij de flexibele paginabreedtes van Shopify.
- Plak de gegenereerde code in het inhoudveld van de Custom Liquid sectie.
- Sla op en bekijk de pagina.
Methode 2: een rich text of HTML blok op een product- of paginabeschrijving
Schakel voor een productbeschrijving of een standaardpagina de beschrijvingseditor om naar “Show HTML” (meestal een klein <> icoon boven het tekstveld) en plak de embed code rechtstreeks in de HTML-bron, in plaats van de visuele editor, zodat de iframe tags niet worden geëscaped.
Responsive maken binnen de layout van Shopify
De paginabreedte van Shopify verschilt per thema en sectie-instellingen, dus gebruik altijd een responsive (op percentage gebaseerde) embed in plaats van een vast aantal pixels. Anders kan de video ofwel overlopen in een smalle kolom op mobiel, of onhandige lege ruimte overlaten in een brede kolom.
Veelvoorkomende problemen
Als de embed na het opslaan niet verschijnt, controleer dan of je de code hebt geplakt in een HTML-bewust veld (Custom Liquid of de HTML-bronweergave) in plaats van de gewone rich-text editor, die iframe tags volledig kan verwijderen. Controleer ook of je thema niet hele secties lazy laadt op een manier die botst met het eigen loading=”lazy” attribuut van de iframe; in de meeste thema’s werken de twee prima samen.