Come aggiungere un video ai prodotti Shopify (scheda prodotto, home, collezione)

Per aggiungere un video a un prodotto Shopify basta aprire la scheda prodotto nell'admin, trascinare il file tra le immagini e attendere che Shopify lo elabori. Il tema lo mostra nella galleria insieme alle foto. Per la home e le collezioni invece il percorso cambia: lì il tema usa una sezione Video oppure un blocco app, perché la griglia dei prodotti non riproduce video.

Questa guida copre i tre casi in ordine, con quello che funziona senza app, quello che richiede un widget e gli errori che generano più ticket di assistenza, dal file troppo grande al video che su iPhone non parte. Se vuoi prima capire cosa sono i video con tag prodotto, leggi cosa sono i video shoppable e come usarli su Shopify.

La risposta breve: tre posti, tre metodi

Su Shopify un video può vivere in tre posti diversi, e ogni posto ha il suo metodo.

• Media della scheda prodotto. Il video sta tra le foto del prodotto e compare nella galleria della pagina prodotto. Si aggiunge dall'admin, senza codice.
• Sezione Video del tema. Un blocco che puoi mettere in home, in una pagina di collezione o in una pagina statica. Usa un file caricato in Contenuti, poi File, oppure un link YouTube o Vimeo.
• Widget app. Un blocco che un'app aggiunge al tema tramite theme app extension. Serve per feed di Reel verticali, caroselli di video dei clienti e video con tag prodotto.

La domanda da farti prima di caricare è: questo video appartiene a un prodotto o a una pagina? Se mostra un solo prodotto in uso, va nella scheda prodotto. Se racconta il brand o una collezione, va in una sezione. Se ne hai decine e vuoi che vendano da soli, ti serve un widget.

Metodo 1: caricare il video nei media della scheda prodotto

Il metodo più semplice, e quello giusto per la maggior parte dei video di prodotto, è la griglia dei media.

Vai in Prodotti, apri il prodotto e trova la sezione Media. Trascina il file MP4 o MOV nella griglia, oppure clicca Aggiungi da URL per incollare un link YouTube o Vimeo. Shopify carica il file e lo elabora: per un clip di trenta secondi servono pochi minuti, per un file lungo in 4K anche di più. Finché vedi il badge di elaborazione, il video non compare nel negozio.

Una volta elaborato, trascinalo in seconda o terza posizione nella griglia. La prima posizione è meglio lasciarla a una foto pulita, perché è quella che il tema usa nelle card delle collezioni, nei risultati di ricerca e nelle anteprime social. In seconda posizione il video sta a uno swipe di distanza su mobile, dove viene visto davvero.

Puoi anche associare il video a una variante, come faresti con un'immagine. Se vendi una borsa in tre colori e hai un clip per colore, assegna ogni clip alla sua variante e la galleria cambierà con la selezione.

Se il video è nella griglia ma nel negozio non lo vedi, le cause tipiche sono cinque o sei e sono tutte nella guida al video prodotto che non compare. Le più comuni: elaborazione non finita, video in ultima posizione della galleria, tema vecchio che legge product.images invece di product.media.

Metodo 2: la sezione Video del tema per home e pagine

Per un video che non appartiene a un singolo prodotto, Dawn, Horizon e quasi tutti i temi Online Store 2.0 includono una sezione Video.

Prima carica il file in Contenuti, poi File, oppure prepara il link YouTube o Vimeo. Poi vai in Negozio online, Temi, Personalizza, apri la pagina che vuoi modificare dal menu in alto (home, collezione, pagina) e clicca Aggiungi sezione. Scegli Video, seleziona il file o incolla il link, e imposta immagine di copertina, titolo e, dove il tema lo permette, riproduzione automatica.

Questa sezione è pensata per un video orizzontale a tutta larghezza. Un Reel verticale in una sezione a 16:9 mostra due bande nere ai lati e risulta poco convincente, soprattutto su desktop. Se il tuo materiale è verticale, il widget del metodo 3 è la scelta giusta.

Nel template della collezione la sezione Video si mette sopra la griglia prodotti, come intestazione, oppure sotto, come chiusura. Sopra funziona per una collezione stagionale con un solo video di lancio; sotto funziona quando non vuoi allontanare la griglia dal primo schermo su mobile.

Sui temi più recenti trovi opzioni in più. La guida alla sezione video del tema Horizon spiega le differenze rispetto a Dawn, mentre i limiti dei media nativi di Dawn elenca quello che il tema non fa, per esempio l'autoplay silenzioso in galleria.

Metodo 3: un widget app per Reel, UGC e video shoppable

Quando i video sono tanti, sono verticali e devono vendere, la galleria e la sezione Video non bastano. Serve un widget.

Un widget app è un blocco che installi da Personalizza come qualsiasi altra sezione, ma il contenuto lo gestisci dall'app: importi i Reel di Instagram e i video TikTok, li raggruppi in feed, tagghi i prodotti e scegli il layout. Con SwipeReel i layout disponibili sono quattro (Inline, Overlay, Stacked e Stories) più carosello e griglia, tutti come blocchi della theme app extension, quindi senza modifiche al codice del tema.

Il vantaggio pratico rispetto al metodo 1 è che un widget è costruito per il formato 9:16: gestisce l'autoplay silenzioso su ogni browser mobile, mostra il tag prodotto con il tasto aggiungi al carrello dentro il player e carica i video in modo differito, così la pagina non paga il peso dei file al primo rendering. Il vantaggio rispetto al metodo 2 è che lo stesso feed lo puoi mettere in home, in collezione e in ogni pagina prodotto, cambiando solo il layout.

La guida in inglese how to add shoppable video to Shopify mostra i passaggi con gli screenshot. In sintesi: installi l'app, importi o carichi i video, tagghi il prodotto, poi in Personalizza aggiungi il blocco nella posizione che vuoi.

Video nelle collezioni: cosa mostra il tema e cosa no

La richiesta più frequente sulle collezioni è far muovere le card dei prodotti. La risposta onesta è che il tema non lo fa.

Dawn, Horizon e la maggior parte dei temi renderizzano ogni card con un'immagine puntata all'anteprima del media in evidenza. Se il media in evidenza è un video, la card mostra il fotogramma di copertina, non un player. È una scelta deliberata: una collezione con venti video in autoplay sarebbe pesantissima, e lo stesso markup della card viene riusato in ricerca, consigliati e drawer del carrello.

Hai tre strade, in ordine di sforzo crescente.

1. Accetta la card statica e scegli un primo fotogramma pulito in fase di esportazione, perché Shopify usa quello come anteprima.
2. Metti una sezione Video o un blocco app sopra la griglia, così la collezione ha un video senza toccare le card.
3. Modifica il template della card per riprodurre il video al passaggio del mouse, con le dovute protezioni per il mobile.

La terza strada è descritta nella guida ai video nelle pagine di collezione e in quella su come usare un video al posto dell'immagine nella card. Prima di farlo valuta il costo in velocità: ogni card con video è un file in più da scaricare.

Formato e dimensioni prima di caricare

Il file giusto ti evita metà dei problemi di riproduzione. La regola è semplice: MP4 con codec H.264 e audio AAC, esportato alla risoluzione a cui verrà mostrato.

• Galleria prodotto: 1:1 o 4:5 per stare in linea con le foto, oppure 9:16 se il tema supporta i media verticali. 1080 pixel sul lato corto sono sufficienti.
• Sezione Video del tema: 16:9 a 1920x1080. Un 4K in home pesa quattro volte tanto e su mobile non si vede la differenza.
• Widget con Reel: 9:16 a 1080x1920, lo stesso formato che esporti da Instagram, TikTok e CapCut.

Il MOV va bene ma tende a essere più pesante; se esporti da iPhone converti in MP4 prima di caricare. Evita HEVC (H.265): Shopify lo ricodifica, ma se lo usi in una sezione custom o in un file esterno Safari e Chrome non si comportano allo stesso modo.

La guida completa a dimensioni e formato video per Shopify ha le impostazioni di esportazione per CapCut, Premiere e iPhone, con il peso atteso per ogni durata.

Autoplay su iPhone: perché il video parte o non parte

Il ticket più comune dopo "non si vede" è "su iPhone non parte da solo". Nel novanta per cento dei casi non è un difetto, è Safari che fa il suo lavoro.

Safari su iOS blocca l'autoplay di qualsiasi video con audio. Per partire da solo un video deve essere un MP4 H.264, avere l'attributo muted e l'attributo playsinline. Senza muted il browser aspetta un tocco; senza playsinline iOS apre il player a tutto schermo invece di riprodurre nella pagina. La modalità Risparmio energetico blocca comunque l'autoplay finché l'utente non tocca.

La galleria di Dawn mostra un fotogramma con il tasto play e non tenta l'autoplay: è il comportamento previsto. La sezione Video di alcuni temi ha un'opzione di riproduzione automatica che aggiunge gli attributi giusti. Un widget di video shoppable li aggiunge sempre, perché senza autoplay silenzioso un feed di Reel non ha senso.

Se ti serve l'autoplay nella pagina prodotto, la scelta tra modificare il tema e usare un widget è spiegata in video in autoplay nella pagina prodotto Shopify: tema o widget. Per i casi in cui il video non si vede proprio su Safari, c'è la guida al video che non parte su Safari e iPhone.

Rendere il video shoppable: taggare il prodotto

Un video nella galleria prodotto è già "shoppable" nel senso più semplice: il tasto aggiungi al carrello è lì sotto. Il discorso cambia in home, in collezione e nei feed di Reel, dove il video mostra un prodotto che non è sulla pagina.

Qui entra in gioco il tag prodotto: un'etichetta sul video che apre la scheda con prezzo, varianti e aggiungi al carrello senza uscire dal player. Nel piano Free di SwipeReel puoi taggare un prodotto per video; nel piano Pro i tag per video sono illimitati, utile per un Reel che mostra un outfit intero o una routine con tre prodotti.

Il tag va scelto con criterio. Se il video mostra tre prodotti ma puoi taggarne uno, tagga quello con il margine migliore o quello che compare più a lungo. Se il video è un unboxing di un bundle, tagga il bundle, non i singoli pezzi. La guida a più prodotti in un solo Reel approfondisce i casi in cui servono più tag.

Cosa misurare dopo aver aggiunto il video

Un video costa tempo di produzione, quindi vale la pena sapere se lavora. Con i media nativi del tema l'unica misura disponibile è indiretta: confronti il tasso di conversione della pagina prima e dopo, tenendo conto di stagionalità e traffico.

Con un widget hai dati per singolo video: visualizzazioni, aggiunte al carrello e ricavi attribuiti. Questo cambia le decisioni. Un Reel che ha molte visualizzazioni ma nessuna aggiunta al carrello probabilmente mostra il prodotto sbagliato, o lo mostra troppo tardi. Un video con poche visualizzazioni ma un tasso di aggiunta al carrello alto merita una posizione più in alto nel feed o un posto nella pagina prodotto.

Un buon ritmo è un controllo mensile: ordina i video per ricavi attribuiti, sposta in alto i primi tre, sostituisci gli ultimi tre. La guida agli analytics video e all'attribuzione dei ricavi spiega come leggere questi numeri senza sovrastimare l'effetto del video rispetto al resto della pagina.