Ändern des Captcha-Themas bei Google Checkbox v2 reCAPTCHA

Möchten Sie, dass Ihr reCAPTCHA zum dunklen Thema Ihrer Website passt? Das Google Checkbox v2 reCAPTCHA wird standardmäßig mit einem hellen Design geliefert. Sie können jedoch mit einem einfachen JavaScript-Snippet ganz einfach zu einem dunklen Design wechseln. Diese Verbesserung eignet sich perfekt für Websites mit dunklen Farbschemata oder wenn Sie einen anspruchsvolleren Look wünschen.

Diese Anleitung zeigt Ihnen, wie Sie Ihr reCAPTCHA-Thema von hell auf dunkel ändern können.

Verstehen von reCAPTCHA-Themen

Standardmäßig wird reCAPTCHA mit einem hellen Thema angezeigt. Google bietet jedoch eine integrierte Option für dunkle Designs, die Sie durch eine einfache Attributänderung aktivieren können.

Diese Themenänderung gilt für:

  • Google Checkbox v2 reCAPTCHA
  • Unsichtbares reCAPTCHA v2
  • hCAPTCHA

Voraussetzungen

Vergewissern Sie sich vor dem Ändern des Themas, dass Sie es haben:

  1. Ich habe ein Formular in WPForms erstellt. Wenn Sie Hilfe benötigen, sehen Sie sich unsere Anleitung zum Erstellen eines Formulars an.
  2. Richten Sie reCAPTCHA in Ihrem Formular ein. Für Setup-Anweisungen, lesen Sie unsere Dokumentation zum Einrichten reCAPTCHA in WPForms.
  3. Aktivieren Sie Google Checkbox v2 reCAPTCHA auf der Registerkarte Einstellungen " Spamschutz und Sicherheit Ihres Formulars.
Aktivieren Sie Google reCAPTCHA für Ihr Formular auf der Registerkarte Allgemein Ihrer Formulareinstellungen

Hinzufügen des Themenänderungscodes

Um zum dunklen Thema zu wechseln, fügen Sie diesen Code-Snippet zu Ihrer Website hinzu. Wenn Sie Hilfe beim Hinzufügen von benutzerdefiniertem Code benötigen, lesen Sie bitte unsere Anleitung zum Hinzufügen von Code-Snippets.

Dieser Code funktioniert durch Hinzufügen einer data-theme="dark" Attribut an das reCAPTCHA-Element an. Für zusätzliche Anpassungsoptionen können Sie sich auf die reCAPTCHA-Entwicklerleitfaden von Google.

Sobald der Code zu Ihrer Website hinzugefügt wurde, ist Ihr Captcha-Thema nun auf Dunkelheit eingestellt.

Mit dem obigen Code können Sie nun das Captcha-Thema auf dunkel ändern

Und das war's! Sie haben das Captcha-Thema erfolgreich von Hell auf Dunkel geändert. Möchten Sie als Nächstes das Aussehen Ihres Formulars anpassen? Sehen Sie sich unseren Leitfaden zur Gestaltung von Platzhaltertext für Formularfelder an.

Referenz Aktion

wpforms_wp_footer_end