Finestra di dialogo reattiva

FINESTRA DI DIALOGO REATTIVA Finestra di dialogo reattiva

La finestra di dialogo reattiva è un tipo di intercettazioni guidate disponibili per i progetti di Website / App Insights. Le Finestre di dialogo reattive consentono di creare overlay conformi all’accessibilità per il proprio sito web, in grado di adattarsi alle diverse dimensioni dei dispositivi.

Una volta ottenuta l’accessibilità a questa funzione, la Finestra di dialogo reattiva è disponibile insieme ad altre creatività.

Creazione di una finestra di dialogo reattiva

Creare un’intercetta guidata.

Mantenere la piattaforma impostata su Sito web.

---

×

close

Selezionare Sovrapposizione.

Fare clic su Crea intercettazioni.

Nella pagina Impostazione, selezionare Aspetto.

---

×

close

Selezionare Finestra di dialogo reattiva.

---

×

close

Completare la procedura descritta di seguito in questa pagina di supporto:

• Taglia & Stile
• Messaggio
• Pulsanti
• Loghi e immagini
• Animazione

Aggiungere le traduzioni, se necessario.

Fare clic su Aggiungi collegamento per aggiungere un collegamento o un sondaggio personalizzato alla finestra di dialogo.

---

×

close

Selezionare una delle seguenti opzioni:

---

×

close

• Scegliete un sondaggio esistente: Collegamento al sondaggio a cui si ha accesso. Assicurarsi che il progetto che si vuole utilizzare sia aperto e abbia un collegamento anonimo disponibile.
• Aggiungere un link esterno: Incollare un URL completo.

Fare clic su Salva connessione.

Aggiungere la logica di destinazione.

---

×

close

Aggiungere dati integrati.

Regolare le impostazioni dell’intercetta, come la visualizzazione dell’intercetta e la connessione alla Directory XM.

Testate la vostra intercetta.

Pubblica le modifiche.

Distribuire le modifiche.

Consiglio Q: per le ultime fasi di configurazione e i dettagli sul lancio, è possibile consultare anche la sezione Creazione di intercettazioni guidate.

Taglia & Stile

Nella sezione Dimensioni e stile, è possibile personalizzare l’aspetto e il tema complessivo dell’editor di intercettazioni come segue:

Dimensioni standard & opzioni di stile

Queste sono le opzioni che appaiono se non si usa una destinazione incorporata e si lascia deselezionata la voce Visualizza sondaggio direttamente nella finestra di dialogo.

---

×

close

• Spaziatura del contenuto: Configurare la densità del testo sull’editor di intercettazioni. È possibile scegliere tra Compatto, Medio o Spazioso.
• Colore: configurare il colore di sfondo dell’editor di intercettazioni scegliendo dalla tavolozza di selezione dei colori.
• Forma del bordo: Configurare il raggio del bordo dell’editor di intercettazioni. Determina il grado di arrotondamento degli angoli. Si può scegliere tra Nessuna, Leggermente arrotondata, Moderatamente arrotondata, Molto arrotondata.
• Ombra: configurare l’ombra che circonda l’editor di intercetta. È possibile scegliere tra Nessuna, Leggera, Media e Pesante.

Visualizzazione del sondaggio direttamente nella finestra di dialogo

Quando si seleziona Visualizza il sondaggio direttamente nella finestra di dialogo, il sondaggio verrà incorporato nell’editor di intercettazioni, invece di essere collegato a un pulsante. Per testare l’esperienza completa e accurata del sondaggio in ambito creativo, utilizzare il bookmarklet. Per saperne di più, vedere Intercettazioni di prova.

Consiglio Q: questa impostazione sovrascrive le opzioni di visualizzazione impostate sui set di azioni collegati a questa creativa. Per ulteriori informazioni sulle opzioni di visualizzazione delle serie di azioni, vedere Opzioni di visualizzazione.

Selezionando questa opzione si rimuovono le schede Messaggio e Pulsanti, perché nella Finestra di dialogo reattiva non ci saranno più né messaggi né pulsanti, oltre a quelli già impostati nel sondaggio di destinazione. Selezionando questa opzione si hanno anche diverse impostazioni di Dimensione e Stile:

---

×

close

• Ridimensionamento automatico della finestra di dialogo per adattarla al sondaggio: Ridimensiona automaticamente la finestra di dialogo reattiva per adattarla al sondaggio che si sta visualizzando nella finestra. La finestra si ridimensiona automaticamente in base alla lunghezza della prima pagina del sondaggio.

  

  Consiglio Q: se si desidera che la Finestra di dialogo reattiva venga scalata automaticamente a dimensioni maggiori, aggiungere altre risposte alla prima pagina del sondaggio o aggiungere un’ulteriore spaziatura al sondaggio. Per rendere la finestra di dialogo reattiva più piccola, spostare le domande in altre pagine successive, aggiungere interruzioni di pagina o diminuire la spaziatura all’interno del sondaggio.

• Colore: configurare il colore di sfondo dell’editor di intercettazioni scegliendo dalla tavolozza di selezione dei colori.
• Forma del bordo: Configurare il raggio del bordo dell’editor di intercettazioni. Determina il grado di arrotondamento degli angoli. Si può scegliere tra Nessuna, Leggermente arrotondata, Moderatamente arrotondata, Molto arrotondata.
• Ombra: configurare l’ombra che circonda l’editor di intercetta. È possibile scegliere tra Nessuna, Leggera, Media e Pesante.
• Accessibilità
  • Titolo dell’iframe: Questo testo verrà letto da uno screenreader quando il visitatore navigherà verso la finestra incorporata.

    

    Consiglio Q: la presenza di titoli di Iframe durante la creazione della finestra di dialogo garantisce l’accessibilità della finestra agli utenti.

Consiglio Q: fare clic sulla freccia in basso a sinistra per visualizzare le etichette delle sezioni. Per visualizzare solo le icone delle sezioni, fare clic su Nascondi etichette.

UTILIZZARE UN MODELLO

Se si desidera importare un tema di sondaggio nelle impostazioni di stile dell’editor di intercetta, fare clic su Usa un modello.

---

×

close

I temi sono creati dal Brand Administrator per l’utilizzo da parte degli utenti del proprio brand. Selezionare un brand dal menu a discesa, quindi fare clic su Importa. Se desiderate aggiungere un tema a questa lista, contattate il vostro Brand Administrator per maggiori informazioni.

---

×

close

L’importazione di un modello di tema regolerà le seguenti impostazioni per il creativo:

• Colore primario
• Colore secondario
• Colore sfondo
• Dimensione del testo della domanda
• Dimensione del testo della risposta
• Spaziatura domande
• Contrasto primo piano
• Logo

Consiglio Q: le impostazioni dell’editor di intercettazioni sono scollegate dal tema utilizzato come modello. Le impostazioni della creativa non si aggiornano se il tema del modello cambia e la modifica delle impostazioni della creativa non cambia il tema del modello.

CSS personalizzato

È possibile personalizzare il CSS della finestra di dialogo reattiva facendo clic sul pulsante Personalizza CSS . È possibile aggiungere classi e proprietà personalizzate oltre a quelle predefinite. Le modifiche apportate qui potrebbero non riflettersi nell’anteprima; ricordarsi di testare l’intercetta prima della distribuzione completando la configurazione guidata.

Attenzione: Il codice seguente è fornito così com’è e richiede conoscenze di programmazione per essere implementato. Il Supporto Qualtrics non offre assistenza o consulenza riguardo alla programmazione personalizzata. Puoi sempre provare a chiedere alla nostra community di utenti esperti.

Messaggio

Nella sezione Messaggio, è possibile configurare il titolo e la descrizione che appariranno sull’editor di intercettazioni. L’headline deve essere generalmente una frase breve che catturi l’attenzione del visitatore, mentre la descrizione fornisce maggiori dettagli sul motivo per cui l’editor di intercetta è apparso.

Il carattere sarà adottato dal sito web che visualizza la creatività. Sia per il titolo che per la descrizione, è possibile personalizzare il testo effettivo, la dimensione e la ponderazione dei caratteri.

---

×

close

Pulsanti

Nella sezione Pulsanti, è possibile configurare opzioni specifiche per il numero, l’aspetto e la destinazione di ciascun pulsante.

---

×

close

Consiglio Q: i font dei pulsanti devono essere impostati esplicitamente nel CSS del sito. Se il carattere non è impostato, i pulsanti utilizzeranno i caratteri predefiniti dal browser dell’utente.

Loghi e immagini

Nella sezione Loghi e immagini, è possibile specificare 1 o più immagini/loghi da includere nell’editor di intercettazioni.

---

×

close

È possibile scegliere di caricare un’immagine separata per Mobile o Desktop, in modo da visualizzare immagini diverse a seconda che la creatività venga visualizzata su un browser Mobile o Desktop. È anche possibile caricare la stessa immagine ma con risoluzioni diverse per ottimizzare la visualizzazione su entrambi i tipi di browser.

Consiglio Q: se si carica un’immagine solo per i dispositivi mobili, questa verrà utilizzata sia per i browser mobili che per quelli desktop. Tuttavia, se si carica un’immagine solo per il desktop, questa verrà utilizzata solo per i browser desktop.

Per rendere l’immagine conforme all’accessibilità, è possibile specificare il testo Alt da abbinare alle immagini. (Il testo alternativo è una funzione che consente agli screen reader di descrivere un’immagine agli utenti con problemi di visualizzazione)

Animazione

Nella sezione Animazione è possibile scegliere il tipo di animazione(Dissolvenza o Scorrimento) che si desidera per l’editor di intercettazioni che appare sullo schermo.

---

×

close

• Visualizza la finestra di dialogo dopo: Il numero di secondi dopo che l’utente ha soddisfatto le condizioni di intercettazione (ad esempio, ha fatto clic sull’applicazione) per visualizzare la finestra di dialogo.
• Imposta il timer per la chiusura della finestra di dialogo: Stabilisce dopo quanto tempo la finestra di dialogo deve chiudersi da sola. Deselezionare questa opzione per costringere l’utente a chiudere la finestra di dialogo per rimuoverla dallo schermo.
• Tipo di transizione: Scegliere se l’editor di intercettazioni sfuma o scorre sullo schermo quando appare. Se si sceglie l’animazione Slide In, è possibile selezionare anche la posizione finale dell’editor di intercetta sullo schermo (in alto a sinistra, in alto a destra, in basso a sinistra, in basso a destra).

  

  Consiglio Q: utilizzando il tipo di transizione Slide In , questa creatività si comporta come un Editor di intercettazioni.

• Sfondo in dissolvenza: Il colore dello schermo del dispositivo dietro l’editor di intercetta (Nessuno, Chiaro, Medio o Scuro).
• Visualizzazione del sondaggio: Dove verrà visualizzato il sondaggio (Nuova finestra, Finestra incorporata, Finestra corrente, Finestra popunder o Nuova scheda).

Se necessario, è possibile visualizzare un’anteprima delle impostazioni dell’animazione anche in questa schermata, facendo clic su Anteprima animazione.