--- title: "Komponenten konfigurieren" slug: "komponenten-konfigurieren" description: "Checkout-Editor: Checkout-Varianten mit Design, Zahlungsmethoden, Inhalten, Adressfeldern und globalen Einstellungen flexibel konfigurieren." updated: 2025-07-16T09:28:23Z published: 2025-07-16T09:28:23Z canonical: "help.frisbii.com/komponenten-konfigurieren" --- > ## Documentation Index > Fetch the complete documentation index at: https://help.frisbii.com/llms.txt > Use this file to discover all available pages before exploring further. # Komponenten konfigurieren ## Vorbemerkungen Mithilfe des Checkout-Editors können individuell gestaltbare Checkout-Varianten erstellt werden. Im ersten Schritt werden die Komponenten, wie das **Design**, die **Zahlungsmethoden**, die **Inhalte** und die **Adressen** konfiguriert, sodass diese bei der Erstellung der Checkout-Variante lediglich ausgewählt werden können. - Du hast bereits alle Komponenten konfiguriert? Hier geht es zur Erstellung der Varianten: [**Varianten erstellen und verwalten**](/frisbii-media/docs/de/varianten-erstellen-und-verwalten) Das **Vorschaufenster** im Bearbeitungsmodus und in der Detailansicht hilft dabei, sofort zu erkennen an welcher Stelle welches Feld im Checkout angezeigt wird. ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/e1ca7c39-377b-480e-bfa1-24abd8808578?sv=2026-02-06&spr=https&st=2026-11-10T06%3A46%3A23Z&se=2026-11-10T07%3A46%3A23Z&sr=c&sp=r&sig=FOa1bMh4AbxOq5XimDT%2F6MZ3%2FgxLxdlvLQ7w3oE4MY8%3D) Mithilfe der Ordnerstruktur können die Komponenten sortiert werden, um eine bessere Übersichtlichkeit zu schaffen und schneller auf die gewünschten Komponenten zugreifen zu können. --- ## Komponenten erstellen ### ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/82f94f0c-38db-47ea-8980-0ef1574fad9a?sv=2026-02-06&spr=https&st=2026-11-10T06%3A46%3A23Z&se=2026-11-10T07%3A46%3A23Z&sr=c&sp=r&sig=FOa1bMh4AbxOq5XimDT%2F6MZ3%2FgxLxdlvLQ7w3oE4MY8%3D) **UX/UI-Design** Die Darstellung des Checkouts kann mithilfe von CSS oder JavaScript individuell gestaltet werden. Wenn hier keine Einstellungen vorgenommen werden, greift unser Standard-Design. Unsere Beispiele helfen dabei, kleinere Änderungen, wie Farbe oder Schriftart, ganz einfach zu ändern - selbst, wenn man keine Programmierkenntnisse hat. >> [zu den Code-Beispielen](/frisbii-media/docs/de/css-beispiel) ### **Zahlungsmethoden** In Zahlungsmethoden kann bestimmt werden, welche der konfigurierten Zahlungsmethoden den Kunden zur Verfügung gestellt werden sollen. - Durch Drag & Drop können die [konfigurierten Zahlungsmethoden](/frisbii-media/docs/de/zahlungsverkehr) von der linken Seite auf die rechte Seite gezogen und dort sortiert werden. - Zudem kann eine Zahlungsmethode als vorausgewählte Option definiert werden, die automatisch beim Aufrufen des Checkouts vorausgewählt wird. Selbstverständlich hat der Kunde trotzdem die Möglichkeit, bei mehreren Zahlungsmethoden eine für sich passende Zahlungsmethode zu wählen. ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/6fc3451d-ccfa-45b2-af37-c1e143a47d8a?sv=2026-02-06&spr=https&st=2026-11-10T06%3A46%3A23Z&se=2026-11-10T07%3A46%3A23Z&sr=c&sp=r&sig=FOa1bMh4AbxOq5XimDT%2F6MZ3%2FgxLxdlvLQ7w3oE4MY8%3D) ### **Inhalte** - **Felder definieren:** Entscheidet, welche der Felder (Titel, Gutschein, Bestellkennzeichen, abweichende Rechnungs-E-Mail-Adresse und Opt-In während des Checkouts) ein- oder ausgeblendet werden sollen. > [!TIP] > **Hinweis**: Wenn Opt-In während des Checkouts ausgewählt ist, muss sichergestellt werden, dass im Menüpunkt [Einstellungen > Anwendungen > Opt-Ins](/frisbii-media/docs/de/opt-ins) eine Opt-In-Variante gepflegt und aktiviert ist. ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/f446f518-bc83-4f2e-8b0c-f3fcba0fb713?sv=2026-02-06&spr=https&st=2026-11-10T06%3A46%3A23Z&se=2026-11-10T07%3A46%3A23Z&sr=c&sp=r&sig=FOa1bMh4AbxOq5XimDT%2F6MZ3%2FgxLxdlvLQ7w3oE4MY8%3D) - **Ansprache-Pronomen definieren**: Entscheidet, mit welchen **Pronomen** die Kunden angesprochen werden sollen - formell, neutral oder persönlich. Diese Funktion ist bisher nur für deutsch und englisch verfügbar. Dies spiegelt sich beispielsweise in folgenden Texten wider: - **formell**: "Ihre Rechnungsadresse"; "Bitte wählen Sie eine Zahlungsart."; "Geben Sie hier Ihren Gutscheincode ein." - **persönlich**: "Deine Rechnungsadresse"; "Bitte wähle eine Zahlungsart."; "Gib Deinen Gutscheincode ein." - **neutral**: "Rechnungsadresse"; "Zahlungsart wählen"; "Gutscheincode eingeben." ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/1a6b92ee-dd64-4e1c-b84f-298f9b30059f?sv=2026-02-06&spr=https&st=2026-11-10T06%3A46%3A23Z&se=2026-11-10T07%3A46%3A23Z&sr=c&sp=r&sig=FOa1bMh4AbxOq5XimDT%2F6MZ3%2FgxLxdlvLQ7w3oE4MY8%3D) - Zudem können **zusätzliche** **Informationen** hinzugefügt werden. Das kann ein allgemeiner Text sein, der angebotsunabhängig genutzt werden soll und den Kunden beim Aufrufen des Checkouts angezeigt werden soll. Beispielsweise: "*Wir nutzen Ihre E-Mail-Adresse, um Ihnen Angebote zu vergleichbaren Produkten oder Dienstleistungen unseres Unternehmens zu senden. Sie haben jederzeit die Möglichkeit, dieser Nutzung kostenlos über den Link zu widersprechen.*" ### **Adressen** In Adressen wird definiert, welche Adressfelder den Kunden beim Hinzufügen einer Rechnungs- und Lieferadresse angezeigt werden sollen. - Es kann zwischen Privatkunden (B2C) und Unternehmenskunden (B2B) unterschieden werden. - Wenn **Checkout nur für Geschäftskunden (B2B)** ausgewählt wird, wird das Feld **Umsatzsteuer-Identifikationsnummer** für beide Kundentypen **verpflichtend** auszufüllen. > [!TIP] > **Hinweis**: Das Auswählen der Felder bedeutet nicht automatisch, dass diese Felder auch Pflichtfelder sind. Es bedeutet lediglich, dass sie den Kunden angezeigt werden. Pflichtfelder sind grau hinterlegt und können nicht entfernt werden. Folgende Felder sind im Checkout standardmäßig als **Pflichtfelder** gekennzeichnet, um eine vollständige Adresse abfragen zu können: - Privatperson - Anrede - Vor- und Nachname - Postleitzahl - Ort - Land - Firma - Firmenname *(wenn Vor- und Nachname nicht aktiviert)* - Anrede - Vor- und Nachname *(wenn Firmenname nicht aktiviert)* - Postleitzahl - Ort - Land --- ## Globale Einstellungen Die globalen Einstellungen gelten für **alle** Checkout-Varianten, die konfiguriert werden. Da es nur eine Variante der globalen Einstellungen geben kann, steht hier die Ordnerstruktur **nicht** zur Verfügung. Folgende Einstellungen können vorgenommen werden: 1. **Erlaubte Domains** bestimmt, über welche Domain der Checkout aufgerufen werden darf. 2. **Erlaubte Länder** bestimmt, in welchen Ländern der Checkout aufgerufen werden darf. 3. **Vertragspartner-Text**: Hier kann ein Vertragspartnertext gepflegt werden, beispielsweise *"Mit Abschluss der Bestellung bestätigen Sie, dass Sie den Vertrag mit der* ***Muster GmbH*** *eingehen und die* ***AGB und Datenschutzrichtlinie*** *gelesen und akzeptiert haben. Die Details zu Ihrem Abonnement, wie Laufzeit, Zahlungsmodalitäten und Kündigungsfristen, entnehmen Sie bitte der Bestellübersicht und den AGB."* ![](https://cdn.document360.io/b84e1b5d-2ba6-4465-8c62-fb45a2f31314/Images/Documentation/e2c15116-471e-481a-95e7-a6c47b6b3d08?sv=2026-02-06&spr=https&st=2026-11-10T06%3A46%3A23Z&se=2026-11-10T07%3A46%3A23Z&sr=c&sp=r&sig=FOa1bMh4AbxOq5XimDT%2F6MZ3%2FgxLxdlvLQ7w3oE4MY8%3D)