Jak łatwo zintegrować ochronę reCaptcha w formularzu kontaktowym w kodzie HTML?

Najprostszą metodą użycia reCAPTCHA v3 na Twojej stronie jest włączenie niezbędnego zasobu JavaScript i dodanie kilku atrybutów do przycisku html.

1. Dodaj do nagłówka strony odwołanie do javascript reCaptcha

 <script src="https://dhosting.pl/pomoc/wp-content/litespeed/localres/aHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS9yZWNhcHRjaGEvYXBpLmpz"></script>

2. Dodaj do nagłówka lub stopki powiązanie / wywołanie callback do javascript reCaptcha.

 <script>
   function onSubmit(token) {
     document.getElementById("demo-form").submit();
   }
 </script>

3. Dodaj artybuty do przycisku odpowiadającego za wysyłanie formularza, czyli przykładowo:

<button class="g-recaptcha" data-sitekey="reCAPTCHA_site_key" data-callback="onSubmit" data-action="submit">Submit</button>