> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/component-libraries-explained.md).
# Spiegazione delle librerie dei componenti
I componenti sono i singoli blocchi costitutivi, come le immagini hero e le 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 realizzati con i componenti Mint offrono agli advocate clienti le più recenti esperienze Advocate. La maggior parte dei template attuali utilizza i componenti Mint. Se non sei sicuro di utilizzare la libreria di componenti attuale, puoi verificare manualmente per assicurarti di farlo 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] → Contenuti**.
2. Seleziona **Modifica widget** sul *widget* scheda.
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** sul *Componenti Mint* scheda.
Per passare ai componenti Mint per il tuo **microsito**:
1. Dal menu di navigazione a sinistra, seleziona  **\[Engage] → Contenuto.**
2. Seleziona il filtro **Modifica impostazioni** pulsante sulla *microsito* scheda.
3. Sotto la *Hosting del sito* intestazione, vai alla *Pacchetti* sezione.
4. Seleziona  **Aggiungi pacchetto**.
5. Seleziona **Aggiungi** sul *Componenti Mint* scheda.
6. Seleziona **Salva**.
componenti Bedrock
Tutti i template alimentati dai componenti Mint hanno anche installato il pacchetto di componenti Bedrock. I componenti Bedrock non possono essere visti dai partecipanti, ma offrono la possibilità di aggiungere logica avanzata al tuo design. Possono mostrare in modo condizionale 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 ti 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* casella 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* il componente ti consente di sovrascrivere l'ID 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 template di widget e micrositi.
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 template e usati insieme ai componenti forniti da Advocate.
I widget Advocate utilizzano HTML standard e [componenti web](https://www.webcomponents.org/) . Per utilizzare i tuoi componenti nel nostro editor widget, devono essere scritti come componenti web.
Per iniziare a creare il tuo widget con componenti personalizzati, installa il tuo pacchetto personalizzato:
1. Dal menu di navigazione a sinistra, seleziona  **\[Engage] → Contenuti**.
2. Seleziona **Modifica widget** sulla scheda 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## 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, and the optional `goal` query parameter:
```
GET https://help.impact.com/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/component-libraries-explained.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
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.