Z-Builder – Construction Elementor Template Kit

Z-Builder is an Elementor Template Kit for designing construction, builder or related websites in WordPress.
Using Z-Builder for your project will ensure design consistency and provide immense room for future scalability, to better integrate innovative and interactive customer engagement strategies.

Features

• True no-code customization with drag and drop visual builder
• Customize fonts and colors in one place or fine-tune on individual elements
• Modern, professional design
• Fast-loading
• Works with most Elementor themes.

Pages

• Home
• About
• Services
• Projects
• Blog
• Contact
• FAQ
• 404

Required Addons installed with kit

• Elementor
• ElementsKit Lite
• Jeg Elementor Kit
• MetForm

* How to Use Template Kits: *
This is not a WordPress Theme. Template kits contain the design data for Elementor only and are installed using the envato Elements plugin for WordPress or directly through Elementor.

1. Download your kit file from Envato and do not unzip it. If you use Safari browser you may need to ensure “Open safe files after downloading” is disabled in the browser preferences.
2. Go to Settings > Permalinks and ensure Post Name is selected
3. Go to Appearance > Themes > Add New and ensure Hello Elementor is installed and activated. This will prompt you to install Elementor if you haven’t already.
4. Go to Plugins and ensure Elementor and Envato Elements are installed and at the latest version. If your kit requires Elementor Pro, it must be installed now and connected to your account.
5. Go to Elements > Installed Kits and click Upload Template Kit Zip (or click your kit to view it)
6. Check for the orange banner at the top and click Install Requirements to load any plugins the kit uses. https://envato.d.pr/ughD8Q
7. Click import on the Global Kit Styles first. This will setup the site settings.
8. Click Import on one template at a time in the order shown. These are stored in Elementor under Templates > Saved Templates and are re-used from here.

Creating pages

1. Go to Pages and create a new page and click Edit with Elementor
2. Click the gear icon at lower-left of the builder to view page settings and choose Elementor Full Width and hide page title
3. Click the gray folder icon to access My Templates tab and then Import the page you’d like to customize.
4. The home page is set under Settings > Reading by selecting Static Front Page.

If you have Elementor Pro, headers and footers are customized under Templates > Theme Builder.

Detailed Guide: https://help.market.envato.com/hc/en-us/articles/900000842846-How-to-use-the-Envato-Elements-WordPress-Plugin-v2-0

For further support, go to Elementor > Get Help in WordPress menu.

How to Import Metforms
If you have Elementor Pro, skip install of Metform and form blocks.

1. Import the metform block templates
2. Import the page template where the form appears and right-click to enable the Navigator
3. Locate and select the Metform widget and click Edit Form. Choose New, then Edit Form. The builder will appear
4. Click ‘Add Template’ grey folder icon.
5. Click ‘My Templates’ tab.
6. Choose your imported metform template, then click ‘Insert’ (click No for page settings).
7. Once the template is loaded, make any desired customizations and click ‘Update & Close’ The form will appear in the template
8. Click Update

How to setup header in Jeg Elementor Kit plugin
If you have Elementor Pro, headers and footers may be customized under Theme Builder.

1. Go to Jeg Elementor Kit menu item > Header Template
2. Click Add New Header
3. Add condition > All Site and click Create
4. Click gray folder icon to access My Templates tab
5. Insert the header template.
6. Customize and Save.

Images

This Template Kit uses demo images from Envato Elements. You will need to license these images from Envato Elements to use them on your website, or you can substitute them with your own.

• https://www.twenty20.com/photos/30777b08-107c-48c2-9b83-112898448c23
• https://elements.envato.com/construction-engineers-discussion-with-architects–JNDLH7R/preview
• https://www.twenty20.com/photos/4c5d0a99-1367-4ec0-9298-7fca674e2b2b
• https://www.twenty20.com/photos/7f4652d3-ecf3-4d98-96ab-cd56406b60b1
• https://www.twenty20.com/photos/e19964a2-db93-482f-82aa-a7266560cb95
• https://www.twenty20.com/photos/b1b36a18-128b-4400-a0a3-ae85d3527af5
• https://www.twenty20.com/photos/3bd14ef4-5cc5-4b79-a702-945486977e6c
• https://elements.envato.com/handsome-young-man-outside-promoting-his-local-bus-VGZMLB9
• https://elements.envato.com/construction-unique-web-line-icons-pack-4CMK22K
• https://www.twenty20.com/photos/470b8a92-5859-498f-ac26-314ef48b8a90
• https://elements.envato.com/building-construction-site-CC8CVSS
• https://elements.envato.com/two-construction-workers-discussing-project-6HPMVMU/preview
• https://elements.envato.com/team-of-construction-engineers-architects-working–VL4PG24
• https://elements.envato.com/frame-construction-worker-7RCMX4H
• https://elements.envato.com/construction-worker-planning-constractor-developer-P7BDNXT/preview
• https://elements.envato.com/portrait-of-female-building-surveyor-wearing-hard–JDGPNUQ
• https://elements.envato.com/portrait-of-smiling-female-builder-wearing-hard-ha-MD47W97
• https://elements.envato.com/portrait-of-smiling-male-builder-wearing-hard-hat–WTGMDX5
• https://elements.envato.com/builder-dressed-in-orange-work-vest-and-helmet-use-QUE45RM/preview
• https://elements.envato.com/middle-eastern-businessman-at-construction-site-F8AGRTC
• https://elements.envato.com/a-woman-engineer-standing-against-concrete-wall-on-QHBF6BR
• https://elements.envato.com/construction-engineers-discussion-with-architects–WRSLZBQ
• https://elements.envato.com/crane-and-building-construction-site-on-background-4NGF9LK/preview