25. März 2023
Contact Form 7 Kontaktformular-Template
Contact Form 7 ist im Prinzip DAS Kontaktformular-Plug-in für WordPress. Hier ist ein Code für ein beispielhaftes Formular mit häufig genutzten Feldern und Bootstrap-Spalten sowie die dazugehörige E-Mail-Vorlage zum copy&pasten.
<label class="small mb-3"> Ihr Name *
[text* your-name autocomplete:name class:form-control class:w100] </label>
<div class="row">
<div class="col-12 col-md-6">
<label class="small mb-3"> Ihre E-Mail-Adresse *
[email* your-email autocomplete:email class:form-control class:w100] </label>
</div>
<div class="col-12 col-md-6">
<label class="small mb-3"> Ihre Telefonnummer
[tel your-tel autocomplete:tel class:form-control class:w100] </label>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
<label class="small mb-3"> Straße & Nr.
[text your-street class:form-control class:w100] </label>
</div>
<div class="col-12 col-md-6">
<label class="small mb-3"> PLZ & Ort
[text your-city class:form-control class:w100] </label>
</div>
</div>
<label class="small mb-3"> Ihre Nachricht
[textarea your-message class:form-control class:w100] </label>
[checkbox* datenschutzhinweis use_label_element "Ich habe die Datenschutzerklärung zur Kenntnis genommen und stimme zu, dass meine Angaben und Daten zur Beantwortung meiner Anfrage elektronisch erhoben und gespeichert werden. *"]
<p><small>* Pflichtfelder</small></p>
[submit class:btn class:btn-secondary "Abschicken"]
Code-Sprache: HTML, XML (xml)
[your-name]
[your-email]
[your-tel]
[your-street]
[your-city]
[your-message]
--
Diese E-Mail wurde von einem Kontaktformular von [_site_title] ([_site_url]) gesendet
Code-Sprache: CSS (css)
Das Ergebnis:
Nächster Artikel