> 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 di componenti
I componenti sono i singoli elementi costitutivi, come immagini hero e card delle 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 realizzati con i componenti Mint offrono agli advocate dei clienti le più recenti esperienze di Advocate. La maggior parte dei modelli 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] → Contenuti**.
2. Seleziona **Modifica widget** nella *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** nella *Componenti Mint* scheda.
Per passare 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* scheda.
3. Sotto il *Hosting del sito* intestazione, vai alla *Pacchetti* sezione.
4. Seleziona  **Aggiungi pacchetto**.
5. Seleziona **Aggiungi** nella *Componenti Mint* scheda.
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 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 di widget o micrositi.
Nel pacchetto di componenti Bedrock ci sono due componenti:
**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 nel *Condizione* campo per impostare le condizioni di visualizzazione. Quindi, sposta all'interno della sezione condizionale qualsiasi contenuto che vuoi visualizzare a uno specifico gruppo di partecipanti.
**Sezione programma**
Il *sezione programma* Il componente 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 modelli di widget e micrositi.
Librerie di componenti personalizzati
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 usati insieme ai componenti forniti da Advocate.
I widget di Advocate utilizzano HTML standard e [web component](https://www.webcomponents.org/) . Per usare 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] → Contenuti**.
2. Seleziona **Modifica widget** nella scheda 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 by asking a question.
Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:
```
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 what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.
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.