100% KOSTENLOS

Kostenloser „Ich stimme zu“-Checkbox-Generator

Fügen Sie Ihren Formularen rechtsverbindliche Zustimmungs-Checkboxen hinzu. Unterstützt HTML, React und Vue.

Erstellen Sie Ihre „Ich stimme zu“-Checkbox

Konfigurieren Sie Ihre Checkbox und kopieren Sie den Code. Unterstützt mehrere Frameworks.

Konfiguration

URL der Nutzungsbedingungen

URL der Datenschutzerklärung

Fehlermeldung

Vorschau

Ich stimme den Nutzungsbedingungen und der Datenschutzerklärung zu

Sie müssen den Bedingungen und der Datenschutzerklärung zustimmen, um fortzufahren

Generierter Code

<!-- I Agree Checkbox by TermsBox - https://termsbox.com/i-agree-checkbox -->
<div class="termsbox-agreement">
  <label for="termsbox-agree" class="termsbox-label">
    <input type="checkbox" id="termsbox-agree" name="termsbox-agree" required aria-describedby="termsbox-error">
    <span>
      I agree to the <a href="/terms-of-service" target="_blank" rel="noopener">Terms of Service</a> and
      <a href="/privacy-policy" target="_blank" rel="noopener">Privacy Policy</a>
    </span>
  </label>
  <div id="termsbox-error" class="termsbox-error" role="alert" style="display: none;">
    Sie müssen den Bedingungen und der Datenschutzerklärung zustimmen, um fortzufahren
  </div>
</div>

<style>
.termsbox-agreement { margin: 1rem 0; }
.termsbox-label {
  display: flex; align-items: flex-start; gap: 0.5rem;
  cursor: pointer; font-size: 0.875rem; line-height: 1.5;
}
.termsbox-label input[type="checkbox"] { margin-top: 0.25rem; flex-shrink: 0; }
.termsbox-label a { color: #3b82f6; text-decoration: underline; }
.termsbox-label a:hover { color: #2563eb; }
.termsbox-error {
  color: #dc2626; font-size: 0.75rem;
  margin-top: 0.25rem; margin-left: 1.5rem;
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  var form = document.querySelector('form');
  var checkbox = document.getElementById('termsbox-agree');
  var errorDiv = document.getElementById('termsbox-error');
  if (form && checkbox && errorDiv) {
    form.addEventListener('submit', function(e) {
      if (checkbox.required && !checkbox.checked) {
        e.preventDefault();
        errorDiv.style.display = 'block';
        checkbox.focus();
      } else {
        errorDiv.style.display = 'none';
      }
    });
    checkbox.addEventListener('change', function() {
      if (checkbox.checked) errorDiv.style.display = 'none';
    });
  }
});
</script>

So verwenden Sie es:

Kopieren Sie den obigen Code
Fügen Sie ihn in Ihr Formular vor der Absenden-Schaltfläche ein
Die Checkbox wird beim Absenden des Formulars validiert

Was enthalten ist

WCAG AA-barrierefrei (Labels, ARIA, Tastatur)
Integrierte Validierung mit Fehlermeldungen
Mehrere Frameworks (HTML, React, Vue)
Automatisch verlinkte Nutzungsbedingungen und Datenschutzerklärung
100% kostenlos, kein Tracking, keine Grenzen

Was ist eine „Ich stimme zu“-Checkbox?

Eine „Ich stimme zu“-Checkbox (auch Clickwrap-Vereinbarung genannt) ist ein Formularelement, das von Nutzern verlangt, aktiv ein Kästchen anzukreuzen, um anzuzeigen, dass sie Ihre Nutzungsbedingungen und Ihre Datenschutzerklärung akzeptieren, bevor sie ein Formular absenden.

Anders als „Browsewrap“-Vereinbarungen (bei denen die Bedingungen im Footer verlinkt sind) werden Clickwrap-Vereinbarungen von Gerichten durchgängig anerkannt, weil sie eine ausdrückliche Handlung des Nutzers zur Einwilligung erfordern.

Das ist unerlässlich für Anmeldeformulare, Checkout-Seiten und jedes Formular, bei dem Sie nachweisen müssen, dass der Nutzer Ihren Bedingungen zugestimmt hat.

Warum Sie Zustimmungs-Checkboxen benötigen

Rechtliche Durchsetzbarkeit

Gerichte erkennen Clickwrap-Vereinbarungen durchgängig an. Ohne ausdrückliche Einwilligung sind Ihre Bedingungen möglicherweise nicht rechtsverbindlich.

Nachweis der Einwilligung

Eine Checkbox erstellt einen klaren Nachweis, dass der Nutzer Ihre Bedingungen zu einem bestimmten Zeitpunkt gesehen und akzeptiert hat.

GDPR-Compliance

Die GDPR verlangt eine freiwillig erteilte, spezifische und informierte Einwilligung. Checkboxen helfen, dies für Datenschutzerklärungen nachzuweisen.

Schutz bei Streitfällen

Wenn ein Nutzer behauptet, er habe Ihren Bedingungen nicht zugestimmt, beweist die Checkbox-Interaktion das Gegenteil.

Wann Sie Zustimmungs-Checkboxen verwenden sollten

Nutzerregistrierung

Anmeldeformulare, Kontoerstellung, Mitgliedschaftsanträge

E-Commerce-Checkout

Kaufbestätigungen, Abo-Anmeldungen, Zahlungsformulare

Kontaktformulare

Beim Erheben personenbezogener Daten, die gespeichert oder verarbeitet werden

Newsletter-Anmeldungen

Einwilligung in E-Mail-Marketing (insbesondere für die GDPR-Compliance)

Service-Onboarding

SaaS-Testversionen, Aktivierung kostenloser Tarife, Service-Anmeldung

Häufig gestellte Fragen

Fügen Sie Ihren Formularen rechtlichen Schutz hinzu

Erstellen Sie durchsetzbare Vereinbarungen mit unserem kostenlosen „Ich stimme zu“-Checkbox-Generator.

100% KOSTENLOS

Kostenloser „Ich stimme zu“-Checkbox-Generator

Fügen Sie Ihren Formularen rechtsverbindliche Zustimmungs-Checkboxen hinzu. Unterstützt HTML, React und Vue.

Erstellen Sie Ihre „Ich stimme zu“-Checkbox

Konfigurieren Sie Ihre Checkbox und kopieren Sie den Code. Unterstützt mehrere Frameworks.

Konfiguration

URL der Nutzungsbedingungen

URL der Datenschutzerklärung

Fehlermeldung

Vorschau

Ich stimme den Nutzungsbedingungen und der Datenschutzerklärung zu

Sie müssen den Bedingungen und der Datenschutzerklärung zustimmen, um fortzufahren

Generierter Code

<!-- I Agree Checkbox by TermsBox - https://termsbox.com/i-agree-checkbox -->
<div class="termsbox-agreement">
  <label for="termsbox-agree" class="termsbox-label">
    <input type="checkbox" id="termsbox-agree" name="termsbox-agree" required aria-describedby="termsbox-error">
    <span>
      I agree to the <a href="/terms-of-service" target="_blank" rel="noopener">Terms of Service</a> and
      <a href="/privacy-policy" target="_blank" rel="noopener">Privacy Policy</a>
    </span>
  </label>
  <div id="termsbox-error" class="termsbox-error" role="alert" style="display: none;">
    Sie müssen den Bedingungen und der Datenschutzerklärung zustimmen, um fortzufahren
  </div>
</div>

<style>
.termsbox-agreement { margin: 1rem 0; }
.termsbox-label {
  display: flex; align-items: flex-start; gap: 0.5rem;
  cursor: pointer; font-size: 0.875rem; line-height: 1.5;
}
.termsbox-label input[type="checkbox"] { margin-top: 0.25rem; flex-shrink: 0; }
.termsbox-label a { color: #3b82f6; text-decoration: underline; }
.termsbox-label a:hover { color: #2563eb; }
.termsbox-error {
  color: #dc2626; font-size: 0.75rem;
  margin-top: 0.25rem; margin-left: 1.5rem;
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  var form = document.querySelector('form');
  var checkbox = document.getElementById('termsbox-agree');
  var errorDiv = document.getElementById('termsbox-error');
  if (form && checkbox && errorDiv) {
    form.addEventListener('submit', function(e) {
      if (checkbox.required && !checkbox.checked) {
        e.preventDefault();
        errorDiv.style.display = 'block';
        checkbox.focus();
      } else {
        errorDiv.style.display = 'none';
      }
    });
    checkbox.addEventListener('change', function() {
      if (checkbox.checked) errorDiv.style.display = 'none';
    });
  }
});
</script>

So verwenden Sie es:

Kopieren Sie den obigen Code
Fügen Sie ihn in Ihr Formular vor der Absenden-Schaltfläche ein
Die Checkbox wird beim Absenden des Formulars validiert

Was enthalten ist

WCAG AA-barrierefrei (Labels, ARIA, Tastatur)
Integrierte Validierung mit Fehlermeldungen
Mehrere Frameworks (HTML, React, Vue)
Automatisch verlinkte Nutzungsbedingungen und Datenschutzerklärung
100% kostenlos, kein Tracking, keine Grenzen

Was ist eine „Ich stimme zu“-Checkbox?

Das ist unerlässlich für Anmeldeformulare, Checkout-Seiten und jedes Formular, bei dem Sie nachweisen müssen, dass der Nutzer Ihren Bedingungen zugestimmt hat.

Warum Sie Zustimmungs-Checkboxen benötigen

Rechtliche Durchsetzbarkeit

Gerichte erkennen Clickwrap-Vereinbarungen durchgängig an. Ohne ausdrückliche Einwilligung sind Ihre Bedingungen möglicherweise nicht rechtsverbindlich.

Nachweis der Einwilligung

Eine Checkbox erstellt einen klaren Nachweis, dass der Nutzer Ihre Bedingungen zu einem bestimmten Zeitpunkt gesehen und akzeptiert hat.

GDPR-Compliance

Die GDPR verlangt eine freiwillig erteilte, spezifische und informierte Einwilligung. Checkboxen helfen, dies für Datenschutzerklärungen nachzuweisen.

Schutz bei Streitfällen

Wenn ein Nutzer behauptet, er habe Ihren Bedingungen nicht zugestimmt, beweist die Checkbox-Interaktion das Gegenteil.

Wann Sie Zustimmungs-Checkboxen verwenden sollten

Nutzerregistrierung

Anmeldeformulare, Kontoerstellung, Mitgliedschaftsanträge

E-Commerce-Checkout

Kaufbestätigungen, Abo-Anmeldungen, Zahlungsformulare

Kontaktformulare

Beim Erheben personenbezogener Daten, die gespeichert oder verarbeitet werden

Newsletter-Anmeldungen

Einwilligung in E-Mail-Marketing (insbesondere für die GDPR-Compliance)

Service-Onboarding

SaaS-Testversionen, Aktivierung kostenloser Tarife, Service-Anmeldung

Häufig gestellte Fragen

Fügen Sie Ihren Formularen rechtlichen Schutz hinzu

Erstellen Sie durchsetzbare Vereinbarungen mit unserem kostenlosen „Ich stimme zu“-Checkbox-Generator.

Kostenloser „Ich stimme zu“-Checkbox-Generator für die Annahme von Bedingungen | TermsBox

Kostenloser „Ich stimme zu“-Checkbox-Generator

Erstellen Sie Ihre „Ich stimme zu“-Checkbox

Konfiguration

Vorschau

Generierter Code

So verwenden Sie es:

Was enthalten ist

Was ist eine „Ich stimme zu“-Checkbox?

Warum Sie Zustimmungs-Checkboxen benötigen

Rechtliche Durchsetzbarkeit

Nachweis der Einwilligung

GDPR-Compliance

Schutz bei Streitfällen

Wann Sie Zustimmungs-Checkboxen verwenden sollten

Nutzerregistrierung

E-Commerce-Checkout

Kontaktformulare

Newsletter-Anmeldungen

Service-Onboarding

Häufig gestellte Fragen

Ist eine Checkbox rechtsverbindlich?

Darf die Checkbox vorausgewählt sein?

Benötige ich separate Checkboxen für Bedingungen und Datenschutz?

Was passiert, wenn Nutzer das Kästchen nicht ankreuzen?

Sollte ich Einwilligungsnachweise speichern?

Fügen Sie Ihren Formularen rechtlichen Schutz hinzu

Kostenloser „Ich stimme zu“-Checkbox-Generator

Erstellen Sie Ihre „Ich stimme zu“-Checkbox

Konfiguration

Vorschau

Generierter Code

So verwenden Sie es:

Was enthalten ist

Was ist eine „Ich stimme zu“-Checkbox?

Warum Sie Zustimmungs-Checkboxen benötigen

Rechtliche Durchsetzbarkeit

Nachweis der Einwilligung

GDPR-Compliance

Schutz bei Streitfällen

Wann Sie Zustimmungs-Checkboxen verwenden sollten

Nutzerregistrierung

E-Commerce-Checkout

Kontaktformulare

Newsletter-Anmeldungen

Service-Onboarding

Häufig gestellte Fragen

Ist eine Checkbox rechtsverbindlich?

Darf die Checkbox vorausgewählt sein?

Benötige ich separate Checkboxen für Bedingungen und Datenschutz?

Was passiert, wenn Nutzer das Kästchen nicht ankreuzen?

Sollte ich Einwilligungsnachweise speichern?

Fügen Sie Ihren Formularen rechtlichen Schutz hinzu