How To Add A Simple Contact Form To Your Site

Having a simple contact form on your site makes it really easy for potential customers to contact you. Here’s a really simple way to do it.

Create a new page called Contact Us

Click on the tab that says Text at the top of where you write your information. This will take you to a box that looks just the same as this one. Once there simply copy the code below and paste it into your box.

Click back to your visual tab and you should now see your form.

Click publish and add the page to your menu so that it shows on your home page.

That’s it. Here’s the code you need to insert:

<div class=”container”>
<form id=”contact” action=”” method=”post”>
<h3>Quick Contact</h3>
<h4>Contact us today, and get reply with in 24 hours!</h4>
<fieldset>
<input placeholder=”Your name” type=”text” tabindex=”1″ required autofocus>
</fieldset>
<fieldset>
<input placeholder=”Your Email Address” type=”email” tabindex=”2″ required>
</fieldset>
<fieldset>
<input placeholder=”Your Phone Number” type=”tel” tabindex=”3″ required>
</fieldset>
<fieldset>
<input placeholder=”Your Web Site starts with http://” type=”url” tabindex=”4″ required>
</fieldset>
<fieldset>
<textarea placeholder=”Type your Message Here….” tabindex=”5″ required></textarea>
</fieldset>
<fieldset>
<button name=”submit” type=”submit” id=”contact-submit” data-submit=”…Sending”>Submit</button>
</fieldset>
</form>

</div>

When someone completes the form and hits submit, it will automatically send it to the email registered to your site ie mine goes to info@lynne-thomas.com

Share This:

Leave a Reply