Template comes with ready to use:
- Contact Form
All needed files are in /form directory.
Remember to includeon page.
To configure form just edit form/config.php and change e-mails to your own :
1 2 |
$to = "mail@example.com"; $from = "mail@example.com"; |
That’s it!
Screenshot
Markup
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<form role="form" action="assets/form/send.php" method="POST" class="validateIt"> <div class="row"> <div class="col-sm-6"> <div class="form-group ct-u-marginBottom30"> <input id="contact_name" data-error-message="Name" placeholder="Name" type="text" required="" name="field[]" class="form-control ct-input--type1 input-hg" title="Name"> <label for="contact_name" class="sr-only"></label> </div> </div> <div class="col-sm-6"> <div class="form-group ct-u-marginBottom30"> <input id="contact_email" data-error-message="Email" placeholder="Email" required="" name="field[]" type="email" class="form-control ct-input--type1 input-hg h5-email" title="Email"> <label for="contact_email" class="sr-only"></label> </div> </div> </div> <div class="form-group ct-u-marginBottom30"> <input id="contact_phone" placeholder="Website" name="field[]" type="tel" class="form-control h5-phone ct-input--type1 input-hg" title="Phone"> <label for="contact_phone" class="sr-only"></label> </div> <div class="form-group ct-u-marginBottom30"> <textarea id="contact_message" data-error-message="Message is required" placeholder="Your Message" class="form-control ct-input--type1" rows="6" name="field[]" required="" title="Message"></textarea> <label for="contact_message" class="sr-only"></label> </div> <button type="submit" class="btn btn-primary btn-lg pull-right"><span>Send Message</span></button> <div class="clearfix"></div> </form> |
Options (can be changed in HTML) :
Mail Subject – just change value in :
Success Message – change successMessage div content
Error Message – change errorMessage div content
Common Problems
Where I can edit my contact form/newsletter email addres?
You can define where we should send messages from your contact form and newsletter in file HTML/assets/form/config.php
Add your email address instead of recipient@mail.com and it’s ready to use!