Contact Form 7: Checkbox verhindert den Formular-Versand? | Unsere 2 Lösungen!

Einzelne Chechboxen funktionieren in Contact Form 7 seit einigen Updates zum Teil nicht mehr. Das passiert, wenn du in die Anführungszeichen der Checkbox nichts geschrieben hast. Der Grund für diese Vorgehensweise ist, dass Links innerhalb der Anführungszeichen nicht angezeigt werden können.

In diesem Video stellen wir dir hierfür zwei Lösungen vor:
1.) Du arbeitest weiterhin mit der Checkbox, fügt einen Inhalt in die Anführungszeichen ein und blendest per CSS den Inhalt aus.
2.) Du arbeitest stattdessen mit acceptance und stellst in den erweiterten Einstellungen von CF7 ein, dass acceptance zur Validierung verwendet werden kann.
Außerdem erklären wir dir, welche Lösung unserer Meinung nach aktuell am besten ist.
Besuche uns ebenfalls auf https://divi-tutorials.com, wo du all unsere Tutorials rund um WordPress und dem Divi Theme finden kannst.

Unseren Stream findest du auf https://twitch.tv/nextab_de, indem wir dir 4 Tage die Woche mehr rund um die Themen Webdesign und Webentwicklung beibringen.
Eine sich gegenseitig helfende Community findest du auf https://divi-tutorials.com/discord und Facebook https://www.facebook.com/groups/divitutorials.

----------
Timestamps:
----------

0:00 - Einleitung
1:14 - Lösung 1: checkbox in Contact Form 7 "reparieren" (mit CSS)
2:08 - Lösung 2: Datenschutz-Checkbox als acceptance-Feld erstellen
3:48 - Bonus-Tipp: Spam-Check für Contact Form 7 umgehen

----------
Videovorschläge:
----------

Contact Form 7 Tutorial - Vorteile, Anpassungen für die DSGVO + Einrichten von reCaptcha:
https://www.youtube.com/watch?v=gcEU6B6BMdA

5 Styling-Vorlagen für CONTACT FORM 7:
https://www.youtube.com/watch?v=eWvZUiLjEGs

Wie erstelle ich ein WordPress Child-Theme:
https://divi-tutorials.com/programmierung/wie-erstelle-ich-ein-wordpress-child-theme/

----------
Links aus dem Video:
----------

Plugin Contact Form 7:
https://de.wordpress.org/plugins/contact-form-7/

Website von Akay Berk:
https://kanka.dev/
----------
CSS-Code zu Lösung 1 aus dem Video:
----------
/* #region Checkbox-Bugfix cf7 */
/* Ausblenden des ""-Inhaltes */
.cf7_hide_checkbox .wpcf7-list-item-label {
display: none;
}
/* Chechbox-Styling für nexTab */
.angebot-anfordern-toggle .wpcf7-form .cf7_hide_checkbox .wpcf7-list-item, .cf7_hide_checkbox .dscf7 {
display: inline;
}
/* #endregion Checkbox-Bugfix cf7 */

----------
Code zu Lösung 2 für "Additional Settings" aus dem Video:
----------
acceptance_as_validation: on

----------
Code zum Umgehen des Spam-Checks für die functions.php deines Child-Themes:
----------
add_filter('wpcf7_spam', function() { return false; });

----------

Das Divi Theme*: https://divi-tutorials.com/divi_y
Die Divi Cloud*: https://divi-tutorials.com/divi_cloud
Unser Webhost*: https://divi-tutorials.com/all-inkl_y
Konto für Selbständige*: https://divi-tutorials.com/kontist_y
Unser Tipp für E-Mail-Marketing*: https://divi-tutorials.com/activecampaign_y

----------------
Die Musik im Clip stammt von Andrew Applepie, einem Berliner Künstler, den ihr hier unterstützen könnt: https://www.patreon.com/andrewapplepie/

Alle Links, die mit einem * vermerkt sind, sind Partner oder Affiliate-Links. Durch das Klicken dieser Links unterstützt du uns und ggfs. bekommen wir einen geringen Anteil, wenn du ein Produkt oder Dienstleistung kaufst. Bei dir fallen keine Extrakosten an.

Видео Contact Form 7: Checkbox verhindert den Formular-Versand? | Unsere 2 Lösungen! канала nexTab.de