How to create a basic submit to email style 'Contact Us' form.

  1. Go to Features > Website > Pages & Menus and create a new page by selecting the +Add button or open up the page you want the form to go on.

  2. Click into the Code tab.

3. Paste the following code in,

<p>[submit_to_email name="ContactUs" email_to="" success_url=""]<input name="email_subject" type="hidden" value="Contact Us" /></p>
<div class="row">
<h6 class="form-group col-6"><span style="color: #000000;"><label>NAME*</label></span><input class="form-control" name="First Name" required="" type="text" value="" placeholder="First Name" /></h6>
<div class="form-group col-6">
<input class="form-control" name="Last Name" required="" type="text" value="" placeholder="Last Name" /></div>
<div class="row">
<h6 class="form-group col-6"><span style="color: #000000;"><label>EMAIL*</label></span><input class="form-control" name="Email" required="" type="email" value="" placeholder="" /></h6>
<h6 class="form-group"><span style="color: #000000;"><label>COMMENTS</label></span><textarea class="form-control" name="Comments" placeholder=""></textarea></h6>
<div class="form-group">[recaptcha]</div>
<div class="form-group" style="text-align: center;"><button class="btn btn-primary btn-lg" type="submit">Submit</button></div>

It should look something like this when you switch back to the Visual tab.

4. Replace the email in the email_to field with the email address you want to receive the form entries.

5. Place a test submission to make sure the form is submitting to the email correctly.

Once complete, you should end up with something that looks like this,

Did this answer your question?