# Spiegazione delle librerie di componenti
I componenti sono gli elementi costitutivi individuali, come immagini hero e schede attività, che compongono il tuo widget o microsito. Tutti i nostri template attuali sono alimentati dalle nostre librerie di componenti Mint e Bedrock.
Componenti Mint
I widget e i micrositi creati con i componenti Mint forniscono agli advocate dei clienti le esperienze Advocate più recenti. La maggior parte dei template attuali utilizza i componenti Mint. Se non sei sicuro di utilizzare la libreria di componenti attuale, puoi verificarlo manualmente e aggiornare la tua libreria, se necessario.
Per passare ai componenti Mint per il tuo **widget del programma**:
1. Dal menu di navigazione a sinistra, seleziona  **\[Engage] → Content**.
2. Seleziona **Modifica widget** nella *scheda* widget.
3. Seleziona il nome del widget che desideri modificare.
4. Nel menu della barra laterale sinistra, seleziona **Pacchetti**.
5. Seleziona  **Aggiungi pacchetto**.
6. Seleziona **Aggiungi** nella *Componenti Mint* widget.
Per passare ai componenti Mint per il tuo **microsito**:
1. Dal menu di navigazione a sinistra, seleziona  **\[Engage] → Content.**
2. Seleziona il **Modifica impostazioni** pulsante sulla *microsito* widget.
3. Sotto la *Hosting del sito* intestazione, vai alla *Pacchetti* sezione.
4. Seleziona  **Aggiungi pacchetto**.
5. Seleziona **Aggiungi** nella *Componenti Mint* widget.
6. Seleziona **Salva**.
Componenti Bedrock
Tutti i template alimentati dai componenti Mint hanno anche il pacchetto di componenti Bedrock installato. I componenti Bedrock non sono visibili ai partecipanti, ma offrono la possibilità di aggiungere logica avanzata al tuo design. Possono mostrare condizionalmente altri componenti e definire da quale programma un componente recupera i dati. Puoi trovare il pacchetto di componenti Bedrock nella *Componenti avanzati* sezione all'interno della *Aggiungi* scheda nell'Editor del Widget o del Microsito.
Nel pacchetto di componenti Bedrock ci sono due componenti:
**Sezione condizionale**
Il *componente sezione condizionale* consente di includere contenuti condizionali in base all'email, al paese, al segmento o al campo personalizzato di un partecipante. Inserisci un'espressione JSONata nella casella *Condizione* per impostare le condizioni di visualizzazione. Quindi, sposta all'interno della sezione condizionale tutti i contenuti che desideri mostrare a un gruppo specifico di partecipanti.
**Sezione programma**
Il *sezione programma* componente consente di sostituire l'ID del programma dei suoi componenti figli. Usalo per visualizzare contenuti non collegati a un programma specifico. Il *Sezione programma* componente è incluso per impostazione predefinita nella maggior parte dei template di widget e microsito.
Librerie di componenti personalizzate
Puoi creare e utilizzare i tuoi pacchetti di componenti per personalizzare ulteriormente la tua esperienza Advocate. Questi componenti possono essere aggiunti a qualsiasi template e usati insieme ai componenti forniti da Advocate.
I widget Advocate utilizzano HTML standard e [web component](https://www.webcomponents.org/) . Per utilizzare i tuoi componenti nel nostro editor di widget, devono essere scritti come web component.
Per iniziare a creare il tuo widget con componenti personalizzati, installa il tuo pacchetto personalizzato:
1. Dal menu di navigazione a sinistra, seleziona  **\[Engage] → Content**.
2. Seleziona **Modifica widget** sulla scheda widget.
3. Seleziona il nome del widget che desideri modificare.
4. Nel menu della barra laterale sinistra, seleziona **Pacchetti**.
5. Seleziona  **Aggiungi pacchetto**.
6. Seleziona  **Aggiungi da NPM**.
7. Inserisci il *nome del pacchetto*, *versione* e *percorso del file*.
8. Seleziona **Aggiungi**.