Shopify har ikke en et-klik YouTube knap i hvert tema, men at tilføje en video er ligetil, når du ved, hvor HTML’en skal placeres.
Metode 1: en Custom Liquid sektion (Online Store 2.0 temaer)
De fleste nuværende Shopify temaer understøtter Custom Liquid sektioner, som accepterer rå HTML:
- I Shopifys temaeditor, tilføj en ny sektion og vælg “Custom Liquid”.
- Byg din embed kode med embed kode generatoren, og aktivér den responsive indpakning, så den passer til Shopifys fleksible sidebredder.
- Indsæt den genererede kode i Custom Liquid sektionens indholdsfelt.
- Gem og forhåndsvis siden.
Metode 2: en rich text eller HTML blok på en produkt- eller sidebeskrivelse
Til en produktbeskrivelse eller en almindelig side skal du skifte beskrivelseseditoren til “Vis HTML” (som regel et lille <> ikon over tekstfeltet) og indsætte embed koden direkte i HTML-kilden, i stedet for den visuelle editor, så iframe tags ikke bliver escaped.
Gør den responsiv i Shopifys layout
Shopify sidebredder varierer efter tema og sektionsindstillinger, så brug altid en responsiv (procentbaseret) indlejring i stedet for en fast pixelstørrelse. Ellers kan videoen enten løbe uden for en smal kolonne på mobil eller efterlade akavet tomt rum i en bred kolonne.
Almindelige problemer
Hvis indlejringen ikke vises efter du har gemt, skal du dobbelttjekke, at du indsatte koden i et HTML-bevidst felt (Custom Liquid eller HTML-kildevisningen) i stedet for den almindelige rich-text editor, som kan fjerne iframe tags helt. Bekræft også, at dit tema ikke lazy-loader hele sektioner på en måde, der kommer i konflikt med iframe’ets egen loading=”lazy” attribut; i de fleste temaer fungerer de to fint sammen.