Plugin: Contact Form 7 Multi-Step Forms
Beispiel:
<div class="wps-form">
<div class="wps-form-row">
<div class="wps-form-column">
<label>Dein Vorname</label>
[text* vorname]
</div>
<div class="wps-form-column">
<label>Dein Nachname</label>
[text* nachname]
</div>
</div>
<div class="wps-form-row">
<div class="wps-form-column">
<label>Straße und Hausnummer</label>
[text* adresse]
</div>
<div class="wps-form-column">
<label>PLZ Ort</label>
[text* ort]
</div>
</div>
Css
@media only screen and (min-width: 48em) {
.wps-form .wps-form-row {
flex-direction: row;
}
.wps-form .wps-form-column {
padding: 0rem 1rem;
}
}
- Formularfeldnamen ermitteln:
2. Formularfeldnamen eintragen: