So wählen Sie einen Anzeigetyp für Zahlungsmethoden aus

Übersicht

WP Simple Pay ermöglicht es Ihnen zu wählen, wie Zahlungsmethoden auf Ihren On-Site-Zahlungsformularen angezeigt werden. Sie können sie als horizontale Tabs (Standard) oder als gestapeltes Akkordeon anzeigen. Diese Einstellung steuert das Layout des Stripe Payment Elements im Frontend.

Voraussetzungen

• WP Simple Pay Pro
• Ein Zahlungsformular, das den On-Site-Formular-Typ verwendet (Eingebettet oder Overlay)
• Mindestens eine für das Formular aktivierte Zahlungsmethode

Konfiguration des Anzeigetyps

1. Navigieren Sie zu WP Simple Pay > Zahlungsformulare und bearbeiten Sie Ihr Formular.
2. Klicken Sie auf den Tab Formularfelder.
3. Erweitern Sie das Feld Zahlungsmethode (bei älteren Formularen als „Karte“ bezeichnet).
4. Wählen Sie unter Anzeigetyp entweder Tabs oder Akkordeon.
5. Klicken Sie auf Veröffentlichen oder Aktualisieren, um zu speichern.

Tabs-Layout

Tabs ist der Standard-Anzeigetyp. Zahlungsmethoden werden als horizontale Tabs am oberen Rand des Zahlungsbereichs angezeigt. Kunden klicken auf einen Tab, um zwischen den Methoden zu wechseln.

Am besten geeignet für:

• Formulare mit einer kleinen Anzahl von Zahlungsmethoden (2-5)
• Saubere, kompakte Layouts, bei denen horizontaler Platz vorhanden ist

Akkordeon-Layout

Das Akkordeon-Layout zeigt Zahlungsmethoden als vertikal gestapelte, einklappbare Elemente an. Kunden klicken auf ein Element, um es zu erweitern und seine Felder anzuzeigen.

Am besten geeignet für:

• Formulare mit vielen Zahlungsmethoden (5+)
• Für Mobilgeräte geeignete Layouts, bei denen vertikales Stapeln besser funktioniert
• Situationen, in denen Sie die Namen und Symbole der Zahlungsmethoden deutlich sichtbar haben möchten

Akkordeon-Einstellungen

Wenn Sie Akkordeon auswählen, erscheint ein zusätzlicher Abschnitt Akkordeon-Einstellungen:

• Sichtbare Elemente – Die Anzahl der anzuzeigenden Zahlungsmethoden, bevor eine Schaltfläche „Mehr“ erscheint. Standard: 5. Setzen Sie auf 0, um alle Methoden ohne eine „Mehr“-Schaltfläche anzuzeigen.

Dies ist nützlich, wenn Ihr Formular viele Zahlungsmethoden enthält und Sie die anfängliche Ansicht kompakt halten möchten, während Sie dennoch alle Optionen anbieten.

Eingeklappt starten

Standardmäßig ist das erste Akkordeon-Element beim Laden des Formulars erweitert. Sie können dieses Verhalten mit dem Filter simpay_payment_form_accordion_default_collapsed ändern, sodass alle Elemente eingeklappt starten:

add_filter( 'simpay_payment_form_accordion_default_collapsed', '__return_true' );

Dies kann auch auf ein bestimmtes Formular beschränkt werden, indem das als zweites Argument übergebene Formularobjekt überprüft wird.

Das richtige Layout wählen

Überlegung	Tabs	Akkordeon
Anzahl der Methoden	2-5	5+
Horizontaler Platz	Reichlich	Begrenzt
Mobil-Erlebnis	Gut	Besser
Methodensichtbarkeit	Symbole auf einen Blick sichtbar	Namen + Symbole sichtbar
Vertikaler Platz	Kompakt	Höher

Häufig gestellte Fragen

Beeinflusst der Anzeigetyp die verfügbaren Zahlungsmethoden?

Nein. Der Anzeigetyp ändert nur, wie die Methoden visuell angeordnet sind. Alle aktivierten Zahlungsmethoden bleiben unabhängig von der Layoutwahl verfügbar.

Funktioniert dies mit Stripe Checkout (Off-Site)-Formularen?

Nein. Die Einstellung für den Anzeigetyp gilt nur für On-Site-Formulare, die das Stripe Payment Element verwenden. Off-Site-Formulare leiten zur gehosteten Checkout-Seite von Stripe weiter, die ihr eigenes Layout hat.

Kann ich verschiedene Anzeigetypen für verschiedene Formulare verwenden?

Ja. Der Anzeigetyp wird pro Formular im Feld Zahlungsmethode konfiguriert, sodass jedes Formular sein eigenes Layout haben kann.

Was passiert auf Mobilgeräten?

Beide Layouts sind responsiv. Das Stripe Payment Element passt sich automatisch an kleinere Bildschirme an. Das Akkordeon-Layout funktioniert auf Mobilgeräten besonders gut, da es vertikal gestapelt wird.

Was kommt als Nächstes?

• Styling von Zahlungsformularen mit Formularstil – Passen Sie Farben, Typografie und Layout an
• Referenz zu Formularstil-Einstellungen – Vollständige Referenz aller Stileinstellungen