Form templates

If you didn’t use the demo importer or have lost a form template, you can copy one from the examples below and paste it into your form under the ‘Contact’ admin tab.

Contact page form

<div class="row">
	<div class="col-12 col-lg-6">
		<label class="asteriks">What is your name</label>[text* your-name placeholder "Kaley E. Lincoln"]
	</div>
	<div class="col-12 col-lg-6">
		<label class="asteriks">Your email address</label>[email* your-email placeholder "kaley@myemail.com"]
	</div>
</div>
<div class="row">
	<div class="col-12 col-lg-6">
		<label class="asteriks">Your phone number</label>[tel* your-phone placeholder "+22 20 531 2300"]
	</div>
	<div class="col-12 col-lg-6">
		<label>Your address</label>[text your-address]
	</div>
</div>
<div class="row">
	<div class="col-12">
		<label class="asteriks">I want to talk about</label>[select* your-subject first_as_label "Select an option" "General Question" "Partnership Inquiry" "Job Application" "Feedback" "Other"]
	</div>
</div>
<div class="row">
	<div class="col-12">
		<label>Service interest</label>[checkbox service-interest use_label_element "Residential Moving" "Business Moving" "Packing Services" "Storage Solutions" "Other Services"]
	</div>
</div>
<div class="row">
	<div class="col-12">
		<label class="asteriks">Write your message</label>[textarea* your-message placeholder "Hi there, I have a question about..."]
	</div>
	<div class="col-12 d-flex justify-center">
		[acceptance your-acceptance default:on] I agree to the <a href="#" class="qt-underline">Privacy Policy</a> and <a href="#" class="qt-underline">Cookie Policy</a> of this website. [/acceptance]
	</div>
	<div class="col-12">
		[submit class:fullwidth "Send Message"]
	</div>
</div>

Request a Quote page form

<h4 class="form-title primary-color">1. Contact Information</h4>

<div class="row">
	<div class="col-12 col-lg-6">
		<label class="asteriks">Your Name / Company Name</label>[text* your-name placeholder "Margret Paulson"]
	</div>
	<div class="col-12 col-lg-6">
		<label class="asteriks">Your Email Address</label>[email* your-email placeholder "margretpaulson@myemail.com"]
	</div>
	<div class="col-12 col-lg-6">
		<label class="asteriks">Your Phone Number</label>[tel* your-phone placeholder "+31 123 456 7890"]
	</div>
	<div class="col-12 col-lg-6">
		<label class="asteriks">Your Address</label>[text* your-address placeholder "333 Julian Morris Rd"]
	</div>
	<div class="col-12 col-lg-6">
		<label class="asteriks">Your Postal Code</label>[text* your-postcode placeholder "49509 Wyoming, MI"]
	</div>
	<div class="col-12 col-lg-6">
		<label class="asteriks">Your Date of Birth</label>[text* date-of-birth placeholder "06-18-1987"]
	</div>
	<div class="col-12">
		<label>Preferred Contact Method</label>
		<div class="list-inline">[radio contact-method use_label_element "By Phone" "By Email" "WhatsApp / Messenger"]</div>
	</div>
</div>

<hr class="form-divider">
<h4 class="form-title primary-color">2. Move Details</h4>

<div class="row">
	<div class="col-12 col-lg-6">
		<label class="asteriks">From Address</label>[text* start-address placeholder "Enter address or zip code"]
	</div>
	<div class="col-12 col-lg-6">
		<label class="asteriks">From Property</label>[select* start-property first_as_label "Select Option" "Apartment" "House" "Office" "Storage Unit" "Other"]
	</div>
	<div class="col-12 col-lg-6">
		<label class="asteriks">To Address</label>[text* end-address placeholder "Enter address or zip code"]
	</div>
	<div class="col-12 col-lg-6">
		<label class="asteriks">To Property</label>[select* end-property first_as_label "Select Option" "Apartment" "House" "Office" "Storage Unit" "Other"]
	</div>
	<div class="col-12 col-lg-6">
		<label class="asteriks">From Floor</label>[select* start-floor first_as_label "Select Option" "Ground" "1" "2" "3" "4+"]
	</div>
	<div class="col-12 col-lg-6">
		<label class="asteriks">To Floor</label>[select* end-floor first_as_label "Select Option" "Ground" "1" "2" "3" "4+"]
	</div>
</div>

<hr class="form-divider">
<h4 class="form-title primary-color">3. Move Timing</h4>

<div class="row">
	<div class="col-12 col-lg-4">
		<label class="asteriks">Preferred Moving Date</label>[date preferred-date]
	</div>
	<div class="col-12 col-lg-4">
		<label class="asteriks">Flexible Date?</label>[select* flexible-date first_as_label "Select Option" "Yes" "No"]
	</div>
	<div class="col-12 col-lg-4">
		<label class="asteriks">Preferred Time of Day</label>[select* preferred-time first_as_label "Select Option" "Morning" "Afternoon" "Anytime"]
	</div>
</div>

<hr class="form-divider">
<h4 class="form-title primary-color">4. Inventory / Items to Move</h4>

<div class="row">
	<div class="col-12 col-lg-6">
		<label class="asteriks">Approximate Size of Move</label>[select* size-of-move first_as_label "Select Option" "Studio" "1 Bedroom" "2 Bedroom" "3 Bedroom" "Large Home" "Office"]
	</div>
	<div class="col-12 col-lg-6">
		<label class="asteriks">Estimated Number of Boxes</label>[number number-of-boxes "1"]
	</div>
	<div class="col-12">
		<label>Large Items to Move</label>
		<div class="list-inline">[checkbox large-items-to-move use_label_element "Sofa" "Bed(s)" "Wardrobe" "Dining Table" "Washer / Dryer" "Refrigerator" "Piano" "Safe" "Other"]</div>
	</div>
</div>

<hr class="form-divider">
<h4 class="form-title primary-color">5. Additional Services</h4>

<div class="row">
	<div class="col-12 col-lg-7">
		<label class="asteriks">Packing Services Needed?</label>
		<div class="list-inline">[radio service-one use_label_element "Yes" "No"]</div>
	</div>
	<div class="col-12 col-lg-5">
		<label class="asteriks">Unpacking Services Needed?</label>
		<div class="list-inline">[radio service-two use_label_element "Yes" "No"]</div>
	</div>
	<div class="col-12 col-lg-7">
		<label class="asteriks">Furniture Disassembly/Assembly?</label>
		<div class="list-inline">[radio service-three use_label_element "Yes" "No"]</div>
	</div>
	<div class="col-12 col-lg-5">
		<label class="asteriks">Temporary Storage Required?</label>
		<div class="list-inline">[radio service-four use_label_element "Yes" "No"]</div>
	</div>
</div>

<hr class="form-divider">
<h4 class="form-title primary-color">6. Include Photos (Optional)</h4>

<div class="row">
	<div class="col-12">
		[file your-photos class:form-file filetypes:audio/*|video/*|image/* limit:1mb]
	</div>
</div>

<hr class="form-divider">
<h4 class="form-title primary-color">7. Additional Information</h4>

<div class="row">
	<div class="col-12">
		<label>Write Your Message</label>[textarea your-message placeholder "Hi there, I have a question about..."]
	</div>
	<div class="col-12 d-flex justify-center">
		[acceptance your-acceptance default:on] I agree to the <a href="#" class="qt-underline">Privacy Policy</a> and <a href="#" class="qt-underline">Cookie Policy</a> of this website. [/acceptance]
	</div>
	<div class="col-12">
		[submit class:btn class:fullwidth "Send Estimate Request"]
	</div>
</div>

Single services small quote form

<div class="quote-form">
	<div class="row">
		<div class="col-12">
			[text* your-name placeholder "Your Name"]
		</div>
		<div class="col-12 col-lg-6">
			[email* your-email placeholder "Emailaddress"]
		</div>
		<div class="col-12 col-lg-6">
			[tel* your-phone placeholder "Phone Number"]
		</div>
		<div class="col-12">
			[text* moving-date placeholder "Preferred Moving Date"]
		</div>
		<div class="col-12 col-lg-6">
			[text* start-address placeholder "Moving from zip"]
		</div>
		<div class="col-12 col-lg-6">
			[text* end-address placeholder "Moving to zip"]
		</div>
		<div class="col-12">
			[textarea your-message placeholder "Tell us about your move"]
		</div>
		<div class="col-12 d-flex">
			[acceptance your-acceptance default:on] I agree to the <a href="#" class="qt-underline">Privacy Policy</a> of this website. [/acceptance]
		</div>
		<div class="col-12">
			[submit class:btn class:fullwidth "Send Estimate Request"]
		</div>
	</div>
</div>