Shopify har ingen enkelknapp för YouTube i alla teman, men att lägga till en video är enkelt när du väl vet var HTML:en ska placeras.
Metod 1: en Custom Liquid-sektion (Online Store 2.0-teman)
De flesta moderna Shopify-teman stöder Custom Liquid-sektioner, som accepterar rå HTML:
- I Shopifys temaredigerare, lägg till en ny sektion och välj “Custom Liquid”.
- Bygg din inbäddningskod med embed-kodgeneratorn och aktivera den responsiva wrappern så att den passar Shopifys flexibla sidbredder.
- Klistra in den genererade koden i innehållsfältet för Custom Liquid-sektionen.
- Spara och förhandsgranska sidan.
Metod 2: ett rich text- eller HTML-block i en produkt-/sidbeskrivning
För en produktbeskrivning eller en vanlig sida, växla beskrivningsredigeraren till “Visa HTML” (vanligtvis en liten <>-ikon ovanför textfältet) och klistra in inbäddningskoden direkt i HTML-källan, i stället för i den visuella redigeraren, så att iframe-taggarna inte kodas om.
Göra den responsiv inom Shopifys layout
Shopifys sidbredder varierar beroende på tema och sektionsinställningar, så använd alltid en responsiv (procentbaserad) inbäddning i stället för en fast pixelstorlek. Annars kan videon antingen svämma över en smal kolumn på mobil eller lämna ett besvärligt tomrum i en bred.
Vanliga problem
Om inbäddningen inte visas efter att du sparat, dubbelkolla att du klistrade in koden i ett HTML-medvetet fält (Custom Liquid eller HTML-källvyn) i stället för den vanliga rich text-redigeraren, som kan ta bort iframe-taggar helt. Bekräfta också att ditt tema inte lazy-loadar hela sektioner på ett sätt som krockar med iframens egna loading=”lazy”-attribut; i de flesta teman fungerar de två bra tillsammans.