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]) gesendetCode-Sprache: CSS (css)

Das Ergebnis: