Shopify non ha un pulsante YouTube con un clic su ogni tema, ma aggiungere un video è semplice una volta capito dove va inserito l’HTML.
Metodo 1: una sezione Liquid personalizzata (temi Online Store 2.0)
La maggior parte dei temi Shopify attuali supporta sezioni Liquid personalizzate, che accettano HTML grezzo:
- Nell’editor tema di Shopify, aggiungi una nuova sezione e scegli “Liquid personalizzato”.
- Costruisci il tuo codice embed con il generatore di codice embed, attivando il contenitore responsive in modo che si adatti alle larghezze di pagina flessibili di Shopify.
- Incolla il codice generato nel campo di contenuto della sezione Liquid personalizzata.
- Salva e visualizza l’anteprima della pagina.
Metodo 2: un blocco di testo avanzato o HTML nella descrizione di un prodotto/pagina
Per una descrizione prodotto o una pagina standard, passa l’editor della descrizione a “Mostra HTML” (di solito una piccola icona <> sopra il campo di testo) e incolla il codice embed direttamente nel sorgente HTML, invece che nell’editor visuale, in modo che i tag iframe non vengano trattati come testo.
Renderlo responsive all’interno del layout Shopify
Le larghezze di pagina su Shopify variano a seconda del tema e delle impostazioni della sezione, quindi usa sempre un embed responsive (basato su percentuali) invece di una dimensione fissa in pixel. Altrimenti il video può straripare da una colonna stretta su mobile oppure lasciare uno spazio vuoto poco elegante in una colonna larga.
Problemi comuni
Se l’embed non compare dopo il salvataggio, controlla di aver incollato il codice in un campo che riconosce l’HTML (Liquid personalizzato o la visualizzazione sorgente HTML) e non nell’editor di testo avanzato semplice, che può rimuovere completamente i tag iframe. Verifica anche che il tuo tema non applichi il lazy loading a intere sezioni in un modo che entra in conflitto con l’attributo loading=”lazy” dell’iframe stesso; nella maggior parte dei temi i due funzionano bene insieme.