De meeste mensen zijn de Google reCAPTCHA al tegengekomen op een website. Bij de nieuwe versie (v3) toont Google nu rechtsonder een fade-in. Dat is niet erg aantrekkelijk, dus ik laat je zien hoe je de fade-in met CSS kunt verwijderen.
Google levert al jaren de reCAPTCHA v2 (versie 2). Dat werkt goed, maar het is vervelend en niet gebruiksvriendelijk met puzzels of moeilijke woorden over te schrijven (vaak meerdere achter elkaar). Google heeft om deze en andere redenen reCAPTCHA v3 geïntroduceerd en uitgebracht (Versie 3).
De gebruiker hoeft geen taken meer uit te voeren; alles draait onzichtbaar op de achtergrond. Alleen een dergelijke badge is rechtsonder zichtbaar.
Hoe verwijder je de reCAPTCHA badge?
Het enige wat je hoeft te doen is deze lijn CSS bijschrijven in je css bestandje.
.grecaptcha-badge { visibility: hidden; }Mag je de badge verwijderen volgens Google?
De badge mag verborgen worden volgens Google. Letterlijk hoe Google het verwoord: “You are allowed to hide the badge as long as you include the reCAPTCHA branding visibly in the user flow.”
Hoe maak je een Google reCAPTCHA V3 aan?
Dit kan via de Admin console.
Hoe verberg je de Google reCAPTCHA in WordPress?
Als u Google reCAPTCHA gebruikt op uw WordPress-pagina kan je de badge zonder problemen verbergen.
Je kunt de CSS in het CSS-bestand van je thema plaatsen, of je kunt de backend gebruiken en de code onderaan het bestand onder Design > Theme Editor > Stylesheet (style.css) plaatsen.
U kunt het ook plaatsen onder Ontwerp > Customizer > Extra CSS.
Hoe verberg je de Google Recaptcha V3 in elementor?
Bekijk het in deze video: