> 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 di costruzione, 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 creati con i componenti Mint offrono ai customer advocate le più recenti esperienze Advocate. La maggior parte dei template attuali utilizza 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 passare ai componenti Mint per il tuo **widget del programma**:
1. Dal menu di navigazione a sinistra, seleziona  **\[Engage] → Contenuto**.
2. Seleziona **Modifica widget** nella *widget* scheda.
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* 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 sulla *microsito* scheda.
3. Nella *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 template alimentati dai 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 preleva i dati. Puoi trovare il pacchetto di componenti Bedrock nella *Componenti avanzati* sezione all'interno della *Aggiungi* scheda nell'Editor di 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 *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 ti consente di sovrascrivere l'ID del programma dei suoi componenti figlio. Usalo per mostrare 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 utilizzare i tuoi pacchetti di componenti per personalizzare ulteriormente la tua esperienza Advocate. Questi componenti possono essere aggiunti a qualsiasi template e utilizzati insieme ai componenti forniti da Advocate.
I widget di Advocate utilizzano HTML standard e [componenti web](https://www.webcomponents.org/) . Per utilizzare i tuoi componenti nel nostro editor di 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] → Contenuto**.
2. Seleziona **Modifica widget** nella scheda dei 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 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.