If you haven’t installed our demo content but want to add a contact form to your website, we recommend using the popular Contact Form 7 plugin.

This plugin is included as a recommended plugin with our theme. Once you install and activate it, a basic contact form will be automatically created. You can place it on your page using Elementor.

Alternatively, you can create a custom form by navigating to:
Dashboard → Contact → Add New

For detailed instructions, refer to the Contact Form 7 Documentation.

Hoco Theme Contact Forms Code:

<div class="contact-area pb-100">
	<div class="container">
		<div class="contact-form">
			<h3>Send Us A message</h3>

			<div class="row">
				<div class="col-lg-6 col-md-6">
					<div class="form-group">
						[text* your-name class:form-control placeholder "Name"]
					</div>
				</div>

				<div class="col-lg-6 col-md-6">
					<div class="form-group">
						[email* your-email class:form-control placeholder "Email"]
					</div>
				</div>

				<div class="col-lg-6 col-md-6">
					<div class="form-group">
						[number* your-number class:form-control placeholder "Phone No"]
					</div>
				</div>

				<div class="col-lg-6 col-md-6">
					<div class="form-group">
						[text* your-subject class:form-control placeholder "Subject"]
					</div>
				</div>

				<div class="col-lg-12">
					<div class="form-group">
						[textarea your-message class:form-control rows:5 placeholder "Add Your Message"]
					</div>
				</div>

				<div class="col-12">
					<div class="form-check">
						<div class="form-group">
							[acceptance  gdpr class:gdpr-term ] Accept <a href="http://localhost/wordpress/hoco/terms-conditions/">terms</a> and <a href="http://localhost/wordpress/hoco/privacy-policy/">privacy policy</a>.[/acceptance]
						</div>
					</div>
				</div>

				
				<div class="col-lg-12 col-md-12 text-center">[submit class:default-btn class:active "Send Message"]</div>
			</div>
		</div>
	</div>
</div>