# Spiegazione delle librerie di componenti
I componenti sono i singoli elementi costitutivi, come le immagini hero e le card attività, che compongono il tuo widget o microsito. Tutti i nostri modelli attuali sono basati sulle nostre librerie di componenti Mint e Bedrock.
Componenti Mint
I widget e i micrositi creati con i componenti Mint offrono agli advocate le esperienze Advocate più recenti. La maggior parte dei modelli attuali utilizza i componenti Mint. Se non sei sicuro di utilizzare la libreria di componenti attuale, puoi verificarlo manualmente per assicurarti e aggiornare la tua libreria, se necessario.
Per eseguire l'upgrade ai componenti Mint per il tuo **widget del programma**:
1. Dal menu di navigazione a sinistra, seleziona  **\[Engage] → Contenuto**.
2. Seleziona **Modifica widget** nella schermata *widget* card.
3. Seleziona il nome del widget che vuoi modificare.
4. Nel menu della barra laterale sinistra, seleziona **Pacchetti**.
5. Seleziona  **Aggiungi pacchetto**.
6. Seleziona **Aggiungi** nella schermata *Componenti Mint* card.
Per eseguire l'upgrade ai componenti Mint per il tuo **microsito**:
1. Dal menu di navigazione a sinistra, seleziona  **\[Engage] → Contenuti.**
2. Seleziona il **Modifica impostazioni** pulsante nella *microsito* card.
3. Sotto il *Hosting del sito* intestazione, vai alla *Pacchetti* sezione.
4. Seleziona  **Aggiungi pacchetto**.
5. Seleziona **Aggiungi** nella schermata *Componenti Mint* card.
6. Seleziona **Salva**.
Componenti Bedrock
Tutti i modelli basati sui componenti Mint hanno anche installato il pacchetto di componenti Bedrock. I componenti Bedrock non sono visibili ai partecipanti, ma offrono la possibilità di aggiungere logiche avanzate 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 widget o microsito.
Ci sono due componenti nel pacchetto di componenti Bedrock:
**Sezione condizionale**
Il *sezione condizionale* il componente 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 *Condizione* casella per impostare le condizioni di visualizzazione. Quindi, sposta all'interno della sezione condizionale qualsiasi contenuto che desideri mostrare a un gruppo specifico di partecipanti.
**Sezione programma**
Il *sezione programma* il componente consente di sovrascrivere l'ID del programma dei suoi componenti figlio. Usalo per visualizzare contenuti non collegati a un programma specifico. Il *Sezione programma* componente è incluso per impostazione predefinita nella maggior parte dei modelli di widget e microsito.
Librerie di componenti personalizzate
Puoi creare e usare i tuoi pacchetti di componenti per personalizzare ulteriormente la tua esperienza Advocate. Questi componenti possono essere aggiunti a qualsiasi modello e utilizzati 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] → Contenuto**.
2. Seleziona **Modifica widget** nella card dei widget.
3. Seleziona il nome del widget che vuoi modificare.
4. Nel menu della barra laterale sinistra, seleziona **Pacchetti**.
5. Seleziona  **Aggiungi pacchetto**.
6. Seleziona  **Aggiungi da NPM**.
7. Inserisci il pacchetto *nome*, *versione* e *percorso del file*.
8. Seleziona **Aggiungi**.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://help.impact.com/brand/it/che-cosa-vorresti-imparare/advocate-program/manage-advocate-participant-experiences/component-libraries-explained.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.