Formular in x- beliegbigen Spalten darstellen

Heute möchte ich euch zeigen wie Ihr ein Forumuar in WordPress in mehreren Spalten darstellen könnt.

Was brauchen wir ?

ContactForm 7 Plugin
Column Shortcodes (alternativ ein Theme das Bootstrap unterstützt)

3 2 1 Los gehts.

Wenn Ihr die Beiden Plugins Installiert habt erstellt ihr zu erst eine Seite um an die Shortcodes für die Spalten heranzukommen.

 

 

Nun klickt ihr auf das Icon von des Spalten Generators. Ich wähle ein drei Spalten Design aus.

 

Jetzt  öffnet ihr ContactForm 7 und fügt folgenden Code in das Feld ein und speichert.

 

<div id=“contactform“>

[one_third padding=“0 30px 0 0″] <label> [text dein-name „Name“] </label> [/one_third] [one_third[ padding=“0 30px 0 0″] <label> [email* your-email „E-Mail“] </label> [/one_third] [one_third] <label> [text telefon „Telefon“] </label> [/one_third] <label> </label>

[textarea your-message „Ihre Mitteilung“] [submit „ABSENDEN“]

</div>

 

So oder so ähnlich sollte jetzt euer Kontaktformular aussehen.