Skip to content

Instantly share code, notes, and snippets.

@ambercouch
Last active December 31, 2021 18:54
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ambercouch/b930971e7f8b112a3db55806d8626ef9 to your computer and use it in GitHub Desktop.
Save ambercouch/b930971e7f8b112a3db55806d8626ef9 to your computer and use it in GitHub Desktop.
A default contact form for contact form 7
<div class="c-contact-form__content" >
<label class="c-contact-form__label" >
<span class="c-contact-form__label-text" >
Your Name <small>(required)</small>
</span>
<span class="c-contact-form__input-wrapper" >
[text* your-name placeholder "Name"]
</span>
</label>
<label class="c-contact-form__label">
<span class="c-contact-form__label-text">
Your Email <small>(required)</small></span>
</span>
<span class="c-contact-form__input-wrapper" >
[email* your-email placeholder "Email Address"]
</span>
</label>
<label class="c-contact-form__label" >
<span class="c-contact-form__label-text">
Tel
</span>
<span class="c-contact-form__input-wrapper" >
[tel telephone placeholder "Telephone number"]
</span>
</label>
<label>
<span class="c-contact-form__input-wrapper--select" >
[select menu-790 "Service required" "Pensions" "ISAs" "Shares" "Bonds" "Annuities" "Protection and Insurance"]
</span>
</label>
<label class="c-contact-form__label" >
<span class="c-contact-form__label-text">
Your Message
</span>
<span class="c-contact-form__input-wrapper" >
[textarea your-message "How can we help?"]
</span>
</label>
<div class="c-contact-form__input-wrapper--submit" >
[submit "Send"]
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment