Cargoly Documentation

Form Templates

If you did not used the demo importer or lost a form template you can copy them from below and paste them to your form under the “Contact” admin tab.

Prefer to use drag and drop, without using code, to build your forms with the Contact Form 7 plugin? You can install the CF7 Blocks plugin.

Contact Page

<div class="row">
	<div class="col-12 col-lg-6">
		<label class="asteriks">What is your 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 "margret@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 "+31 123 456 7890"]
	</div>
	<div class="col-12 col-lg-6">
		<label>Your Address</label>[text your-address placeholder "333 Julian Morris Rd"]
	</div>
</div>
<div class="row">
	<div class="col-12">
		<label>I Want To Talk About</label>[select your-subject include_blank "I have a question" "Logistic Enquiry" "I want to work for you" "Other..."]
	</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>

Homepage – Request Quote

<div class="row">
	<div class="col-12 col-lg-6">
		[text* your-name placeholder "What is your name"]
	</div>
	<div class="col-12 col-lg-6">
		[text your-address placeholder "Your Address"]
	</div>
	<div class="col-12 col-lg-6">
		[email* your-email placeholder "Email Address"]
	</div>
	<div class="col-12 col-lg-6">
		[tel* your-phone placeholder "Phone Number"]
	</div>
	<div class="col-12 col-lg-6">
		[text* start-address placeholder "Pickup Address"]
	</div>
	<div class="col-12 col-lg-6">
		[tel* end-address placeholder "Delivery Address"]
	</div>
	<div class="col-12 d-flex justify-center">
		[acceptance your-acceptance default:on] I have read and agree to the <a href="#" class="qt-underline">Privacy Policy</a> of this website [/acceptance]
	</div>
	<div class="col-12">
		[submit class:fullwidth "Send Quote Request"]
	</div>
</div>

Request an Estimate

<h4 class="form-title primary-color">Contact Details</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>

<hr class="form-divider">
<h4 class="form-title primary-color">Transport Details</h4>

<div class="row">
	<div class="col-12 col-lg-8">
		<label class="asteriks">Pickup Goods From</label>[text* start-address placeholder "Enter city of zip code"]
	</div>
	<div class="col-12 col-lg-4">
		<label class="asteriks">Pickup Date</label>[date* start-date placeholder "test"]
	</div>
	<div class="col-12 col-lg-8">
		<label class="asteriks">Deliver Good To</label>[text* end-address placeholder "Enter city of zip code"]
	</div>
	<div class="col-12 col-lg-4">
		<label class="asteriks">Delivery Date</label>[date* end-date placeholder "test"]
	</div>
</div>

<hr class="form-divider">
<h4 class="form-title primary-color">Shipment Details</h4>

<div class="row">
	<div class="col-12 col-lg-4">
		<label class="asteriks">Gross Weight</label>[text* gross-weight placeholder "Enter in KG or LB"]
	</div>
	<div class="col-12 col-lg-4">
		<label class="asteriks">Dimensions</label>[text* dimeonsions placeholder "Enter in CM or IN"]
	</div>
	<div class="col-12 col-lg-4">
		<label class="asteriks">Volume</label>[text* volume placeholder "Enter in Cubit Feet or Cubic Metres"]
	</div>
</div>

<div class="row">
	<div class="col-12">
		<label class="asteriks">Type of Trailer You Need</label>[select* trailer-type include_blank "Refrigerator" "Double deck refrigerator" "Semi Truck Trailer" "Flat Bed Lorry" "Fuel Tanker"]
	</div>
	<div class="col-12 list-inline">
		<label>Define Cargo Type</label>[checkbox cargo-type use_label_element "Containers" "Dry Bulk" "Liquid Bulk" "Break Bulk"]
	</div>
</div>

<hr class="form-divider">
<h4 class="form-title primary-color">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>

<div class="row">
	<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>

Call me Back (only phone number field)

<div class="callback-form">
    [tel* your-phone placeholder "Your Phone Number..."][submit "Request Call Back"]
</div>
Was this page helpful?
Yes No