Contact Page

To create Contacts Form, please do the following:
1.Go to Dashboard > Contact > Contact Forms > Add New.
2.Enter form name, for example "Contact Form"
3.In the tab "Form" you can use default form layout or enter this code lines:
<div class="orb-grid orb-padding-grid">
	<div class="orb-g-50 orb-sm-100">
		<div class="orb-group-input">
			[text* cf-name placeholder "Name"]
		</div>
	</div>
	<div class="orb-g-50 orb-sm-100">
		<div class="orb-group-input">
			[email* cf-email placeholder "E-mail"]
		</div>
	</div>
	<div class="orb-g-100">
		<div class="orb-group-input">
			[textarea cf-message placeholder "Your message"]
		</div>
	</div>
</div>
<div class="orb-form-bottom">
	<div class="accept-terms-wrap">
		[checkbox* cf-terms class:inp-cbx "accept"]
​
		<label class="cbx terms" for="cbx">
			<span>
				<svg width="12px" height="10px" viewbox="0 0 12 10">
					<polyline points="1.5 6 4.5 9 10.5 1"></polyline>
				</svg>
			</span>
			<span>I accept<a href="/orabel/terms/" data-no-swup class="terms-link" target="_blank">terms</a>.</span>
		</label>
	</div>
	<button class="orb-submit-btn" type="submit">
		<span>Send message</span>
		<span class="orb-arrow orb-arrow-inline"></span>
	</button>
</div>
​
4.In the tab "Mail", enter this your email address.
5.Save Changes.
To insert Contact form to page, please do the following:
1.Go to Dashboard > Pages > Add New.
2.In the tab "Page Attributes" > "Template", select "Elementor Template (Default)". In the tab "Publish" click to "Publish" button.
3.Click to "Edit with Elementor" button.
4.In Elementor builder panel drag and drop "Orabel Theme" elements: "Services", "Contact Form" and more.
(Video instructions below):
Orabel - how create Contact Page with CF7 forms with Elementor
Saved your time and you want to thank me? You can ​
 😊
Portfolio Pages
Blog
Last modified 10mo ago