### [Ändern des reCAPTCHA-Themas bei Google Checkbox v2](https://wpforms.com/developers/how-to-change-the-captcha-theme-on-google-checkbox-v2-recaptcha/)

**Veröffentlicht:** 14. Oktober 2019
**Autor:** Umair Majeed

**Auszug:** In diesem Tutorial erfahren Sie, wie Sie das Standard-reCAPTCHA-Design von Google mithilfe von JavaScript von „Hell“ auf „Dunkel“ umstellen können. 

**Inhalt:**

Möchten Sie Ihr reCAPTCHA an das dunkle Design Ihrer Website anpassen? Obwohl Googles Checkbox v2 reCAPTCHA standardmäßig ein helles Design hat, können Sie 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 ein eleganteres Erscheinungsbild wünschen.

In dieser Anleitung erfahren Sie, wie Sie Ihr reCAPTCHA-Design von hell auf dunkel umstellen.

## reCAPTCHA-Designs verstehen

Standardmäßig wird reCAPTCHA mit einem hellen Design angezeigt. Google bietet jedoch eine integrierte Option für ein dunkles Design, die Sie durch eine einfache Änderung der Attribute aktivieren können.

Diese Designänderung gilt für:

- Google Checkbox v2 reCAPTCHA
- Invisible reCAPTCHA v2
- hCAPTCHA

## Voraussetzungen

Bevor Sie das Design ändern, stellen Sie sicher, dass Sie:

1. Ein Formular in WPForms erstellt haben. Wenn Sie Hilfe benötigen, lesen Sie unsere Anleitung zum [Erstellen eines Formulars](https://wpforms.com/docs/creating-first-form/).
2. Richten Sie reCAPTCHA in Ihrem Formular ein. Anweisungen zur Einrichtung finden Sie in unserer Dokumentation zum [Einrichten von reCAPTCHA in WPForms](https://wpforms.com/docs/how-to-set-up-and-use-recaptcha-in-wpforms/).
3. Aktivieren Sie Google Checkbox v2 reCAPTCHA in den **Einstellungen** Ihres Formulars » **Spamschutz und Sicherheit**.

![Aktivieren Sie Google reCAPTCHA in Ihrem Formular unter dem Reiter „Allgemein“ in den Formulareinstellungen](https://wpforms.com/wp-content/uploads/2019/10/wpforms-change-captcha-theme-settings.jpg)## Hinzufügen des Codes für den Theme-Wechsel

Um zum dunklen Design zu wechseln, fügen Sie diesen Code-Schnipsel zu Ihrer Website hinzu. Wenn Sie Hilfe beim Hinzufügen von benutzerdefiniertem Code benötigen, lesen Sie bitte unser Tutorial zum [Hinzufügen von Code-Schnipseln](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/).

Dieser Code fügt dem reCAPTCHA-Element das Attribut `data-theme="dark"` hinzu. Weitere Anpassungsoptionen finden Sie im [reCAPTCHA-Entwicklerhandbuch von Google](https://developers.google.com/recaptcha/old/docs/customization).

Sobald der Code zu Ihrer Website hinzugefügt wurde, wird Ihr Captcha-Design auf **Dunkel** gesetzt.

![Mit dem obigen Code können Sie nun das Captcha-Design auf „Dunkel“ umstellen](https://wpforms.com/wp-content/uploads/2019/10/wpforms-dark-theme-google-captcha.jpg)Und das war’s schon! Sie haben das Captcha-Design erfolgreich von **Hell** auf **Dunkel** geändert. Möchten Sie als Nächstes das Erscheinungsbild des Formulartextes anpassen? Lesen Sie unseren Leitfaden zum [Gestalten von Platzhaltertext für Formularfelder](https://wpforms.com/developers/style-placeholder-text-for-form-fields/).

## Referenz-Aktion

[wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer_end/ „Verwendung der Aktion wpforms_wp_footer_end“)

**Kategorien:** Erweiterungen

**Tags:** Custom Captcha Addon, Javascript, JS

---