Erstellen von scrollbaren Nutzungsbedingungen

8. August 2025

Die meisten, wenn nicht alle Webformulare erfassen sensible Nutzerdaten. Als Website-/Unternehmensinhaber möchten Sie, dass Nutzer, die Ihre Formulare ausfüllen, Ihre Bedingungen akzeptieren, bevor sie ihre Daten angeben. Schließen Sie niemals eine Vereinbarung mit einem Nutzer, ohne dass beide Parteien die Bedingungen vollständig verstehen oder Sie sich zumindest nach besten Kräften bemühen, diese Informationen bereitzustellen.

Oftmals reicht ein Link zu den Nutzungsbedingungen aus, aber ein anspruchsvoller Unternehmensinhaber möchte die tatsächlichen Bedingungen im Formular anzeigen. Dazu müssen Sie einen nicht editierbaren Text implementieren, durch den der Nutzer scrollen kann, um Ihre Bedingungen zu lesen.

Es gibt zwei Möglichkeiten, scrollbare Nutzungsbedingungen im Formular Generator zu erstellen.

Das Widget Kurze, scrollbare Nutzungsbedingungen verwenden

So fügen Sie das Widget Kurz scrollbare Bedingungen zu Ihrem Formular hinzu

  1. Klicken Sie im Formular Generator links auf Element hinzufügen.
Erstellen von scrollbaren Nutzungsbedingungen Image-1
  1. Suchen Sie unter dem Reiter Widget nach dem Widget Kurze scrollbare Begriffe.
  2. Klicken Sie auf das Widget oder ziehen Sie es per Drag & Drop in Ihr Formular.
Erstellen von scrollbaren Nutzungsbedingungen Image-2
  1. Klicken Sie nun auf das Zauberstab-Symbol, um die Widget-Einstellungen zu öffnen.
Erstellen von scrollbaren Nutzungsbedingungen Image-3
  1. In den Widget-Einstellungen müssen Sie Folgendes hinzufügen:
    • Kontrollkästchenbezeichnung – Die Bezeichnung des gesamten Widgets.
    • Inhalt – Dies sind Ihre scrollbaren Geschäftsbedingungen.
    • Text muss vollständig gelesen werden – Aktivieren Sie diese Option, wenn Nutzer den gesamten Text lesen sollen, bevor sie das Kontrollkästchen aktivieren können.
    • Senden Inhalt – Wenn die Bedingungen sowohl in den Benachrichtigungs- als auch in den Autoresponder-E-Mails des Formulars hinzugefügt bzw. eingefügt werden sollen.
Erstellen von scrollbaren Nutzungsbedingungen Image-4

Wenn Sie das Design Ihres Widgets anpassen möchten, klicken Sie auf die Registerkarte Benutzerdefiniertes CSS. Weitere Informationen finden Sie unter So fügen Sie CSS-Codes in Widgets ein.

Verwendung des Absatzelements

Wenn Sie nicht möchten, dass im Hintergrund des Formulars zusätzliche Skripts ausgeführt werden, können Sie auch das Absatzelement verwenden und benutzerdefinierte CSS-Codes einfügen, um die Bildlaufleiste zu erstellen.

  1. Klicken Sie im Formular Generator links auf Element hinzufügen.
Element-Schaltfläche im Jotform Builder hinzufügen
  1. Fügen Sie im Reiter Grundeinstellungen das Element Absatz hinzu.
  2. Klicken Sie auf das Bearbeiten-Symbol, um den Absatz-Editor zu öffnen.
Erstellen von scrollbaren Nutzungsbedingungen Image-5
  1. Fügen Sie Ihre Allgemeinen Geschäftsbedingungen hinzu oder fügen Sie sie ein. Sie können den Text mit den verfügbaren Formatierungswerkzeugen im Editor formatieren.
  2. Öffnen Sie den Quellcode-Editor des Absatzelements, indem Sie auf das Symbol Quellcode klicken.
Erstellen von scrollbaren Nutzungsbedingungen Image-6
  1. Umschließen Sie den gesamten Inhalt mit der folgenden Div-Klasse. Klicken Sie auf OK, um die Änderungen zu speichern.
<div class="termsx">
</div>
Erstellen von scrollbaren Nutzungsbedingungen Image-7
  1. Fügen Sie abschließend das folgende benutzerdefinierte CSS ein Codes im Formular. Bei Unsicherheiten lesen Sie Anleitung zum Einfügen der Codes.
.termsx {
overflow-y: scroll;
height: 350px;
width: 100%;
border: 1px solid #ddd;
padding: 10px;
}

Die Änderungen im Absatzelement sollten automatisch angezeigt werden.

Erstellen von scrollbaren Nutzungsbedingungen Image-8

Pro Tipp

Sie können auch AGB-Widget mit einem Kontrollkästchen zur Bestätigung.

Hier ist ein Beispielformular: https://www.jotform.com/220823470887058.

Support kontaktieren

Our customer support team is available 24/7 and our average response time is between one to two hours.

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.