Banner a carosello carousel-banners

Identificare le variabili del punto attivo e della mappa immagine (solo per i clienti che utilizzano Experience Manager Assets + Dynamic Medie)

Inizia identificando le variabili dinamiche utilizzate dall’implementazione Quickview esistente, in modo da poter immettere correttamente gli hotspot e i dati della mappa immagine durante il processo di creazione del banner a carosello in Adobe Experience Manager Assets.

Facoltativo: se necessario, crea un predefinito visualizzatore per set carosello.

Se sei un amministratore, puoi personalizzare il comportamento e l’aspetto del carosello creando un predefinito visualizzatore Carosello personalizzato. Il vantaggio principale è che puoi riutilizzare questo predefinito visualizzatore personalizzato per più caroselli di immagini. Tuttavia, gli utenti possono personalizzare facoltativamente il comportamento e l’aspetto del carosello direttamente durante la creazione dello stesso. Questo metodo è l’approccio preferito quando si desidera un progetto specifico per un determinato carosello.

Carica un banner immagine.

Carica i banner immagine da rendere interattivi.

Crea set carosello.

In Set caroselli di immagini, gli utenti possono navigare tra le immagini dei banner e selezionare punti attivi o mappe immagine per accedere al contenuto pertinente.

Per creare un set carosello in Assets, seleziona Crea, quindi seleziona Set carosello. Aggiungi risorse a ciascuna diapositiva e seleziona Salva. Inoltre, puoi modificare l’aspetto e il comportamento del carosello direttamente nell’editor.

Aggiungi punti attivi o mappe immagine a un banner immagine.

Aggiungi uno o più punti attivi o mappe immagine a un banner immagine e associali a un'azione, ad esempio un collegamento, una visualizzazione rapida o un frammento esperienza. Dopo aver aggiunto punti attivi o mappe immagine, completa questa attività pubblicando il set carosello. La pubblicazione crea il codice da incorporare che puoi utilizzare per copiare e applicare alla pagina di destinazione del sito web.

Vedere (Facoltativo) Anteprima banner carosello - Facoltativo Se lo desideri, puoi visualizzare una rappresentazione del set carosello e testarne l’interattività.

Banner a carosello Publish.

Pubblichi un set carosello come faresti con una risorsa. In Assets, passa al set carosello, selezionalo e seleziona Publish. La pubblicazione di un set carosello attiva l’URL e la stringa di incorporamento.

Effettua una delle operazioni seguenti:

• Aggiungi un banner carosello alla pagina del tuo sito Web Puoi aggiungere l'URL del banner carosello o il codice da incorporare copiato nella pagina del sito Web.

  • Integrare il banner del carosello con un Quickview esistente. Se utilizzi un sistema di gestione dei contenuti web di terze parti, devi integrare il nuovo banner carosello con l’implementazione Quickview esistente sul tuo sito web.

• Aggiungi un banner carosello al tuo sito Web nell'Experience Manager Se sei un cliente Experience Manager Sites puoi aggiungere il set carosello direttamente alla pagina nell'Experience Manager, utilizzando il componente File multimediali interattivi.

In Assets, passa alla cartella in cui desideri creare il set carosello e vai a Crea > Set carosello.

Nella pagina dell'editor di banner per carosello, seleziona Tocca per aprire il selettore risorse per selezionare l'immagine per la prima diapositiva.

Nella pagina dell’editor di banner a carosello, effettua una delle seguenti operazioni:

• Nell'angolo superiore sinistro della pagina, selezionare l'icona Aggiungi diapositiva.

• Nella parte centrale della pagina, seleziona Tocca per aprire il selettore risorse.

Seleziona per selezionare le risorse da includere nel set carosello. Le risorse selezionate dispongono di un’icona a forma di segno di spunta. Al termine, vicino all'angolo superiore destro della pagina, seleziona Seleziona.

Con il Selettore risorse, puoi cercare le risorse digitando una parola chiave e toccando o facendo clic su Invio. Per perfezionare i risultati della ricerca, puoi anche applicare i filtri. Puoi filtrare in base a percorso, raccolta, tipo di file e tag. Selezionare il filtro e quindi l'icona Filtro sulla barra degli strumenti. Per modificare la visualizzazione, tocca l’icona Visualizza e fai clic su Vista a colonne, Vista a schede o Vista a elenco.

Per ulteriori informazioni, vedere Utilizzare i selettori.

Continuate ad aggiungere diapositive fino ad aggiungere tutte le immagini da ruotare nel set carosello.

(Facoltativo) Effettuate una delle seguenti operazioni:

• Se necessario, trascinare la diapositiva per riordinare le immagini nell'elenco.

• Per eliminare un'immagine, selezionarla, quindi selezionare Elimina diapositiva sulla barra degli strumenti.

• Per applicare un predefinito, seleziona l’elenco a discesa dei predefiniti nell’angolo superiore destro della pagina, quindi seleziona un predefinito da applicare al set contemporaneamente.

Per eliminare una diapositiva, selezionarla, quindi sulla barra degli strumenti selezionare Elimina diapositiva. Per spostare una diapositiva, selezionate l'icona Riordina (Reorder), quindi tenete premuto e spostate nella posizione desiderata.

Dopo aver aggiunto le immagini nelle diapositive, è possibile aggiungere un punto attivo, una mappa immagine o entrambi all'immagine. Consulta Aggiungere punti attivi o mappe immagine a un banner immagine.

Puoi modificare la progettazione visiva e il comportamento dei set carosello. Seleziona le schede Comportamento e Aspetto e regola la modalità di visualizzazione del banner del carosello o il comportamento di componenti specifici. Per ulteriori informazioni sull'utilizzo dell'editor visualizzatore, vedere Gestione predefiniti visualizzatore.

* Durata di visualizzazione di un’immagine. Per impostazione predefinita, ogni immagine viene visualizzata per 9 secondi.
* Animazione. Per impostazione predefinita, ogni transizione di diapositiva è una dissolvenza. Potete cambiare questa transizione in una diapositiva.
* Stile dei pulsanti. Gli utenti possono ruotare tra i banner toccando ogni punto o numero. È possibile modificare la posizione e le dimensioni dei pulsanti degli indicatori impostati (e se sono numerici o con uno stile punteggiato).
* Modifica lo stile di evidenziazione di una mappa immagine o dell’icona utilizzata per gli hotspot.
* Prima di modificare un predefinito visualizzatore, scegliete lo stile su cui basare il predefinito. Se non si sceglie uno stile, quando si inizia a modificare il predefinito visualizzatore, tutte le modifiche vengono perse se si decide di passare a un predefinito diverso.

Puoi anche visualizzare in anteprima come verrà visualizzato il banner del carosello. Vedi (Facoltativo) Anteprima banner carosello.

Al termine, seleziona Salva.

Da Assets, individua il set carosello che desideri rendere interattivo.

Seleziona il set carosello e seleziona Modifica. Viene aperto l’Editor visualizzatore carosello.

Selezionare la diapositiva da rendere interattiva.

Nell'angolo superiore sinistro della pagina, selezionare Punto attivo o Mappa immagine.

Effettuare una delle seguenti operazioni:

• Per punti attivi: sull'immagine, seleziona la posizione in cui desideri visualizzare il punto attivo.
• Per le mappe immagine: Sull’immagine, seleziona, quindi trascina dall’alto a sinistra verso il basso a destra per creare l’area della mappa immagine. È possibile regolare le dimensioni della mappa immagine trascinando gli angoli.

Se necessario, trascina il punto attivo o la mappa immagine in una nuova posizione. Aggiungi altri punti attivi o mappe immagine in base alle esigenze.

Per eliminare un punto attivo o una mappa immagine, seleziona la scheda Azioni. Seleziona il nome del punto attivo o della mappa immagine da rimuovere dall’intestazione Mappe e punti attivi del menu a discesa Tipo selezionato. Seleziona l'icona Elimina accanto al menu, quindi seleziona Elimina.

Nel campo di testo Nome digitare il nome del punto attivo o della mappa immagine. Questo nome viene visualizzato anche nell'elenco a discesa Mappe e punto attivo. Specificando un nome è facile identificare il punto attivo o la mappa immagine se si decide di modificarlo in futuro.

Effettua una delle seguenti operazioni nella scheda Azioni:

• Selezionare Quickview.

  • Se sei un cliente di Experience Manager Sites e Ecommerce, seleziona l’icona del selettore prodotti (lente di ingrandimento) per aprire la pagina Seleziona prodotto. Seleziona il prodotto da utilizzare, quindi fai clic sul segno di spunta nell’angolo superiore destro della pagina per tornare all’editor di banner a carosello.

  • Se non sei un cliente Experience Manager Sites o e-commerce

    • Se vuoi definire queste variabili, consulta Identificare le variabili del punto attivo.

    • Quindi, immetti manualmente il valore SKU. Nel campo di testo Valore SKU digitare la SKU (Stock Keeping Unit) del prodotto, che rappresenta un identificatore univoco per ogni prodotto o servizio specifico offerto. Il valore SKU immesso popola automaticamente la parte variabile del modello Quickview in modo che il sistema sappia associare il punto attivo toccato alla visualizzazione rapida di una particolare SKU.

    • (Facoltativo) Se in Quickview sono presenti altre variabili che è necessario utilizzare per identificare ulteriormente un prodotto, selezionare Aggiungi variabile generica. Nel campo di testo, specifica una variabile aggiuntiva. Ad esempio, category=Mens è una variabile aggiunta.

    • Per ulteriori informazioni, vedere Utilizzare i selettori.

• Seleziona Collegamento ipertestuale.

  • Se sei un cliente di Experience Manager Sites, seleziona l’icona Selettore siti (cartella) per passare a un URL.

    note note
    NOTE
    Il metodo di collegamento basato su URL non è possibile se il contenuto interattivo presenta collegamenti con URL relativi, in particolare collegamenti a pagine Experience Manager Sites.

  • Se si è clienti autonomi, specificare il percorso URL completo di una pagina Web collegata nel campo di testo HREF.

Assicurati di specificare se aprire il collegamento in una nuova scheda del browser (impostazione predefinita consigliata) o nella stessa scheda.

Per ulteriori informazioni, vedere Utilizzo dei selettori.

• Seleziona Frammento esperienza.

  • Se sei un cliente di Experience Manager Sites, seleziona l’icona Ricerca (lente di ingrandimento) per aprire la pagina Frammento esperienza. Seleziona il frammento di esperienza da utilizzare, quindi seleziona Seleziona nell'angolo superiore destro della pagina per tornare alla pagina di gestione dei punti attivi.
    Vedi Frammenti esperienza.

  • Specifica la larghezza e l'altezza del frammento di esperienza così come viene visualizzato sul banner.

    note note
    NOTE
    Gli strumenti di condivisione per social media nel banner carosello non sono supportati quando si incorpora il visualizzatore in un frammento di esperienza.
    Per risolvere questo problema, crea predefiniti visualizzatore che non dispongono di strumenti per la condivisione sui social media. Tali predefiniti visualizzatore consentono di incorporarli correttamente in Frammenti esperienza.

Puoi anche visualizzare in anteprima come verrà visualizzato il banner del carosello. Vedere (facoltativo) Anteprima dei banner carosello.

Seleziona Salva.

Publish il set carosello. La pubblicazione crea il codice o l’URL da incorporare che puoi utilizzare nella pagina del sito web. Se sei un cliente di Experience Manager Sites, puoi aggiungere il set del carosello direttamente alla pagina web.

Consulta Pubblicazione delle risorse.

Consulta Aggiunta di un set carosello alla pagina di destinazione del tuo sito Web

Effettua una delle seguenti operazioni:

• Passa il puntatore del mouse su una risorsa Set carosello, quindi seleziona Modifica (icona a forma di matita).

• Passa il puntatore del mouse su una risorsa Set carosello, seleziona Seleziona (icona a forma di segno di spunta), quindi seleziona Modifica sulla barra degli strumenti.

• Seleziona una risorsa Set carosello, quindi seleziona Modifica (icona a forma di matita) nell'angolo superiore sinistro della pagina.

Per modificare il set carosello, effettuate una delle seguenti operazioni:

• Per aggiungere una diapositiva, seleziona l'icona Aggiungi diapositiva, quindi individua la risorsa da aggiungere alla diapositiva e seleziona il segno di spunta.
• Per riordinare le diapositive, trascinare una diapositiva in una nuova posizione (selezionare l'icona Riordina per spostare gli elementi).
• Per aggiungere un punto attivo o una mappa immagine, seleziona le icone del punto attivo o della mappa immagine e vedi aggiunta di punti attivi e mappe immagine.
• Per modificare l'aspetto o il comportamento del set carosello, selezionare la scheda Aspetto o Comportamento, quindi impostare le opzioni desiderate.
• Per modificare punti attivi o mappe immagine, nella diapositiva appropriata, seleziona un punto attivo o una mappa immagine e cambia come necessario nella scheda Azioni.
• Per eliminare una diapositiva, selezionarla, quindi selezionare Elimina diapositiva sulla barra degli strumenti.
• Per applicare un predefinito, seleziona l'elenco a discesa Predefinito nell'angolo superiore destro della pagina, quindi seleziona un predefinito visualizzatore.
• Per eliminare un intero set carosello, passare al set carosello, selezionarlo, quindi selezionare Elimina.

In Assets, passa a un banner carosello esistente creato e seleziona per aprirlo.

Seleziona Modifica.

Nell’elenco dei predefiniti visualizzatore nell’angolo destro della barra degli strumenti, seleziona un visualizzatore per visualizzare in anteprima il banner del carosello.

Selezionare Anteprima.

Seleziona gli hotspot o le mappe immagine sull'immagine in modo da poter testare le azioni associate.

Copia il codice di incorporamento del set carosello pubblicato.
Vedi Incorporare il video o il visualizzatore di immagini in una pagina Web.

Aggiungi alla pagina web il codice da incorporare copiato da Experience Manager Assets.
Il codice di incorporamento copiato è reattivo, pertanto deve rientrare automaticamente nell’area di incorporamento della pagina.