Personalizza widget e microsite con l’editor di contenuti

L'editor di contenuti ti consente di creare widget e micrositi che si integrano perfettamente con l'identità del tuo brand, garantendo un'esperienza coerente e affidabile per i tuoi clienti. Un touchpoint ben brandizzato è fondamentale per favorire un elevato coinvolgimento e l'adozione del programma.

Controlli centralizzati del branding

Puoi trovare e aggiornare con facilità gli elementi di design principali del tuo brand utilizzando l'opzione di stile del widget o del microsito. Tutte le impostazioni di branding si trovano in una sezione dedicata al branding.

I widget o i micrositi hanno un aspetto diverso a seconda del contesto dell'utente, ad esempio se ha effettuato l'accesso, se incontra un errore o se visualizza da un dispositivo mobile. Le anteprime del nostro editor ti consentono di passare facilmente tra tutti gli stati possibili del tuo widget o microsito.

Nota: L'anteprima è più applicabile ai widget (ad es. widget di accesso immediato) e ai componenti (ad es. contanti, scambio di premi). Per visualizzare in anteprima i micrositi, dovresti navigare alle diverse pagine dei micrositi per vedere gli stati.

Questo elimina la necessità di completare manualmente le azioni per vedere come apparirà un componente. Ora puoi modificare con sicurezza il testo e il design per ogni fase del percorso dell'utente, inclusi:

• Visualizzazioni con accesso effettuato vs. senza accesso

• Messaggi di errore e di successo

• Diverse fasi in un flusso in più parti (come la verifica del pagamento in contanti)

Per personalizzare lo stile del tuo branding:

1. Nel menu di navigazione a sinistra, seleziona [Engage] → Contenuto.

   • Per i widget, seleziona Modifica widget e per i micrositi, seleziona Modifica contenuto.

2. Nel menu a sinistra, seleziona se vuoi modificare il Microsito o il Widget.

3. Seleziona il modello di pagina su cui vuoi apportare modifiche, quindi seleziona Stile del widget/Stile del microsito.

4. Seleziona il colore del tuo brand per modificare il colore principale presente nel tuo widget o microsito.

5. Successivamente, seleziona lo stile del carattere che desideri utilizzare.

6. [Facoltativo] Continua con le restanti opzioni di stile per personalizzare completamente l'identità del tuo brand all'interno del widget o microsito.

   

Riferimento agli elementi dell'editor di stile

Elemento di stile	Descrizione
Colore principale del brand	Questo colore verrà utilizzato in diversi elementi del tuo widget o microsito, quindi è importante completare questo passaggio. Seleziona il colore principale del tuo brand. Questo colore viene utilizzato anche nelle sezioni Pulsante primario e Pulsante secondario più avanti nelle opzioni di modifica.
Carattere	Seleziona lo stile del carattere che desideri presente nel tuo widget o microsito.
Colore	Seleziona i vari colori e accenti che desideri siano presenti nel tuo widget o microsito: • Sfondo Seleziona il colore che desideri per lo sfondo del tuo widget o microsito. • Testo Puoi modificare il colore del carattere sia del testo principale sia del testo attenuato all'interno del widget o microsito. • Colore di accento Cambia i colori dei tuoi accenti. Questi includono elementi come schede o icone all'interno del widget o microsito. • Colori aggiuntivi Puoi regolare ulteriormente i colori e gli accenti per ciascun elemento in base al tipo di widget o microsito.
Pulsante primario	Seleziona la combinazione di colori che desideri per il tuo pulsante primario o principale. Puoi anche modificare il valore in pixel per il raggio del bordo attorno al pulsante. Espandi la Stato al passaggio del mouse sezione per selezionare o modificare ulteriormente il colore in cui il pulsante cambia quando l'utente passa il mouse sopra il pulsante o interagisce con esso.
Pulsante secondario	Seleziona la combinazione di colori che desideri per il tuo pulsante secondario. Puoi anche modificare il valore in pixel per il raggio del bordo attorno al pulsante. Espandi la Stato al passaggio del mouse sezione per selezionare o modificare ulteriormente il colore in cui il pulsante cambia quando l'utente passa il mouse sopra il pulsante o interagisce con esso.
Bordo	Cambia il colore e il contorno del bordo dei tuoi componenti, come tabelle o schede, all'interno del widget o microsito. • Colore Seleziona il colore del tuo bordo. • Spessore Inserisci un valore in pixel per determinare lo spessore del tuo bordo. • Raggio del bordo Inserisci un valore in pixel per determinare il raggio del tuo bordo.
Campi del modulo	Seleziona il colore che desideri per i vari campi del modulo all'interno del tuo widget o microsito. Questi includono tutti i campi di input compilati dall'utente. Puoi anche inserire un valore in pixel per modificare la dimensione del raggio del bordo. Espandi la Opzioni avanzate sezione per personalizzare ulteriormente i colori dello stato selezionato o dello stato al passaggio del mouse dei campi del modulo.
Dimensione del widget	Cambia la dimensione dei tuoi widget all'interno del modello. Puoi regolare le dimensioni sia per i widget incorporati sia per quelli popup. Seleziona una dimensione minima e massima e, dalle opzioni a discesa, seleziona l'unità di misura. Scegli se impostare le misure in pixel o in percentuale.