Personalizza Widget e Microsite con il Content Editor

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

Controlli di branding centralizzati

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

I widget o i micrositi appaiono diversi a seconda del contesto dell'utente, ad esempio se ha effettuato l'accesso, se si verifica un errore o se visualizza su un dispositivo mobile. Le anteprime del nostro editor ti permettono 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 istantaneo) e ai componenti (ad es. contanti, scambio di ricompense). Per visualizzare in anteprima i micrositi, è necessario navigare nelle diverse pagine dei micrositi per vedere gli stati.

Questo elimina la necessità di completare manualmente 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. non effettuato

• Messaggi di errore e di successo

• Diverse fasi in un flusso multi-step (come la verifica del pagamento in contanti)

Per personalizzare lo stile del tuo brand:

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

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

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

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

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

5. Successivamente, seleziona lo stile di font che desideri utilizzare.

6. [Opzionale] Procedi attraverso le restanti opzioni di stile per personalizzare completamente l'identità del tuo brand all'interno del widget o del 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ù in basso nelle opzioni di modifica.
Font	Seleziona lo stile di font che desideri avere all'interno del tuo widget o microsito.
Colore	Seleziona i vari colori e accenti che desideri avere all'interno del tuo widget o microsito: • Sfondo Seleziona il colore che desideri per lo sfondo del tuo widget o microsito. • Testo Puoi cambiare il colore del font sia per il testo principale sia per il testo attenuato all'interno del widget o microsito. • Colore accento Cambia i colori dei tuoi accenti. Questi includono elementi come schede o icone all'interno del widget o microsito. • Colori aggiuntivi Puoi ulteriormente regolare colore e accenti per ogni elemento in base al tipo di widget o microsito.
Pulsante primario	Seleziona lo schema di colore che desideri per il tuo pulsante primario o principale. Puoi anche regolare il valore in pixel del raggio del bordo attorno al pulsante. Espandi il Stato hover sezione per selezionare o modificare ulteriormente il colore in cui il pulsante cambia quando un utente ci passa sopra o interagisce con esso.
Pulsante secondario	Seleziona lo schema di colore che desideri per il tuo pulsante secondario. Puoi anche regolare il valore in pixel del raggio del bordo attorno al pulsante. Espandi il Stato hover sezione per selezionare o modificare ulteriormente il colore in cui il pulsante cambia quando un utente ci passa sopra 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'unità in pixel per determinare lo spessore del tuo bordo. • Raggio del bordo Inserisci un'unità 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 eventuali campi di input che l'utente compila. Puoi anche inserire un'unità in pixel per modificare la dimensione del raggio del bordo. Espandi il Opzioni avanzate sezione per personalizzare ulteriormente i colori dello stato selezionato o dello stato hover dei tuoi campi del modulo.
Dimensione del widget	Modifica la dimensione dei tuoi widget all'interno del modello. Puoi regolare le dimensioni sia per i widget embedded che per i popup. Seleziona una dimensione minima e massima e, dalle opzioni a discesa, seleziona l'unità di misura. Scegli di impostare le misure in pixel o in percentuale.