Contact Form

Summary: Here you can see how to use contact form

This is where you can add contact form.

Add new theme

Navigate to ‘Contact’ in your admin dashboard, and go to ‘Contact Forms’ “Add New”.

then full fill the form name add append form code then save it

Using contact form

When you save contact form then contact form provide a short code.You can use this short code

Hero contact form

<label> Your name</label>[text* your-name autocomplete:name placeholder "Jhon Cooper"]

<label class="pt-20"> Your email</label>[email* your-email autocomplete:email placeholder "[email protected]"] 

<label class="pt-20"> Phone No</label>[tel tel-890 placeholder "+88123456"]

<label class="pt-20"> Website</label>[text text-832 placeholder "www.example.com"]

[submit class:zt-cat class:mt-30 "Submit Now"]

Contact form two:

<label> Name</label>[text* your-name autocomplete:name placeholder "Jhon Cooper"]
<div class="row">
<div class="col-lg-6">
<label> Email</label>[email* your-email autocomplete:email placeholder "[email protected]"]
</div>
<div class="col-lg-6">
<label> Phone No</label>[tel tel-890 placeholder "+88123456"]
</div>
</div>
<label> Website</label>[text text-832 placeholder "www.example.com"]

<label> Message</label>[textarea your-message]

[submit class:zt-cat class:mt-30 "Submit Now"]

Contact form three

<label> Subject</label>[select menu-472 "Devloped" "Design"]

<label class="pt-20"> Name</label>[text* your-name autocomplete:name placeholder "Jhon Cooper"]
<div class="row">
<div class="col-lg-6">
<label class="pt-20"> Email</label>[email* your-email autocomplete:email placeholder "[email protected]"]
</div>
<div class="col-lg-6">
<label class="pt-20"> Phone No</label>[tel tel-890 placeholder "+88123456"]
</div>
</div>
<label class="pt-20"> Website</label>[text text-832 placeholder "www.example.com"]

<label class="pt-20"> Message</label>[textarea your-message]

[submit class:zt-cat class:mt-30 "Submit Now"]