Minterio Theme - Documentation
  • Welcome
  • Installing WordPress
  • Installing Theme
  • Theme Activation
  • Installing Plugins Required
  • Import DEMO Content
  • Plugins
  • Theme Options
  • Header Builder
  • Footer Builder
  • Create Pages with Elementor
  • Home Page
  • Portfolio Pages
  • About Page
  • Services Page
  • Contact Page
  • Blog
  • Update Our Themes
  • Extras
    • Support
    • Changelog
    • Source & Credits
Powered by GitBook
On this page

Was this helpful?

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="row">
    	<div class="col-sm-6">
    		<div class="form-group">
    			<label>Name</label>
    			[text* cf_name class:form-control class:name placeholder "Daniel"]
    		</div><!--form-group end-->
    	</div>
    	<div class="col-sm-6">
    		<div class="form-group">
    			<label>What city are you from?</label>
    			[text* cf_city class:form-control class:city placeholder "Los Angeles"]
    		</div><!--form-group end-->
    	</div>
    	<div class="col-sm-6">
    		<div class="form-group">
    			<label>E-mail</label>
    			[email* cf_email class:form-control class:email placeholder "Example@gmail.com"]
    		</div><!--form-group end-->
    	</div>
    	<div class="col-sm-6">
    		<div class="form-group">
    			<label>Phone Number</label>
    			[tel* cf_tel class:form-control class:phone placeholder "44 20 7700 0055"]
    		</div><!--form-group end-->
    	</div>
    	<div class="col-sm-10">
    		<div class="form-group">
    			<label>Message</label>
    			[textarea* cf_message class:form-control placeholder "Hello! I have this question..."]
    		</div><!--form-group end-->
    	</div>
    	<div class="col-sm-2">
    		<div class="form-submit">
    			<button type="submit"></button>
    		</div><!--form-submit end-->
    	</div>
    </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 "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.

  3. Click to "Edit with Elementor" button.

  4. In Elementor builder panel drag and drop "Minterio Theme" elements: "Services", "Contact Form" and more.

(Video instructions below):

PreviousServices PageNextBlog

Last updated 2 years ago

Was this helpful?

Saved your time and you want to thank me? You can 😊

image-text
Minterio - how create Contact Page with CF7 forms with Elementor