Skip to content

Instantly share code, notes, and snippets.

@webmandesign

webmandesign/dummy-form-to-cf7.html

Last active October 28, 2017 09:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save webmandesign/6a761a3c905f886c60139918faf8dd0f to your computer and use it in GitHub Desktop.
Save webmandesign/6a761a3c905f886c60139918faf8dd0f to your computer and use it in GitHub Desktop.
Download ZIP
Convert WebMan dummy form to Contact Form 7
Raw
dummy-form-to-cf7.html
<p style="width: 48%; float: left;" class="fullwidth">
<label class="screen-reader-text" for="form-name">Your name</label>
[text name id:form-name placeholder "Your name"]
</p>
<p style="width: 48%; float: right;" class="fullwidth">
<label class="screen-reader-text" for="form-email">Your email</label>
[email email id:form-email placeholder "Your email"]
</p>
<p style="clear: both;" class="fullwidth">
<label class="screen-reader-text" for="form-message">Your message</label>
[textarea message id:form-message rows:2 placeholder "Your message"]
</p>
<p class="fullwidth">
[submit "Send message"]
</p>
@webmandesign
Copy link
Author

This code should be placed into a Contact Form 7 form. Then use the shortcode to display it on your website:

WebMan design demo website dummy form into Contact Form 7

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment