> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-it/experience-components/ax-bar-code.md).

# 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 Sites 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 hanno bisogno di codici di accesso scansionabili.

***

## Configurazione del codice a barre

### Personalizzazione del valore del codice a barre <a href="#customizing-the-barcode-value" id="customizing-the-barcode-value"></a>

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 recuperato 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.

![](https://docs.avonniflowcomponents.com/~gitbook/image?url=https:%2F%2F27923732-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F1FUd4apB9YHgCEMUFbVb%252Fuploads%252FNtPc8kKJjE5Zjgb2vPDb%252F2022-11-29_10-58-14.png%3Falt=media%26token=1882446b-d6c9-432f-a648-61dbfd839c45\&width=768\&dpr=4\&quality=100\&sign=69e627c744a074a265f6977004fae447ff1c0cb987dbdaa6a062336d44834319)Passa al campo di input Mappato per selezionare una raccolta di origine come valore.

### Scelta del tipo di codice a barre <a href="#choosing-the-barcode-type" id="choosing-the-barcode-type"></a>

Il componente Barcode rende disponibili più di 150 tipi diversi di codici a barre. Seleziona quello che ti serve.

<details>

<summary>Principali tipi di codice a barre supportati</summary>

* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *
* *
  *

</details>

## 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 tradotto in forma di 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 assicurarti 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 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 rispetto allo 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 facilmente leggibile rispetto al colore di sfondo, assicurando che il valore codificato sia visivamente accessibile.          |
| {% endtab %}               |                                                                          |                                                                                                                                                |
| {% endtabs %}              |                                                                          |                                                                                                                                                |


---

# 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://docs.avonnicomponents.com/experience-cloud/experience-cloud-it/experience-components/ax-bar-code.md?ask=<question>&goal=<endgoal>
```

`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.
