DocumentazioneCommercePage Builder

Media - Video

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Argomenti:

Creato per:

  • Principiante
  • Intermedio
  • Utente

Utilizza il tipo di contenuto Video per aggiungere un video in hosting su YouTube o Vimeo alla Page Builder fase. È facile incorporare i video in una pagina o in un blocco oppure nelle descrizioni di prodotti e categorie.

Video nella home page della vetrina {width="700" modal="regular"}

NOTE
Se si apportano modifiche significative al contenuto di Page Builder, è consigliabile aumentare la durata della sessione di amministrazione per evitare il timeout della sessione mentre si lavora.

Casella degli strumenti Video

Casella degli strumenti video {width="600" modal="regular"}

Strumento
Icona
Descrizione
Sposta
Icona Sposta {width="25"}
Sposta il video in un'altra posizione sullo stage.
(etichetta)
Video
Identifica il contenitore di contenuto corrente sotto forma di video. Passa il cursore del mouse sul contenitore di immagini per visualizzare la casella degli strumenti.
Impostazioni
Icona Impostazioni {width="25"}
Apre la pagina Edit Video, in cui è possibile modificare le proprietà del video e del contenitore.
Nascondi
Icona Nascondi {width="25"}
Nasconde il video corrente.
Spettacolo
Mostra icona {width="25"}
Mostra il video nascosto.
Duplica
Icona duplicata {width="25"}
Crea una copia del video.
Rimuovi
Icona Rimuovi {width="25"}
Elimina il video dall'area di visualizzazione.
NOTE
Gli elementi nascosti vengono memorizzati nel database e invisibili ai clienti. Tuttavia, questi elementi sono visibili ai motori di ricerca e ad altri bot che eseguono la ricerca per indicizzazione del sito. Vengono inoltre restituiti come parte del contenuto se richiesto tramite una chiamata API con un attributo di invisibilità, a meno che non vengano rimossi dall’area di visualizzazione.

Aggiungi un video

  1. Prima di iniziare, passa al video YouTube o Vimeo che desideri incorporare e copia il collegamento.

    In alternativa, è possibile copiare un collegamento diretto in un file video valido. Per collegamenti validi, consulta Impostazioni video di base.

  2. Nell'amministratore Commerce, tornare all'area di lavoro Page Builder in cui si desidera aggiungere il video.

  3. Nel pannello Page Builder, espandere Media e trascinare un segnaposto Video nell'area di visualizzazione.

    Trascinamento di un segnaposto video nell'area di visualizzazione {width="600" modal="regular"}

  4. Passa il puntatore del mouse sul contenitore video per visualizzare la casella degli strumenti e scegli l'icona Impostazioni ( Icona Impostazioni {width="20"} ).

  5. Per Video URL, incolla l'URL del video copiato.

    URL del video Page Builder utilizzato in questo esempio: https://www.youtube.com/watch?v=Y0KNS7C5dZA.

  6. Per limitare il Maximum Width del video, immetti la larghezza massima in pixel.

    Se vuoto, il video ha la larghezza consentita dal contenitore, consentendo margini e spaziatura.

  7. Nell'angolo superiore destro fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.

Modificare le impostazioni video

  1. Passa il puntatore del mouse sul contenitore video per visualizzare la casella degli strumenti e scegli l'icona Impostazioni ( Icona Impostazioni {width="20"} ).

  2. Modificate le impostazioni in base alle sezioni riportate di seguito.

  3. Nell'angolo superiore destro fare clic su Save per applicare le impostazioni e tornare all'area di lavoro Page Builder.

Impostazioni video di base

  1. Per modificare il video corrente, aggiornare Video URL.

    Immetti un URL video valido. Gli URL video validi possono essere collegamenti a:

    • Video su YouTube: https://youtu.be/CoDhMRUUjeI
    • Video su Vimeo: https://vimeo.com/190156113
    • File video validi (.mp4 è consigliato): https://myvideos.com/spiral.mp4

  2. Per modificare la larghezza consentita per il video nella vetrina, immettere il nuovo Maximum Width in pixel.

    Se vuoto, il video estende l’intera larghezza del contenitore, meno margini e spaziatura interna.

  3. Per avviare automaticamente il video dopo il caricamento della pagina, impostare Autoplay su Yes.

    Se Riproduzione automatica è impostato su Yes, il video viene disattivato durante la riproduzione in base ai criteri. Tuttavia, anche con questa impostazione, i dispositivi mobili non possono riprodurre automaticamente i video. Per ulteriori informazioni su questi criteri, consulta le seguenti risorse per sviluppatori:

    Se Riproduzione automatica è impostato su No, il video viene riprodotto solo su richiesta dell'utente.

Advanced

  1. Per controllare il posizionamento orizzontale del video all'interno del contenitore, scegliere un Alignment:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
    Opzione Descrizione
    Default Applica l'impostazione predefinita di allineamento specificata nel foglio di stile del tema corrente.
    Left Allinea il contenuto lungo il bordo sinistro del contenitore video, tenendo conto di eventuali spaziature specificate.
    Center Allinea il contenuto al centro del contenitore video, tenendo conto di eventuali spaziature specificate.
    Right Allinea il contenuto lungo il bordo destro del contenitore video, tenendo conto di eventuali spaziature specificate.

  • Imposta lo stile Border applicato a tutti e quattro i lati del contenitore video:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
    Opzione Descrizione
    Default Applica lo stile di bordo predefinito specificato dal foglio di stile associato.
    None Non fornisce alcuna indicazione visibile dei bordi del contenitore.
    Dotted Il bordo del contenitore viene visualizzato come una linea tratteggiata.
    Dashed Il bordo del contenitore viene visualizzato come una linea tratteggiata.
    Solid Il bordo del contenitore viene visualizzato come linea continua.
    Double Il bordo del contenitore viene visualizzato come una doppia riga.
    Groove Il bordo del contenitore viene visualizzato come una linea scanalata.
    Ridge Il bordo del contenitore viene visualizzato come una linea scanalata.
    Inset Il bordo del contenitore viene visualizzato come una linea interna.
    Outset Il bordo del contenitore viene visualizzato come una linea di contorno.

  • Se si imposta uno stile di bordo diverso da None, completare le opzioni di visualizzazione del bordo:

    Colore bordo {width="600" modal="regular"}

    table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
    Opzione Descrizione
    Border Color Specificate il colore scegliendo un campione, facendo clic sul selettore del colore oppure immettendo un nome di colore valido o un valore esadecimale equivalente.
    Border Width Immettere il numero di pixel per lo spessore della linea del bordo.
    Border Radius Immettere il numero di pixel per definire la dimensione del raggio utilizzato per arrotondare ogni angolo del bordo.

  • (Facoltativo) Specificare i nomi di CSS classes dal foglio di stile corrente da applicare al contenitore video.

    Separare più nomi di classe con uno spazio.

  • Immettere i valori, in pixel, per Margins and Padding per specificare i margini esterni e la spaziatura interna del contenitore video.

    Immetti ogni valore corrispondente nel diagramma contenitore video.

    table 0-row-2 1-row-2 2-row-2 layout-auto
    Area contenitore Descrizione
    Margins Quantità di spazio vuoto applicata al bordo esterno di tutti i lati del contenitore.
    Padding Quantità di spazio vuoto applicata al bordo interno di tutti i lati del contenitore.

Spostare un video

  1. Passa il puntatore del mouse sul contenitore video per visualizzare la casella degli strumenti e scegli l'icona Sposta ( Icona Sposta {width="20"} ).

    Spostamento di un video {width="500" modal="regular"}

  2. Seleziona e trascina il video nella nuova posizione, appena sotto la linea guida rossa.

    Utilizzo della linea guida rossa per inserire il video {width="500" modal="regular"}

Rimuovere un video dall'area di visualizzazione

  1. Passa il puntatore del mouse sul contenitore video per visualizzare la casella degli strumenti e scegli l'icona Rimuovi ( Rimuovi icona ).

  2. Quando viene richiesto di confermare, fare clic su OK.

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d