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 i widget.
3. Dal menu laterale a comparsa, seleziona il nome del widget che vuoi modificare.

   

Personalizza i tuoi widget

1

Passaggio 1: scegli un modello

1. Dal menu laterale a comparsa, sotto Widget attuale, seleziona Modelli.
2. Seleziona Applica modello accanto al modello da cui vuoi iniziare.

   

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

2

Passaggio 2: modifica 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 del widget, fai riferimento a Panoramica dell'editor del widget.

Aggiungi

1. Sul lato destro della pagina, nel Componente del menu, Aggiungi scheda, 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 Componente del menu, Aggiungi scheda, seleziona la Componenti comuni categoria.
2. Seleziona una delle seguenti opzioni:

   • Immagine hero sovrapposta (un'immagine con testo sovrapposto e modificabile)
   • Immagine (un'immagine semplice senza testo sovrapposto)
3. Aggiungi l'immagine alla tela.
4. Dal menu Componenti, Modifica scheda, seleziona la Scegli file pulsante sotto l' Immagine intestazione.

   

Sostituisci immagini o loghi

1. Nella tela, seleziona la foto che vuoi modificare.
2. Nel Modifica menu, seleziona [Rimuovi] e poi seleziona Scegli file per caricare di nuovo una nuova immagine.

   
3. Carica l'immagine utilizzando 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 Modifica menu.

1. Seleziona il pulsante di condivisione che vuoi modificare sulla 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 utilizzando la Aggiungi menu.

1. Dal Aggiungi scheda, 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 da un'anteprima dell'esperienza per [Desktop], [Tablet], oppure [Mobile] gli 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 del 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 al tuo bozza del programma.

Opzioni avanzate di personalizzazione

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

Puoi aggiungere componenti avanzati dalla Aggiungi scheda. La loro configurazione richiede un po' di lavoro extra, poiché dovrai inserire un' espressione JSONata nel Condizione casella che definisce la logica per cui la condizione viene 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