# AX - Bar Code

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

![](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 sorgente come valore.

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

Il componente Barcode visualizza più di 150 diversi tipi di codici a barre. Seleziona quello di cui hai bisogno.

<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 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 %}              |                                                                          |                                                                                                                                                |


---

# Agent Instructions: 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:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-it/experience-components/ax-bar-code.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
