> 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-fr/experience-components/ax-bar-code.md).
# AX - Code-barres
## Aperçu
**AX - Code-barres** est un composant Experience Cloud qui génère des codes scannables — y compris des codes QR, des codes-barres standard et d'autres formats — sur les pages Experience Sites à partir des valeurs des champs Salesforce.
Utilisez-le pour afficher des codes pour les numéros de produit, les identifiants de commande, les informations de suivi, les billets d'événement ou toute donnée que les utilisateurs du portail doivent scanner avec des appareils mobiles. Configurez le type, la taille et le style du code-barres dans Experience Builder pour correspondre à l'image de marque de votre portail.
Idéal pour les portails clients affichant des codes-barres de commande, les pages d'inscription à des événements avec des codes QR de billets, les portails partenaires avec suivi des produits, ou les sites en libre-service où les utilisateurs ont besoin de codes d'accès scannables.
## Configuration
### Personnalisation de la valeur du code-barres
La valeur du code-barres peut être définie de deux manières. Tout d'abord, vous pouvez saisir manuellement la valeur souhaitée pour le code-barres. Sinon, la valeur peut provenir de l'une de vos collections existantes. Pour utiliser une valeur d'une collection, passez à l'option de saisie '[Mappé](https://docs.avonniflowcomponents.com/getting-started/learn-the-basics#what-are-mapped-values)' et sélectionnez la collection appropriée comme source.
Passez au champ de saisie Mappé pour sélectionner une collection source comme valeur.
### Choix du type de code-barres
Le composant Code-barres affiche plus de 150 types de codes-barres différents. Sélectionnez celui dont vous avez besoin.
Principaux types de codes-barres pris en charge
* **Codes 2D :** Code QR, Data Matrix, PDF417, Aztec Code, MaxiCode, DotCode
* **Commerce de détail / produit (1D) :** EAN-13, EAN-8, UPC-A, UPC-E, GS1-128
* **Logistique / expédition :** ITF-14, Code 128, Interleaved 2 of 5, GS1 DataBar
* **Usage général (1D) :** Code 39, Code 93, Codabar, MSI, Plessey, Telepen
* **Postal :** USPS Intelligent Mail (OneCode), POSTNET, PLANET, Royal Mail, Australia Post, Japan Post
* **Pharmaceutique :** Pharmacode, PZN, HIBC
La liste complète des plus de 150 symbologies prises en charge est disponible dans la **Type** propriété.
### Propriétés
**Type** sélectionne la symbologie de code-barres à générer — choisissez le type approprié en fonction de votre cas d'utilisation ou de la norme du secteur.
**Valeur** correspond aux données à encoder dans le code-barres.
**Somme de contrôle** active ou désactive le calcul d'un chiffre de somme de contrôle, ajoutant un niveau d'intégrité des données lorsque le type de code-barres le prend en charge.
**Largeur** et **Hauteur** définissent les dimensions du code-barres afin qu'il s'intègre correctement dans l'espace alloué et reste facilement scannable.
**Masquer la valeur** affiche ou masque la valeur encodée sous le code-barres, offrant une présentation visuelle plus épurée.
**Texte alternatif** fournit un texte accessible décrivant le code-barres.
## Style
{% tabs %}
{% tab title="Apparence" %}
| Nom | Description | Utilisation |
| -------------------------- | ----------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Couleur d'arrière-plan** | Définissez la couleur d'arrière-plan du composant de code-barres. | Choisissez une couleur qui assure un bon contraste avec les lignes et les chiffres du code-barres, garantissant la lisibilité et la possibilité de le scanner. |
| **Couleur** | Définissez la couleur des lignes et du texte du code-barres. | Sélectionnez une couleur qui se détache sur l'arrière-plan, afin d'optimiser la visibilité. |
| **Alignement du texte** | Définissez l'alignement du texte affiché sous le code-barres. | Ajustez l'alignement du texte pour l'harmoniser avec la conception et la mise en page globales de la page Web ou du document imprimé. |
| **Couleur du texte** | Définissez la couleur du texte affiché sous le code-barres. | Choisissez une couleur facilement lisible sur la couleur d'arrière-plan, afin de garantir que la valeur encodée soit visuellement accessible. |
| {% 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-fr/experience-components/ax-bar-code.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.