# AX - Codice a barre
## Panoramica
**AX - Codice a barre** è un componente di Experience Cloud che genera codici scansionabili—inclusi codici QR, codici a barre standard e altri formati—nelle pagine dei siti Experience in base ai valori dei campi Salesforce.
Usalo per visualizzare codici per numeri di prodotto, ID ordine, informazioni di tracciamento, biglietti per eventi o qualsiasi dato che gli utenti del portale debbano scansionare con dispositivi mobili. Configura il tipo di codice a barre, le dimensioni e lo stile in Experience Builder per adattarli al branding del tuo portale.
Perfetto per i portali clienti che mostrano codici a barre degli ordini, le pagine di registrazione agli eventi con codici QR dei biglietti, i portali partner con tracciamento dei prodotti o i siti self-service in cui gli utenti necessitano di codici di accesso scansionabili.
***
## Configurazione del codice a barre
### Personalizzazione del valore del codice a barre
Il valore del codice a barre può essere impostato in due modi. Innanzitutto, puoi inserire manualmente il valore desiderato per il codice a barre. In alternativa, il valore può essere preso da una delle tue raccolte esistenti. Per usare un valore da una raccolta, passa all'opzione di input '[Mappato](https://docs.avonniflowcomponents.com/getting-started/learn-the-basics#what-are-mapped-values)' e seleziona la raccolta appropriata come origine.
Passa al campo di input Mappato per selezionare una raccolta sorgente come valore.
### Scelta del tipo di codice a barre
Il componente Barcode visualizza più di 150 diversi tipi di codici a barre. Seleziona quello di cui hai bisogno.
Principali tipi di codice a barre supportati
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
## Specifiche
{% tabs %}
{% tab title="🎛️ Proprietà" %}
| Nome | Descrizione | Utilizzo |
| ---------------------- | ------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------- |
| **Tipo** | Seleziona il tipo di codice a barre da generare. | Scegli la simbologia del codice a barre appropriata in base al caso d'uso o allo standard di settore. |
| **Valore** | I dati da codificare nel codice a barre. | Inserisci il valore che deve essere trasformato in formato codice a barre. |
| **Cifra di controllo** | Un'opzione booleana per abilitare o disabilitare il calcolo di una cifra di controllo. | Attivala per includere una cifra di controllo nel codice a barre, fornendo un ulteriore livello di integrità dei dati. |
| **Larghezza** | Definisci la larghezza del codice a barre. | Regola la larghezza in base alle considerazioni di design della tua pagina web o ai vincoli fisici del supporto stampato. |
| **Altezza** | Definisci l'altezza del codice a barre. | Personalizza l'altezza per garantire che il codice a barre si adatti bene allo spazio assegnato e sia facilmente scansionabile. |
| **Nascondi valore** | Un'opzione booleana per mostrare o nascondere il valore codificato sotto il codice a barre. | Attivala per nascondere il valore numerico o alfanumerico rappresentato dal codice a barre, offrendo una presentazione visiva più pulita. |
| {% endtab %} | | |
{% tab title="🎨 Aspetto" %}
| Nome | Descrizione | Utilizzo |
| -------------------------- | ------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------- |
| **Colore di sfondo** | Imposta il colore di sfondo del componente del codice a barre. | Scegli un colore che garantisca un buon contrasto con le linee e i numeri del codice a barre, assicurando leggibilità e facilità di scansione. |
| **Colore** | Imposta il colore delle linee e del testo del codice a barre. | Seleziona un colore che risalti sullo sfondo, ottimizzando la visibilità. |
| **Allineamento del testo** | Definisci l'allineamento del testo visualizzato sotto il codice a barre. | Regola l'allineamento del testo per armonizzarlo con il design complessivo e il layout della pagina web o del materiale stampato. |
| **Colore del testo** | Imposta il colore del testo visualizzato sotto il codice a barre. | Scegli un colore che sia facilmente leggibile rispetto al colore di sfondo, garantendo che il valore codificato sia visivamente accessibile. |
| {% endtab %} | | |
| {% endtabs %} | | |