Wie Sie CSS-Codes in Widgets einfügen

21. April 2026

Mit dem Form Builder von Jotform können Sie benutzerdefinierte CSS-Codes einfügen, um Ihr Formular genau nach Ihren Wünschen zu gestalten. Dasselbe gilt für Widgets, allerdings haben Widgets aufgrund ihrer Einbettung in eigene iframes eine separate Option zur CSS-Einbettung. Dies liegt an der Same-Origin-Policy, die die Interaktion zwischen Inhalten aus unterschiedlichen Quellen einschränkt. 

Notiz

Benutzerdefiniertes CSS in Widgets wird in Jotform Cards nicht unterstützt. Sehen Sie sich unseren Leitfaden an, wie Sie das Formularlayout ändern, um auf das klassische Formular umzuschalten.

Wenn Sie ein Widget zu Ihrem Formular hinzugefügt haben, wie zum Beispiel die konfigurierbare Liste, und das Aussehen mit CSS anpassen möchten, ist das ganz einfach. So geht’s:

  1. Wählen Sie im Form Builder Ihr Widget aus und klicken Sie auf der rechten Seite darauf, auf das Zauberstab-Symbol.
  2. Gehen Sie dann auf den Tab Eigene CSS und fügen Sie dort Ihren CSS-Code ein.
  3. Klicken Sie nun auf Aktualisieren, und schon sind Sie fertig.
Wie Sie CSS-Codes in Widgets einfügen Image-1

Das war’s! Mit nur wenigen Klicks können Sie Ihre Widgets so gestalten, dass sie nahtlos mit dem Rest des Formulardesigns verschmelzen.

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.