Riuscito
Video
Aggiungi una sezione video responsive con opzioni flessibili di riproduzione, didascalie e layout.
- Documentazione Shopify sulle sezioni e i blocchi
- Documentazione di Company XYZ sulle impostazioni dei video
- Documentazione di Company XYZ sulle impostazioni degli header
- Documentazione di Company XYZ sulle impostazioni del padding della sezione
- Documentazione di Company XYZ sulle impostazioni degli sfondi delle sezioni
- Documentazione di Company XYZ sulle impostazioni dei separatori
- Documentazione di Company XYZ sulle impostazioni di visibilità
- Documentazione di Company XYZ sulle impostazioni delle larghezze del layout
Usate questa sezione per mettere in evidenza un singolo video con riproduzione flessibile, dimensionamento e testo di supporto. Funziona particolarmente bene per dimostrazioni di prodotto, tutorial, storytelling di campagne e altri momenti in cui il video deve guidare la pagina. Per una panoramica più ampia su come sono strutturati gli elementi nel theme editor, vedere documentazione Shopify su sezioni e blocchi
Impostazioni video
Sezione intitolata “Impostazioni video”Questo gruppo controlla la sorgente del video e il comportamento del riquadro multimediale nella pagina. Potete usare un video ospitato oppure un link Vimeo o YouTube, a seconda di come preferite gestire qualità e distribuzione. Per indicazioni più ampie, vedere la riferimento alle impostazioni video.
Un’immagine poster è particolarmente utile con i video ospitati perché offre ai visitatori un’anteprima curata prima dell’inizio della riproduzione. Può anche creare una prima impressione più forte rispetto a un fotogramma iniziale casuale.
Le impostazioni del rapporto d’aspetto aiutano a decidere se il video debba mantenere le proporzioni naturali oppure adattarsi a una forma di layout più controllata. Usate un rapporto fisso quando volete una spaziatura coerente in tutta la pagina, e usate il rapporto predefinito quando il framing originale è la cosa più importante. Su mobile è possibile seguire il rapporto del desktop oppure usare una propria impostazione se il video necessita di un ritaglio diverso sugli schermi più piccoli.
La larghezza massima del video è utile quando la sezione deve risultare più editoriale e meno a tutta larghezza. Un video a tutta larghezza crea più impatto, mentre un riquadro più stretto può risultare più raffinato se abbinato a didascalie o contenuto dell’header.
La riproduzione automatica avvia il video quando entra nella visualizzazione e lo mette in pausa dopo che i visitatori lo hanno superato. La ripetizione è più adatta a clip brevi e ripetibili, mentre i controlli del player sono più utili per video più lunghi o più informativi.
Se attivate la riproduzione automatica, mantenete il video senza audio e assicuratevi che la sezione abbia comunque senso senza suono.
Impostazioni didascalia
Sezione intitolata “Impostazioni didascalia”Usate l’area della didascalia per inserire una breve nota sopra o sotto il video. È una buona scelta per crediti, contesto del prodotto, una breve conclusione o un piccolo dettaglio di supporto che dovrebbe restare vicino al media.
Mantenete le didascalie concise in modo che la sezione continui a dare priorità al video. Le impostazioni di allineamento, posizione e dimensione aiutano la didascalia a integrarsi con il resto del layout invece di competere con il video.
Impostazioni overlay
Sezione intitolata “Impostazioni overlay”Le impostazioni overlay aggiungono un colore o un gradiente sopra il video. Sono utili quando desiderate un’atmosfera più marcata, un contrasto migliore o un trattamento visivo più coerente tra filmati diversi.
Usate l’opacità con attenzione. Un overlay leggero può migliorare leggibilità e rifinitura, mentre un overlay pesante può nascondere i dettagli e rendere il video piatto.
Lo stile dell’overlay controlla quando l’overlay appare. Mostrarlo solo quando è in pausa mantiene la riproduzione più aperta, mentre mostrarlo sempre conferisce alla sezione un aspetto più stilizzato.
Impostazioni di allineamento
Sezione intitolata “Impostazioni di allineamento”Queste impostazioni controllano come i contenuti della sezione si allineano su desktop e su mobile. Sono più importanti quando utilizzate un’header, una didascalia o una button insieme al video.
Allineare in modo coerente le diverse dimensioni dello schermo in genere crea la presentazione più pulita. Se il layout mobile sembra troppo compresso, regolare separatamente l’allineamento su mobile può rendere la sezione più facile da consultare.
Impostazioni colore
Sezione intitolata “Impostazioni colore”Questi controlli colore sostituiscono i colori predefiniti per il testo, le icone e i bordi di questa sezione. Usateli quando il video, l’overlay o lo sfondo rendono i vostri colori abituali troppo poco contrastati.
Applicate le sostituzioni in modo selettivo, così la sezione continua a risultare coerente con il resto del sito. Nella maggior parte dei casi, l’obiettivo più importante è mantenere il testo leggibile sul media.
Impostazioni standard della sezione
Sezione intitolata “Impostazioni standard della sezione”Impostazioni dell’header
Sezione intitolata “Impostazioni dell’header”Usate le Impostazioni dell’header condivise per aggiungere contenuto introduttivo sopra il video. Un’header, un breve testo di supporto e un button opzionale possono aiutare a spiegare perché il video è importante e guidare i visitatori verso un passaggio successivo.
Mantenete il contenuto dell’header breve, così supporta il video invece di sovrastarlo. Se aggiungete un button, usate un’unica azione chiara.
Impostazioni di padding
Sezione intitolata “Impostazioni di padding”Usate le Impostazioni di padding condivise per controllare lo spazio sopra e sotto la sezione. Un padding maggiore aiuta il video a sembrare una caratteristica distinta, mentre uno spazio più contenuto lo collega più strettamente ai contenuti vicini.
Controllate lo spazio sia su mobile sia su desktop. Una sezione video che risulta equilibrata su uno schermo grande può sembrare troppo grande sui dispositivi più piccoli.
Impostazioni dello sfondo della sezione
Sezione intitolata “Impostazioni dello sfondo della sezione”Usate le Impostazioni dello sfondo sezione condivise per aggiungere un colore, un gradiente, un’immagine o un video di sfondo dietro la sezione. Questo è particolarmente utile quando volete che l’area circostante risulti più immersiva o più coerente con il brand.
Fate attenzione quando combinate uno sfondo forte con un overlay video e colori testo personalizzati. Troppi effetti sovrapposti possono ridurre la chiarezza e rendere la sezione pesante.
Impostazioni dei separatori
Sezione intitolata “Impostazioni dei separatori”Usate le Impostazioni dei separatori condivise per inserire una linea sopra o sotto la sezione. I separatori possono aiutare a definire il video come blocco di contenuto autonomo senza dover apportare grandi modifiche allo spazio.
Un separatore discreto funziona bene in pagine lunghe, di stile editoriale. Se la sezione ha già un forte contrasto visivo, spesso nessun separatore risulta più pulito.
Impostazioni di visibilità
Sezione intitolata “Impostazioni di visibilità”Usate le Impostazioni di visibilità condivise per mostrare o nascondere questa sezione in base alla dimensione del dispositivo. È utile quando lo stesso trattamento video non funziona altrettanto bene su desktop e su mobile.
Se nascondete la sezione in un breakpoint, assicuratevi che la pagina comunichi comunque chiaramente lo stesso messaggio in quel contesto.
Impostazioni di larghezza
Sezione intitolata “Impostazioni di larghezza”Usate le Impostazioni di larghezza condivise per controllare la larghezza complessiva della sezione e la larghezza del contenuto al suo interno. Questo vi aiuta a decidere se il video debba sembrare in un riquadro stretto, comodamente contenuto o più ampio.
La larghezza del contenuto è di solito la prima impostazione da regolare. Poiché il framing dell’anteprima può influenzare l’aspetto delle modifiche alla larghezza, vale la pena controllare il risultato sulla pagina pubblicata prima di finalizzarlo.
Note sull’uso
Sezione intitolata “Note sull’uso”- Scegliete la sorgente giusta. Usate un video ospitato quando volete un controllo diretto sul file, e usate un video URL quando l’hosting esterno si adatta meglio al vostro flusso di lavoro.
- Abbinate il layout al filmato. Scegliete un rapporto d’aspetto e una larghezza che supportino il framing del video invece di forzarlo in una presentazione scomoda.
- Tenete chiare le aspettative di riproduzione. Riservate la riproduzione automatica e la ripetizione a clip brevi che comunicano bene anche senza audio.
- Rivedete separatamente il mobile. Controllate insieme le impostazioni desktop e mobile, perché allineamento, visibilità e scelte multimediali possono cambiare ritaglio, spaziatura e leggibilità della sezione.
- Usate le sostituzioni con intenzione. Colori vuoti o in stile predefinito in genere preservano l’aspetto circostante, mentre colori espliciti, gradienti o scelte multimediali rendono l’area video più autonoma.
- Aggiungete i blocchi con attenzione. Se costruite la sezione con blocchi, ricontrollate l’intera composizione, perché il contenuto guidato dai blocchi può sostituire o ampliare un contenuto più semplice a livello di sezione.