Once installed and imported demo data, you can manage it in the Dashboard >> Contact >> click Add New to create new contact forms for different parts of your website or edit the existing ones via the Edit option in Contact Forms tab.

contact

How To Setup Contact Forms:

1. Form: 

You can put any content of contact form and click button “Save” then a shortcode will be auto created. Just copy this shortcode into post, page, or text widget content that you want.

contact-form

Demo Hairsalon WordPress theme has 2 style contact forms available for you, just click Edit option in Contact Forms tab then copy and paste below content into contact form:

Contact Page:

<div class=”contact-page”>
<div class=”row”>
<div class=”col-sm-6″>[text* your-name placeholder “Full Name*”]</div>
<div class=”col-sm-6″>[email* your-email placeholder “Your Email*”]</div>
</div>

<div class=”row”>
<div class=”col-sm-12″>[text* your-subject placeholder “Subject*”]</div>
</div>

<div class=”row”>
<div class=”col-sm-12″>[textarea* your-message placeholder “Your Massage*”]</div>
</div>
<p>[submit “SEND MESSAGE”]</p>
</div>

Book Online:

<div class=”thim-sc-reservations”><div class=”thim-booktable”>
<div class=”booktable-wrapper row”>
<div class=”col-sm-4 with-icon”>[text* full-name placeholder “Full Name*”]<i class=”fa fa-user”></i></div>
<div class=”col-sm-4 with-icon”>[tel* your-phone placeholder “Phone Number*”]<i class=”fa fa-phone”></i></div>
<div class=”col-sm-4 with-icon”>[email* your-email placeholder “Your Email*”]<i class=”fa fa-envelope”></i></div></div>
<div class=”booktable-wrapper row”>
<div class=”col-sm-4 with-icon”>[text* time class:time-booktable placeholder “Time*”]<i class=”fa fa-clock-o”></i></div>
<div class=”col-sm-4 with-icon”>[text* date class:date-booktable placeholder “Date*”]<i class=”fa fa-calendar”></i></div>
<div class=”col-sm-4″>[select party-booktable “Select a service” “Men’s HairCut” “Women’s HairCut” “Teen’s Haircut” “Regular Makeup” “Just Eyes” “Full Highlights” “Haft Highlights”]</div></div>
<div class=”booktable-wrapper row”>
<div class=”col-sm-4″></div>
<div class=”col-sm-4″>[submit “Find Appointment”]</div>
<div class=”col-sm-4″></div></div></div></div>

2. Email:

The most important settings you need to define are located in the Mail tab. To learn more about setting email, you can refer document of contact form plugin. Notes that click “Save” after setting.

email-contact