Contact forms in {Theme} are created with the use of Contact Form 7 Plugin. Below you will find information how to recreate Contact forms used in our theme by adding the correct markup for the Form section of this plugin.
Contact form markup added to Form
If you never before used this plugin I suggest you to check Getting Started with ContactForm 7.
Page contact
Contact form
Contact form can be recreated by using this markup for contact form:
|
1 |
<div class="form-group text-right"><span class="inner"><label class="sr-only"> Your Name </label> [text* Name placeholder "Name"]<label class="sr-only"> Your Email </label> [email* email placeholder "Email"]<label class="sr-only"> Message </label> [textarea* Email placeholder "Message"]<br><button type="submit" class="btn btn-motive--darkHover btn-full">Send Message</button></span></div> |
Footer – newsletter
Footer newsletter
To recreate this contact form please use:
|
1 |
<div class="form-group"><label> Please enter your email address and hit sign up button. We never spam.</label><span class="inner">[email* your-email placeholder "Your e-mail here"]<button type="submit"><span class="fa fa-long-arrow-right" aria-hidden="true"> <span class="sr-only">Submit</span></span></button></span></div> |
In our demo this form is added to the Footer second column in first row widgets via adding this contatc form shortcode to text widget as you can see on the image below:
Adding contact form to widget