# AX - Code-barres
## Vue d’ensemble
**AX - Code-barres** est un composant Experience Cloud qui génère des codes scannables — notamment des QR codes, des codes-barres standard et d’autres formats — sur les pages des sites Experience à 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 de code-barres, la taille et le style dans Experience Builder pour correspondre à l’identité visuelle de votre portail.
Idéal pour les portails clients affichant des codes-barres de commande, les pages d’inscription à des événements avec des QR codes pour les 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 du code-barres
### Personnalisation de la valeur du code-barres
La valeur du code-barres peut être définie de deux façons. Tout d’abord, vous pouvez saisir manuellement la valeur souhaitée pour le code-barres. Sinon, la valeur peut être récupérée à partir de l’une de vos collections existantes. Pour utiliser une valeur provenant d’une collection, passez à l’option d’entrée '[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 Barcode affiche plus de 150 types différents de codes-barres. Sélectionnez celui dont vous avez besoin.
Principaux types de code-barres pris en charge
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
## Spécifications
{% tabs %}
{% tab title="🎛️ Propriétés" %}
| Name | Description | Utilisation |
| --------------------- | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Type** | Sélectionnez le type de code-barres à générer. | Choisissez la symbologie de code-barres appropriée en fonction du cas d’utilisation ou de la norme du secteur. |
| **Valeur** | Les données à encoder dans le code-barres. | Saisissez la valeur qui doit être traduite sous forme de code-barres. |
| **Somme de contrôle** | Une option booléenne permettant d’activer ou de désactiver le calcul d’un chiffre de contrôle. | Activez cette option pour inclure un chiffre de contrôle dans le code-barres, offrant ainsi un niveau supplémentaire d’intégrité des données. |
| **Largeur** | Définissez la largeur du code-barres. | Ajustez la largeur en fonction des considérations de conception de votre page Web ou des contraintes physiques du support imprimé. |
| **Hauteur** | Définissez la hauteur du code-barres. | Personnalisez la hauteur pour garantir que le code-barres s’intègre bien dans l’espace alloué et qu’il soit facilement lisible par un scanner. |
| **Masquer la valeur** | Une option booléenne permettant d’afficher ou de masquer la valeur encodée sous le code-barres. | Activez cette option pour masquer la valeur numérique ou alphanumérique représentée par le code-barres, offrant ainsi une présentation visuelle plus épurée. |
| {% endtab %} | | |
{% tab title="🎨 Apparence" %}
| Name | Description | Utilisation |
| -------------------------- | ----------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Couleur d’arrière-plan** | Définissez la couleur d’arrière-plan du composant de code-barres. | Choisissez une couleur qui offre un bon contraste avec les lignes et les chiffres du code-barres, afin de garantir la lisibilité et la lisibilité par scanner. |
| **Couleur** | Définissez la couleur des lignes et du texte du code-barres. | Sélectionnez une couleur qui se démarque de 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 globale et la mise en page de la page Web ou du support 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 %} | | |