Wie Sie Produktkategorien zu Zahlungsfeldern hinzufügen

6. April 2026

Wenn Sie auf eine E-Commerce- oder Shopping-Website stoßen, sehen Sie oft eine Liste von Kategorien für verschiedene Produkte. Es ist selten, dass ein Online-Shop ohne solche Kategorien auskommt. Bei Jotform haben wir es möglich gemacht, Produktkategorien mit dem Formular-Generator zu erstellen, insbesondere für die Zahlungselemente. Sie können nun Produktkategorien hinzufügen, wenn Sie sich entscheiden, Produkte zu verkaufen. Diese Funktion erleichtert es den Kunden, Artikel aus Ihrem Zahlungsformular auszuwählen, besonders wenn Sie eine lange Liste von Produkten haben.

Produktkategorien hinzufügen

Sie können die Produktkategorien entweder vor oder nach dem Hinzufügen Ihrer Produktelemente zu Ihrem Formular hinzufügen. Es ist ganz einfach. Los geht’s!

  1. Fügen Sie im Formular-Generator das Element Produktliste zu Ihrem Formular hinzu.
  2. Wenn Sie die direkte Zahlungsintegration wie PayPal verwenden, klicken Sie auf Zahlungseinstellungen. Andernfalls klicken Sie auf die Option Produktliste, wie im Bild unten gezeigt.
  3. Klicken Sie auf die Schaltfläche Einstellungen im rechten Bereich.
Wie Sie Produktkategorien zu Zahlungsfeldern hinzufügen Image-1
  1. Scrollen Sie im Einstellungs-Tab nach unten und schalten Sie Kategorien aktivieren auf Ja.
  2. Geben Sie den Titel Ihrer Kategorie in das vorgesehene Feld ein.
  3. Klicken Sie auf die Schaltfläche +Hinzufügen daneben. Wiederholen Sie diesen Schritt, um weitere Kategorien hinzuzufügen.
Wie Sie Produktkategorien zu Zahlungsfeldern hinzufügen Image-2

Sie sehen auch die Option Kategorietitel anzeigen, wenn Sie die Kategorien aktivieren. Diese Option legt fest, ob die Kategorien angezeigt oder ausgeblendet werden sollen. Hier ist ein Beispiel:

jotform-payment-category-title-yes
Kategorietitel anzeigen – Ja
jotform-payment-category-title-no
Kategorietitel anzeigen – Nein

Produkte kategorisieren

Es gibt verschiedene Möglichkeiten, Produkte zu kategorisieren:

  • Im Tab Einstellungen oder Produkteinstellungen, falls Sie die Produkte bereits hinzugefügt haben
  • Wenn Sie einen neuen Artikel hinzufügen, nachdem Sie bereits Kategorien erstellt haben,
  • Auswahl der Kategorie aus der Hauptproduktliste

Im Tab Einstellungen oder Produkteinstellungen

  1. Bewegen Sie die Maus nach links von der Kategorie und klicken Sie auf das Papier-Hinzufügen-Symbol.
  2. Wählen Sie die entsprechenden Produkte aus, um sie der ausgewählten Kategorie hinzuzufügen.
  3. Sie sollten automatisch die Produkte der ausgewählten Kategorie auf dem Hauptbildschirm sehen.
Wie Sie Produktkategorien zu Zahlungsfeldern hinzufügen Image-3

Beim Hinzufügen eines neuen Artikels

  1. In den Produkteinstellungen klicken Sie auf das Dropdown-Menü Kategorie auswählen.
  2. Wählen Sie die passenden Kategorien aus, in die Sie das Produkt hinzufügen möchten.
  3. Klicken Sie unten auf die Schaltfläche Speichern.
Wie Sie Produktkategorien zu Zahlungsfeldern hinzufügen Image-4

Auswahl der Kategorie in der Hauptproduktliste

  1. Klicken Sie in der Hauptproduktliste auf das Dropdown-Menü der Kategorie.
  2. Wählen Sie die Kategorie für den Artikel aus.
  3. Sobald die Kategorie ausgewählt ist, wird der Artikel automatisch verschoben und unter der ausgewählten Kategorie aufgeführt.
Wie Sie Produktkategorien zu Zahlungsfeldern hinzufügen Image-5

Profi-Tipps

Hier sind einige hilfreiche Tipps, wenn Sie mehrere Produkte und Kategorien hinzufügen:

  1. Unter Produkteinstellungen können Sie die Kategorien neu anordnen. Bewegen Sie die Maus über das Drei-Punkte-Menü, bis der Kreuzpfeil (Verschieben) erscheint. Klicken und halten Sie das Symbol, dann ziehen Sie die Kategorie an die gewünschte Position.
Wie Sie Produktkategorien zu Zahlungsfeldern hinzufügen Image-6
  1. Sie können Kategorien in der Hauptproduktliste einklappen. Das ist nützlich, wenn Sie eine lange Liste von Kategorien und Produkten haben. Sie können auswählen, welche Kategorie eingeklappt werden soll.
Wie Sie Produktkategorien zu Zahlungsfeldern hinzufügen Image-7
  1. Im Kategoriefilter können Sie nur nach Kategorien filtern. Es gibt derzeit keinen anderen Filter.
jotform-payment-category-filter-form-view
  1. Sie können Kategorien einklappen, indem Sie auf den kleinen Pfeil nach unten rechts klicken.
jotform-payment-collapse-category-form-view
  1. Wenn Sie Produkte aus einer Kategorie auswählen und diese Kategorie dann einklappen, wird ein Einkaufswagensymbol mit der Anzahl der ausgewählten Produkte angezeigt.
jotform-payment-category-with-number-of-selected-items

Notes

  • Produktkategorien funktionieren derzeit nur bei klassischen Formularen. Bitte beachten Sie die folgenden Anleitungen für Formularlayouts:
  • Das Formular zeigt im Vorschaumodus keine leeren Kategorien an. Sie werden auch nicht in den Produktlisten aufgeführt.
  • Sie können Produktkategorien zu allen Zahlungsintegrationen hinzufügen, mit Ausnahme von OneBip und ClickBank.
  • Sie können Artikel nicht von einer Kategorie in eine andere verschieben (per Drag & Drop) aus der Hauptproduktliste. Sie können die Kategorie nur über die Produkteinstellungen neu anordnen.
  • Kategorien werden genauso angezeigt, wie Sie sie im Formular-Generator hinterlassen haben, entweder eingeklappt oder ausgeklappt.
  • Nicht kategorisierte Artikel werden oben in der Produktliste angezeigt. Derzeit gibt es keine Option, sie als separate Kategorie darzustellen.
  • Wenn Sie einen Artikel löschen möchten, der in mehreren Kategorien erscheint, zeigt der Formular-Generator ein Modal mit zwei Optionen an:
    • Um das Produkt aus der ausgewählten Kategorie zu löschen.
    • Um das Produkt aus dem Zahlungs-/Produktlistenelement zu entfernen.

Kommentar abschicken:

Jotform Avatar
Diese Seite ist durch reCAPTCHA geschützt und es gelten die Google Datenschutzbestimmungen und Nutzungsbedingungen.

Podo Comment Schreiben Sie den ersten Kommentar.
Haben Sie noch Fragen?

Wir sind rund um die Uhr für Sie da, wann immer Sie uns brauchen, Tag und Nacht. Haben Sie eine Frage oder brauchen Sie Hilfe? Unser Team steht Ihnen jederzeit zur Verfügung.