Hello Friends,
If you would like to define Contact Form-7 in hindi language. Please open your admin panel and follow the step below:
Step 1: Click at Contact form on left menu --> Add New
Step 2: Default contact form's content appear as below ::
<p>Your Name (required)<br />
[text* your-name] </p>
<p>Your Email (required)<br />
[email* your-email] </p>
<p>Subject<br />
[text your-subject] </p>
<p>Your Message<br />
[textarea your-message] </p>
<p>[submit "Send"]</p>
Step 3: Update the content as per your need, I have given an example below:
<!------------ Define contact form -->
<div class="mainContainer container enquiry-form">
<div>
<h2 class="enquiry-heding"> :</h2> <!----contact form title -->
<div class="row">
<div class="form-group col-sm-6">
<label class="control-label col-sm-3"></label>
<div class="col-sm-8">
[text* first-name class:form-control] <!--- Define first name -->
</div>
</div>
<div class="form-group col-sm-6">
<label class="control-label col-sm-3"> </label> <!--- Define last name -->
<div class="col-sm-8">
[text last-name class:form-control]
</div>
</div>
</div>
<div class="row">
<div class="form-group col-sm-6">
<label class="control-label col-sm-3"></label> <!--- Define Address -->
<div class="col-sm-8">
[text address class:form-control]
</div>
</div>
<div class="form-group col-sm-6">
<label class="control-label col-sm-3"></label>
<div class="col-sm-8">
[text city class:form-control]
</div>
</div>
</div>
<div class="row">
<div class="form-group col-sm-6">
<label class="control-label col-sm-3"></label>
<div class="col-sm-8">
[text state class:form-control]
</div>
</div>
<div class="form-group col-sm-6">
<label class="control-label col-sm-3"></label>
<div class="col-sm-8">
[text country class:form-control]
<span class="holder"></span>
</div>
</div>
</div>
<div class="row">
<div class="form-group col-sm-6">
<label class="control-label col-sm-3"></label>
<div class="col-sm-8">
[email* your-email class:form-control]
</div>
</div>
<div class="form-group col-sm-6">
<label class="control-label col-sm-3"></label>
<div class="col-sm-8">
[tel phone class:form-control]
</div>
</div>
</div>
<div class="row">
<div class="form-group col-sm-12">
<label class="control-label col-sm-2 width137"> </label>
<div class="col-sm-10 editpad">
[textarea enquiry class:form-control]
</div>
</div>
</div>
<hr class="frmLine">
<div class="clearfix"></div>
<div class="button-form">
<input type="image" src="http://localhost/ucada/wp-content/themes/ucada/images/btn.png">
</div>
</div>
</div>
**** Now Use the short code on your contact page and enjoy the Hindi contact form.
<?php
/****** My short code would be different to your short code. Please check the contact page on your admin panel and replace the short code below ****/
echo do_shortcode( '[contact-form-7 id="153" title="Contact form 1"]' );
?>
0 Comment(s)