100% GRATIS

Gratis generator voor "Ik ga akkoord"-selectievakje

Voeg juridisch bindende akkoordselectievakjes toe aan je formulieren. Ondersteunt HTML, React en Vue.

Bouw je "Ik ga akkoord"-selectievakje

Configureer je selectievakje en kopieer de code. Ondersteunt meerdere frameworks.

Configuratie

URL van servicevoorwaarden

URL van privacybeleid

Foutmelding

Voorbeeld

Ik ga akkoord met de servicevoorwaarden en het privacybeleid

Je moet akkoord gaan met de voorwaarden en het privacybeleid om door te gaan

Gegenereerde 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;">
    Je moet akkoord gaan met de voorwaarden en het privacybeleid om door te gaan
  </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>

Gebruik:

Kopieer de bovenstaande code
Plak het in je formulier vóór de verzendknop
Het selectievakje wordt gevalideerd bij het verzenden van het formulier

Wat is inbegrepen

WCAG AA-toegankelijk (labels, ARIA, toetsenbord)
Ingebouwde validatie met foutmeldingen
Meerdere frameworks (HTML, React, Vue)
Automatisch gelinkte voorwaarden en privacybeleid
100% gratis, geen tracking, geen limieten

Wat is een "Ik ga akkoord"-selectievakje?

Een "Ik ga akkoord"-selectievakje (ook wel een clickwrap-overeenkomst genoemd) is een formulierelement dat gebruikers verplicht actief een vakje aan te vinken om aan te geven dat ze je servicevoorwaarden en privacybeleid accepteren voordat ze een formulier verzenden.

In tegenstelling tot "browsewrap"-overeenkomsten (waarbij de voorwaarden in de footer worden gelinkt) worden clickwrap-overeenkomsten consequent door rechtbanken erkend, omdat ze een expliciete handeling van de gebruiker vereisen om toestemming aan te geven.

Dit is essentieel voor registratieformulieren, afrekenpagina's en elk formulier waarbij je moet kunnen aantonen dat de gebruiker met je voorwaarden akkoord is gegaan.

Waarom je akkoordselectievakjes nodig hebt

Juridische afdwingbaarheid

Rechtbanken erkennen clickwrap-overeenkomsten consequent. Zonder expliciete toestemming zijn je voorwaarden mogelijk niet juridisch bindend.

Bewijs van toestemming

Een selectievakje creëert een duidelijk bewijs dat de gebruiker je voorwaarden op een specifiek moment heeft gezien en geaccepteerd.

GDPR-naleving

De GDPR vereist vrijelijk gegeven, specifieke en geïnformeerde toestemming. Selectievakjes helpen dit aan te tonen voor privacybeleid.

Bescherming bij geschillen

Als een gebruiker beweert niet met je voorwaarden akkoord te zijn gegaan, bewijst de interactie met het selectievakje het tegendeel.

Wanneer akkoordselectievakjes gebruiken

Gebruikersregistratie

Registratieformulieren, accountaanmaak, lidmaatschapsaanvragen

E-commerce-afrekenen

Aankoopbevestigingen, abonnementsregistraties, betaalformulieren

Contactformulieren

Bij het verzamelen van persoonsgegevens die worden opgeslagen of verwerkt

Nieuwsbriefinschrijvingen

Toestemming voor e-mailmarketing (vooral voor GDPR-naleving)

Service-onboarding

SaaS-proefversies, activeringen van gratis abonnementen, serviceaanmeldingen

Veelgestelde vragen

Voeg juridische bescherming toe aan je formulieren

Maak afdwingbare overeenkomsten met onze gratis generator voor "Ik ga akkoord"-selectievakjes.

100% GRATIS

Gratis generator voor "Ik ga akkoord"-selectievakje

Voeg juridisch bindende akkoordselectievakjes toe aan je formulieren. Ondersteunt HTML, React en Vue.

Bouw je "Ik ga akkoord"-selectievakje

Configureer je selectievakje en kopieer de code. Ondersteunt meerdere frameworks.

Configuratie

URL van servicevoorwaarden

URL van privacybeleid

Foutmelding

Voorbeeld

Ik ga akkoord met de servicevoorwaarden en het privacybeleid

Je moet akkoord gaan met de voorwaarden en het privacybeleid om door te gaan

Gegenereerde 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;">
    Je moet akkoord gaan met de voorwaarden en het privacybeleid om door te gaan
  </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>

Gebruik:

Kopieer de bovenstaande code
Plak het in je formulier vóór de verzendknop
Het selectievakje wordt gevalideerd bij het verzenden van het formulier

Wat is inbegrepen

WCAG AA-toegankelijk (labels, ARIA, toetsenbord)
Ingebouwde validatie met foutmeldingen
Meerdere frameworks (HTML, React, Vue)
Automatisch gelinkte voorwaarden en privacybeleid
100% gratis, geen tracking, geen limieten

Wat is een "Ik ga akkoord"-selectievakje?

Dit is essentieel voor registratieformulieren, afrekenpagina's en elk formulier waarbij je moet kunnen aantonen dat de gebruiker met je voorwaarden akkoord is gegaan.

Waarom je akkoordselectievakjes nodig hebt

Juridische afdwingbaarheid

Rechtbanken erkennen clickwrap-overeenkomsten consequent. Zonder expliciete toestemming zijn je voorwaarden mogelijk niet juridisch bindend.

Bewijs van toestemming

Een selectievakje creëert een duidelijk bewijs dat de gebruiker je voorwaarden op een specifiek moment heeft gezien en geaccepteerd.

GDPR-naleving

De GDPR vereist vrijelijk gegeven, specifieke en geïnformeerde toestemming. Selectievakjes helpen dit aan te tonen voor privacybeleid.

Bescherming bij geschillen

Als een gebruiker beweert niet met je voorwaarden akkoord te zijn gegaan, bewijst de interactie met het selectievakje het tegendeel.

Wanneer akkoordselectievakjes gebruiken

Gebruikersregistratie

Registratieformulieren, accountaanmaak, lidmaatschapsaanvragen

E-commerce-afrekenen

Aankoopbevestigingen, abonnementsregistraties, betaalformulieren

Contactformulieren

Bij het verzamelen van persoonsgegevens die worden opgeslagen of verwerkt

Nieuwsbriefinschrijvingen

Toestemming voor e-mailmarketing (vooral voor GDPR-naleving)

Service-onboarding

SaaS-proefversies, activeringen van gratis abonnementen, serviceaanmeldingen

Veelgestelde vragen

Voeg juridische bescherming toe aan je formulieren

Maak afdwingbare overeenkomsten met onze gratis generator voor "Ik ga akkoord"-selectievakjes.

Gratis generator voor "Ik ga akkoord"-selectievakje voor acceptatie van voorwaarden | TermsBox

Gratis generator voor "Ik ga akkoord"-selectievakje

Bouw je "Ik ga akkoord"-selectievakje

Configuratie

Voorbeeld

Gegenereerde code

Gebruik:

Wat is inbegrepen

Wat is een "Ik ga akkoord"-selectievakje?

Waarom je akkoordselectievakjes nodig hebt

Juridische afdwingbaarheid

Bewijs van toestemming

GDPR-naleving

Bescherming bij geschillen

Wanneer akkoordselectievakjes gebruiken

Gebruikersregistratie

E-commerce-afrekenen

Contactformulieren

Nieuwsbriefinschrijvingen

Service-onboarding

Veelgestelde vragen

Is een selectievakje juridisch bindend?

Mag het selectievakje vooraf aangevinkt zijn?

Heb ik aparte selectievakjes nodig voor de voorwaarden en de privacy?

Wat als gebruikers het vakje niet aanvinken?

Moet ik toestemmingsregistraties bewaren?

Voeg juridische bescherming toe aan je formulieren

Gratis generator voor "Ik ga akkoord"-selectievakje

Bouw je "Ik ga akkoord"-selectievakje

Configuratie

Voorbeeld

Gegenereerde code

Gebruik:

Wat is inbegrepen

Wat is een "Ik ga akkoord"-selectievakje?

Waarom je akkoordselectievakjes nodig hebt

Juridische afdwingbaarheid

Bewijs van toestemming

GDPR-naleving

Bescherming bij geschillen

Wanneer akkoordselectievakjes gebruiken

Gebruikersregistratie

E-commerce-afrekenen

Contactformulieren

Nieuwsbriefinschrijvingen

Service-onboarding

Veelgestelde vragen

Is een selectievakje juridisch bindend?

Mag het selectievakje vooraf aangevinkt zijn?

Heb ik aparte selectievakjes nodig voor de voorwaarden en de privacy?

Wat als gebruikers het vakje niet aanvinken?

Moet ik toestemmingsregistraties bewaren?

Voeg juridische bescherming toe aan je formulieren