Personalizza i Widget del Programma

Accedi all'editor dei widget

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

2. Sulla scheda Widget , seleziona Modifica widget.

3. Dal menu a comparsa a sinistra, seleziona il nome del widget che vuoi modificare.

   

Personalizza i tuoi widget

1

Passo 1: Scegli un modello

1. Dal menu a comparsa a sinistra, sotto Widget corrente, seleziona Modelli.

2. Seleziona Applica modello accanto al modello da cui vuoi iniziare.

   

Nota: Se vuoi visualizzare in anteprima l'aspetto del modello senza applicare la modifica, seleziona [Anteprima] prima di salvare. Seleziona il pulsante Salva solo quando sei pronto ad applicare le modifiche effettuate.

2

Passo 2: Regola il contenuto del widget

Puoi aggiungere, modificare, spostare o rimuovere componenti per modificare il contenuto che i tuoi sostenitori/clienti vedono nel widget.

Nota: Per una spiegazione dei diversi elementi dell'editor dei widget, fai riferimento a Panoramica dell'editor dei widget.

Aggiungi

1. Sul lato destro della pagina, nel menu Componenti scheda Aggiungi , seleziona un gruppo di componenti.

   • Per saperne di più sui componenti disponibili e su come sono raggruppati.

2. Seleziona il componente appropriato.

3. Seleziona il pulsante blu Aggiungi a dove vuoi che il componente appaia sulla tela.

   

Modifica

Sposta

Rimuovi

3

Passo 3: Personalizza aspetto e tema del widget

Aggiungi immagini o loghi

1. A destra, dal menu Componenti scheda Aggiungi tab, seleziona il Componenti comuni categoria.

2. Seleziona uno dei seguenti:

   • Immagine eroe con sovrapposizione (un'immagine con testo modificabile sovrapposto)

   • Immagine (un'immagine semplice senza testo sopra)

3. Aggiungi l'immagine alla tela.

4. Dal Menu componenti Modifica tab, seleziona il Scegli file pulsante sotto il Immagine intestazione.

   

Sostituisci immagini o loghi

1. All'interno della tela, seleziona la foto che vuoi cambiare.

2. Nel Modifica menu, seleziona [Rimuovi] e poi seleziona Scegli file per ricaricare una nuova immagine.

   
3. Carica l'immagine usando uno di questi metodi:

   • Trascina e rilascia l'immagine

   • Cerca un file sul tuo computer

   • Nel Indirizzo Web tab, incolla l'URL pubblico del file

4. Seleziona Fatto.

Regola quali pulsanti di condivisione vengono mostrati

Puoi modificare i pulsanti di condivisione esistenti usando il Modifica menu.

1. Seleziona il pulsante di condivisione che vuoi modificare nella tela.

2. Nel Modifica tab, seleziona il nome del sito o del servizio sotto il Mezzo di condivisione intestazione.

   

Aggiungi un nuovo pulsante di condivisione usando il Aggiungi menu.

1. Dal Aggiungi tab, seleziona Condivisione.

   
2. Seleziona la scheda appropriata.

3. Seleziona il pulsante blu Aggiungi a pulsante per posizionare il componente sulla tela.

4

Passo 4: Anteprima e salva

1. Anteprima di come il widget apparirà ai tuoi partecipanti selezionando [Anteprima] dalla barra del menu in alto.

   • Puoi passare da un'anteprima dell'esperienza per [Desktop], [Tablet], o [Mobile] utenti selezionando l'icona del dispositivo corrispondente.

2. Per tornare all'interfaccia di modifica, seleziona [Modifica] dalla barra del menu in alto.

   
3. Salva le tue modifiche.

   Avviso: L'editor del widget non salva automaticamente le modifiche. Clicca Salva spesso per assicurarti di non perdere il tuo lavoro.

Quando selezioni Salva, le modifiche saranno aggiunte al tuo bozza del programma.

Opzioni avanzate di personalizzazione

I componenti avanzati ti permettono di includere contenuti condizionali basati su email, segmento, o campo personalizzato. Ad esempio, se vuoi mostrare una classifica solo ai partecipanti che sono abbonati di livello gold, il sezione condizionale su segmento componente ti permetterà di farlo.

Puoi aggiungere componenti avanzati dalla Aggiungi scheda. Configurarli richiede un po' di lavoro in più poiché dovrai inserire un espressione JSONata nel Campo condizione che definisce la logica per quando la condizione è soddisfatta. Contatta il nostro team di supporto se hai bisogno di aiuto.

Per saperne di più

• Modifica l'HTML del tuo widget o microsito per Advocate

• Installa pacchetti NPM personalizzati per Advocate