> 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 – einschließlich QR-Codes, Standard-Barcodes und anderer Formate – auf Experience-Sites-Seiten basierend auf Salesforce-Feldwerten erzeugt.
Verwenden Sie sie, um Codes für Produktnummern, Bestell-IDs, Tracking-Informationen, Veranstaltungstickets oder andere Daten anzuzeigen, die Portalbenutzer mit mobilen Geräten scannen müssen. Konfigurieren Sie den Barcode-Typ, die Größe und das Styling im Experience Builder, damit es zum Branding Ihres Portals passt.
Perfekt für Kundenportale mit Bestellbarcodes, Event-Registrierungsseiten mit Ticket-QR-Codes, Partnerportale mit Produktverfolgung oder Self-Service-Sites, auf denen Benutzer scannbare Zugangscodes benötigen.
## Konfiguration
### Anpassen des Barcode-Werts
Der Barcode-Wert 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 bezogen werden. Um einen Wert aus einer Sammlung zu verwenden, wechseln Sie zur '[Zugeordnet](https://docs.avonniflowcomponents.com/getting-started/learn-the-basics#what-are-mapped-values)' Eingabeoption und wählen Sie die passende Sammlung als Quelle aus.
Wechseln Sie zum zugeordneten Eingabefeld, um eine Quellsammlung als Wert auszuwählen.
### Auswahl des Barcode-Typs
Die Barcode-Komponente rendert mehr als 150 verschiedene Barcode-Typen. Wählen Sie den gewünschten aus.
Unterstützte Haupttypen von Barcodes
* **2D-Codes:** QR-Code, Data Matrix, PDF417, Aztec-Code, MaxiCode, DotCode
* **Einzelhandel / Produkt (1D):** EAN-13, EAN-8, UPC-A, UPC-E, GS1-128
* **Logistik / Versand:** ITF-14, Code 128, Interleaved 2 of 5, GS1 DataBar
* **Allgemeiner Zweck (1D):** Code 39, Code 93, Codabar, MSI, Plessey, Telepen
* **Post:** USPS Intelligent Mail (OneCode), POSTNET, PLANET, Royal Mail, Australia Post, Japan Post
* **Pharmazeutisch:** Pharmacode, PZN, HIBC
Der vollständige Satz von über 150 unterstützten Symbologien ist in der Komponente **Typ** Eigenschaft.
### Eigenschaften
**Typ** wählt die zu generierende Barcode-Symbologie aus — wählen Sie den passenden Typ je nach Anwendungsfall oder Industriestandard.
**Wert** ist die Daten, die in den Barcode codiert werden.
**Prüfsumme** aktiviert oder deaktiviert die Berechnung einer Prüfziffer und fügt eine weitere Ebene der Datenintegrität hinzu, wenn der Barcode-Typ dies unterstützt.
**Breite** und **Höhe** definieren die Abmessungen des Barcodes, damit er gut in den vorgesehenen Raum passt und leicht scannbar bleibt.
**Wert ausblenden** zeigt den codierten Wert unter dem Barcode an oder blendet ihn aus und sorgt so für eine klarere visuelle Darstellung.
**Alternativtext** stellt barrierefreien Text bereit, der den Barcode beschreibt.
## Styling
{% tabs %}
{% tab title="Erscheinungsbild" %}
| Name | Beschreibung | Verwendung |
| -------------------- | ------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------- |
| **Hintergrundfarbe** | Legt die Hintergrundfarbe der Barcode-Komponente fest. | Wählen Sie eine Farbe, die einen guten Kontrast zu den Barcode-Linien und Zahlen bietet und so die Lesbarkeit und Scannbarkeit sicherstellt. |
| **Farbe** | Legt die Farbe der Barcode-Linien und des Textes fest. | Wählen Sie eine Farbe, die sich vom Hintergrund abhebt und die Sichtbarkeit optimiert. |
| **Textausrichtung** | Definieren Sie die Ausrichtung des unter dem Barcode angezeigten Textes. | Passen Sie die Textausrichtung an, damit sie mit dem Gesamtdesign und Layout der Webseite oder des gedruckten Materials harmoniert. |
| **Textfarbe** | Legt die Farbe des unter dem Barcode angezeigten Textes fest. | Wählen Sie eine Farbe, die sich gut vom Hintergrund abhebt und sicherstellt, dass der codierte Wert visuell gut zugänglich 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, and the optional `goal` query parameter:
```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/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.