> 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-de/experience-components/ax-bar-code.md).
# AX - Barcode
## Übersicht
**AX - Barcode** ist eine Experience-Cloud-Komponente, die scannbare Codes – darunter QR-Codes, Standard-Barcodes und andere Formate – auf Experience-Sites-Seiten basierend auf Salesforce-Feldwerten generiert.
Verwenden Sie sie, um Codes für Produktnummern, Bestell-IDs, Tracking-Informationen, Veranstaltungstickets oder beliebige Daten anzuzeigen, die Portalbenutzer mit mobilen Geräten scannen müssen. Konfigurieren Sie den Barcode-Typ, die Größe und das Design im Experience Builder, damit es zum Branding Ihres Portals passt.
Perfekt für Kundenportale mit Bestellbarcodes, Veranstaltungsregistrierungsseiten mit Ticket-QR-Codes, Partnerportale mit Produkt-Tracking oder Self-Service-Sites, auf denen Benutzer scannbare Zugriffscodes benötigen.
***
## Den Barcode konfigurieren
### Den Barcode-Wert anpassen
Der Wert für den Barcode kann auf zwei Arten festgelegt werden. Erstens können Sie den gewünschten Wert für den Barcode manuell eingeben. Alternativ kann der Wert aus einer Ihrer vorhandenen Sammlungen stammen. Um einen Wert aus einer Sammlung zu verwenden, wechseln Sie zur '[Zugeordneten](https://docs.avonniflowcomponents.com/getting-started/learn-the-basics#what-are-mapped-values)' Eingabeoption und wählen Sie die entsprechende Sammlung als Quelle aus.
Wechseln Sie zum zugeordneten Eingabefeld, um eine Quellensammlung als Wert auszuwählen.
### Den Barcode-Typ wählen
Die Barcode-Komponente rendert mehr als 150 verschiedene Barcode-Typen. Wählen Sie den gewünschten aus.
Unterstützte Haupttypen von Barcodes
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
* *
*
## Spezifikationen
{% tabs %}
{% tab title="🎛️ Eigenschaften" %}
| Name | Beschreibung | Verwendung |
| ------------------- | ----------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Typ** | Wählen Sie den zu generierenden Barcode-Typ aus. | Wählen Sie die passende Barcode-Symbologie basierend auf dem Anwendungsfall oder dem Industriestandard aus. |
| **Wert** | Die in den Barcode zu codierenden Daten. | Geben Sie den Wert ein, der in Barcode-Form umgewandelt werden soll. |
| **Prüfsumme** | Eine boolesche Option zum Aktivieren oder Deaktivieren der Berechnung einer Prüfziffer. | Aktivieren Sie diese Option, um eine Prüfziffer in den Barcode aufzunehmen und so eine zusätzliche Ebene der Datenintegrität bereitzustellen. |
| **Breite** | Definieren Sie die Breite des Barcodes. | Passen Sie die Breite an die Designanforderungen Ihrer Webseite oder die physischen Einschränkungen des gedruckten Mediums an. |
| **Höhe** | Definieren Sie die Höhe des Barcodes. | Passen Sie die Höhe an, damit der Barcode gut in den vorgesehenen Bereich passt und leicht scannbar ist. |
| **Wert ausblenden** | Eine boolesche Option zum Anzeigen oder Ausblenden des codierten Werts unter dem Barcode. | Aktivieren Sie diese Option, um den vom Barcode dargestellten numerischen oder alphanumerischen Wert auszublenden und so eine sauberere visuelle Darstellung zu erzielen. |
| {% endtab %} | | |
{% tab title="🎨 Erscheinungsbild" %}
| Name | Beschreibung | Verwendung |
| -------------------- | ------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------- |
| **Hintergrundfarbe** | Legen Sie die Hintergrundfarbe der Barcode-Komponente fest. | Wählen Sie eine Farbe, die einen guten Kontrast zu den Barcode-Linien und Zahlen bietet und so Lesbarkeit und Scannbarkeit sicherstellt. |
| **Farbe** | Legen Sie die Farbe der Barcode-Linien und des Textes fest. | Wählen Sie eine Farbe, die sich vom Hintergrund abhebt und so die Sichtbarkeit optimiert. |
| **Textausrichtung** | Definieren Sie die Ausrichtung des unter dem Barcode angezeigten Textes. | Passen Sie die Textausrichtung an, um sie mit dem Gesamtdesign und Layout der Webseite oder des gedruckten Materials in Einklang zu bringen. |
| **Textfarbe** | Legen Sie die Farbe des unter dem Barcode angezeigten Textes fest. | Wählen Sie eine Farbe, die sich gut vom Hintergrund abhebt, damit der codierte Wert visuell gut lesbar ist. |
| {% 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:
```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-bar-code.md?ask=
```
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.