Personalizza i widget del programma

Accedi all'editor dei widget

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

2. Nella Widget scheda, seleziona Modifica widget.

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

   

Personalizza i tuoi widget

1

Passaggio 1: scegli un modello

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

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

   

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

2

Passaggio 2: regola il contenuto del widget

Puoi aggiungere, modificare, spostare o rimuovere componenti per modificare il contenuto che i tuoi customer advocate 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, nella scheda del menu Componente del menu, Aggiungi seleziona un gruppo di componenti.

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

2. Seleziona il componente appropriato.

3. Seleziona il pulsante blu Aggiungi a nel punto in cui vuoi che il componente appaia sulla tela.

   

Modifica

Sposta

Rimuovi

3

Passaggio 3: personalizza l'aspetto e il tema del widget

Aggiungi immagini o loghi

1. A destra, dalla scheda Componente del menu, Aggiungi seleziona la categoria Componenti comuni .

2. Seleziona uno dei seguenti:

   • Immagine principale sovrapposta (un'immagine con testo sovrapposto modificabile)

   • Immagine (un'immagine semplice senza testo sopra)

3. Aggiungi l'immagine alla tela.

4. Dalla scheda del menu dei componenti Modifica seleziona la categoria Scegli file pulsante sotto l' Immagine intestazione.

   

Sostituisci immagini o loghi

1. Nella 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 scheda, 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 menu Modifica .

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

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

   

Aggiungi un nuovo pulsante di condivisione usando la scheda Aggiungi .

1. Dalla Aggiungi seleziona Condivisione.

   
2. Seleziona la scheda appropriata.

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

4

Passaggio 4: anteprima e salvataggio

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

   • Puoi passare tra un'anteprima dell'esperienza per [Desktop], [Tablet], o [Mobile] utenti selezionando la rispettiva icona del dispositivo.

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

   
3. Salva le tue modifiche.

   Avviso: L'editor dei widget non salva automaticamente le modifiche. Fai clic su Salva frequentemente per assicurarti di non perdere il tuo lavoro.

Quando selezioni Salva, le modifiche verranno aggiunte alla tua bozza del programma.

Opzioni di personalizzazione avanzata

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

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

Scopri di più

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

• Installa pacchetti NPM personalizzati per Advocate