Eine Übersicht aller möglichen Optionen in CF7 Text fields Text Ihr Name? Ihr Name? - Option Pflichtfeld * Ihr Name? - Option Standardwert Ihr Name? - Option Standardwert+Platzhalter Ihr Name? - Option Klasse (CSS-Klasse hier "bilderrahmen") E-Mail Hinweis: Der Feldtyp überprüft auf eine korrekt eingegebene Adresse Ihre E-Mail Adresse? URL Hinweis: Der Feldtyp überprüft bei der Eingabe auf eine Domain und fügt ggfls. ein http:// voran Ihre Homepage? Textfeld Ihre Nachricht! Tel Hinweis Der Feldtyp überprüft die Eingabe auf eine gültige Telefonnummer und erlaubt auch +49 und die Sonderzeichen / und - Ihre Telefonnummer? Weitere Optionen in den Textfeldern siehe https://contactform7.com/text-fields/ Zeichenbegrenzung minlength:3 -> Minimale Zeichenzahl maxlength:10 -> Maximale Zeichenzahl Breite des Eingabefelds -> size:50 Beispiel: size 25 - 50 - 100 Größe Textfeld(nur textarea!) -> (cols)x(rows) Dieses Textfeld hat eine Größe von 20x4 Dieses Textfeld hat eine Größe von 30x15 Number Fields Zahl Eine Zahl? - Variante Spinbox ohne weitere Optionen Variante Spinbox mit min/max Ihr Alter? (limitiert von 1-117) Variante Slider mit min=1 und max=10 Ihre Bewertung oder Einschätzung? links (1=schlecht), rechts (10=excellent) Date-field Datum Ihr Datum? ohne Optionen Datum mit Option min / max Ihre Tischreservierung für Dezember 2016? Weitere Zusatzoptionen Datumsfeld https://contactform7.com/date-field/ Min / Max mit relativem Datum und step Datum auswählbar für heute, morgen und übermorgen Schreibweise im Shortcode -> min:today max:today+2days Datum auswählbar von morgen bis in 10 Wochen, aber nur diesen Wochentag (step=7) Schreibweise im Shortcode-> min:today+1days max:10weeks step:7 Checkboxes, Radio Buttons and Menus Listenfeld oder Dropdownmenu Ihr Betriebssystem? AppleWindowsAndroidApple Ihr Betriebssystem - Mehrfachselektion erlauben (nicht zu empfehlen, da man die STRG-Taste für eine Mehrfachmarkierung benötigt) AppleWindowsAndroidApple Ihr Betriebssystem - leeres Objekt als erste Option einügen – Bitte auswählen –AppleWindowsAndroidApple Kontrollkästchen oder Checkbox Ihr Betriebssystem WindowsAppleLinux Ihr Betriebssystem - Beschriftung vorne, Kontrollkästchen hinten WindowsAppleLinux Ihr Betriebssystem - Jeden Eintrag mit Beschreibung umfassen WindowsAppleLinux Ihr Betriebssystem - Kontrollkästchen exklusiv machen (nicht zu empfehlen, stattdessen besser direkt Optionsfelder nutzen) WindowsAppleLinux Optionsfelder oder Radio-Buttons Ihr Betriebssystem WindowsAppleLinux Ihr Betriebssystem - Beschriftung vorne, Option hinten WindowsAppleLinux Ihr Betriebssystem - Jeden Eintrag mit Beschreibung umfassen WindowsAppleLinux Info zu Option- und Kontrollfelder Diese Elemente dürfen im HTML des Formulars nicht gelabelt werden, denn diese Felder haben bereits je Option ein eigenes HTML-Labeltag gewrapped. CF7 wird dann ein Konfigurationsfehler anzeigen! Falsch: < label>[ radio betriebssystem default:1 "Windows" "Apple" "Linux"]< /label> Richtig: <p>[ radio betriebssystem default:1 "Windows" "Apple" "Linux"]</p> Weitere Optionen siehe FAQ Checkboxes - Radio-buttons - Menus Wenn keine Option vorausgewählt sein soll, füge dem radio Shortcode das Attribut default:0 hinzu. Ein default:2 hingegen wählt die 2. Option als Vorauswahl. free_text (Letzte Auswahl ist freie Texteingabe) WindowsAppleLinuxEigene Eingabe: data:countries - Mit Listo eine lange Liste einfacher einbinden, zB eine Länderliste siehe https://contactform7.com/listo/ Contact Form 7 supports cooperation with Listo and allows drop-down menus, checkboxes, and radio buttons, with a long list of options that Listo provides. You don’t need painful manual editing anymore. Styling Optionsfelder und Kontrollkästchen https://contactform7.com/custom-layout-for-checkboxes-and-radio-buttons/ File Uploading and Attachment Datei Laden Sie bitte Ihre Bilddatei hoch - Optionen Limit 3MB und Dateitypen JPG+GIF+JPEF+PNG Hinweise Eingabe Dateigrößenlimit in Bytes, KB oder MB, bsp: 1MB oder 1024kB Standard-Uploadgröße ist 1 MB (1048576 bytes). Um mehrere Dateitypen auszuwählen, trage unter Akzeptierte Dateitypen die Dateitypen mit dem Pipe-Zeichen zur Trennung ein: png|jpg|jpeg Bei Nichteingabe werden folgende Dateitypen akzeptiert: jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav, wmv Senden Formular-Schutz Hinweis : Die Captcha und Quiz-Shortcodes sollen nicht gelabelt werden (kein <label> setzen, sondern <p>-Tags) Google Recaptcha (integriert in CF7) Hinweis: Cf7 nutzt seit 2016 das Google Recaptcha anstelle der älteren Lösung "Really Simple Captcha" weil als viel sicherer ist.Man kann es aber nur mit einem Google-Account und Registrierung nutzen und bzgl. Datenschutz haben da einige so ihre Bedenken. Wie es funktioniert? -> Lies hier reCAPTCHA Really Simple Captcha (Plugin) Really Simple Captcha ist der vormals in CF7 eingebaute Schutz des Plugin-Herstellers gewesen. Weil das aber inzwischen leicht "gehacked" werden kann, hat der Entwickler dann auf Google's Recaptche V2/V3 gesetzt. Wir wollen aber im Kurs lieber diesen Schutz nutzen, daher installieren / aktivieren wir uns das Plugin Really Simple CAPTCHA . Den Shortcode muss man nun manuell in sein Formular einfügen. Dieser lautet: (ohne Leerzeichen nach der Klammer) [ captchac captcha-614] [ captchar captcha-614] Und so sieht es dann aus: Zwecks Spamüberprüfung lösen Sie diese Aufgabe: Die Dokumentation und weitere Optionen (Farbe/Größe..) des Captcha Plugins unter http://contactform7.com/captcha/ Quiz Ein Quiz ist eine recht sichere Methode Spam abzuwenden. Die Antworten kann ein Spambot nicht kennen, es sei denn eine attackierende Person programmiert diesen individuell und setzt es gezielt gegen Ihre Website ein. Hinweis Es lassen sich auch mehrere Fragen/Antwort-Paare eintragen, die dann nach dem Zufallsprinzip gezeigt werden. -> Doku siehe FAQ Quiz Spamschutz, bitte beantworten Sie die Frage 1+1=? Plugin "Honeypot for Contact Form 7" Sehr wirksamer Schutz! https://de.wordpress.org/plugins/contact-form-7-honeypot/ Hier sehr gut erklärt: https://themecoder.de/2018/05/17/einfacher-wordpress-spamschutz-fuer-contact-form-7-ohne-recaptcha/ Datenschutzhinweis - DSGVO Zustimmung Beispiel: Haben Sie unsere Datenschutzerklärung zur Kenntnis genommen? Hinweise: Eine Zustimmung (Datenschutz od. AGB) sollte immer oberhalb am Sende-Button platziert werden. In den Formular Tag-Generator "Zustimmung" sollte in der Regel das voraktivierte Feld "Optional" zurückgesetzt werden, damit das Feld Zustimmung in jedem Fall angeklick werden muß. (Ausnahme für Optional ist z.B. die Zustimmung für einen Newsletter oder E-Mail Benachrichtungen, denn diese können optional, also auf Wunsch, erfolgen Zustimmung benutzerfreundlich nach DSGVO Zustimmungsbox als Voraussetzung für das Absenden des Formulars festlegen: " acceptance_as_validation: on " in den zusätzlichen Einstellungen des Formulars Weitere Informationen dazu Beitrag ->Contact-form-7-dsgvo-konform-einrichten Beitrag -> CF7 Kontaktformular Datenschutz zustimmen (Hier wird auch erklärt wie das Formular und die E-Mail dazu konfiguriert wird) WICHTIG! Datenschutzhinweis (seit 2016) nun DSGVO (seit Mai 2018) platzieren Immer in die Nähe eines Formulars, wenn persönliche Daten abgefragt werden, folgenden oder ähnlichen DATENSCHUTZHINWEIS platzieren oder auf die Datenschutzseite verlinken, wo dann dieser Text steht.. Mit dem nachstehenden Kontaktformular können Sie Ihre Anfrage an uns richten. Ihre Daten werden über unseren Provider per eMail an uns weitergeleitet und nach Beantwortung umgehend gelöscht, sofern keine gesetzlichen Aufbewahrungspflichten bestehen. Eine Nutzung zu einem anderen Zweck oder eine Datenweitergabe an Dritte findet nicht statt. Sie können Ihre Einwilligung zur Datenerhebung und Datennutzung jederzeit durch Nachricht an uns widerrufen. Im Falle des Widerrufs werden Ihre Daten umgehend gelöscht. Quelle: http://www.it-rechtsinfo.de/rechtsberatung/#kontakt Checklisten und Zusammenfassungen zu wichtigen Themen Check BeitragWas ist beim Erstellen und Schreiben eines Beitrags zu beachten Check Online gehen Checkliste zur Entwicklung einer Website und vor dem Online-Gang Contact Form 7 Alle Feldtypen, Formularschutz & Datenschutzhinweis in CF7 Stag’s ultimative LinklisteHTML – CSS – Browser – EditorenLernen, inspizieren, Tools Check Theme-SucheWelches Theme für deine Website? Was gilt es zu beachten? Themes free & paidEinige Empfehlungen kostenloser / kostenpflichtiger Themes Free Online-ToolsSuche nach Typografie, Farben & Verläufe, Icons, Bildern Check SuchmaschinenoptimierungEine kurze Zusammenfassung Check SecurityWas ist zu tun, um seine Website abzusichern? BlogsLesenswerte Blogs die über Themen rund um WordPress berichten