Documentation
- Requirements
- Step 1 : Install Elementor
- Step 2 : Setup Theme
- Step 3 : Disable Default Colors & Fonts
- Step 4 : Import Template Kit
- Step 5 : Setting Up Plugin
- Step 1 : Setup Header/ Footer
- Step 2 : Setup Form (MetForm)
- Step 3 : Setup Off Canvas (Only for certain templates)
- Step 1 : Edit Pages
- Step 2 : Edit Content Detail
- Step 2a : Edit Title, Paragraph, & Color
- Step 2b : Edit Image
- Step 2c : Edit URL links
Thank you so much for purchasing our product
We hope that all your questions regarding the Elementor Template Kit are answered in this Documentation in as much detail as possible. However, if you still need support, do not hesitate to contact us.
1. Getting Started
Require Server/Hosting with some config :
- PHP Version: 7.4.X (Please update to version 8.2.X if you are experiencing issues with importing templates)
- PHP Memory Limit: 256M
- WordPress Version: 6.1
- Elementor Version : 3.1.X
Requirement Plugins :
- Elementor Website Builder
- ElementsKit Lite
- Skyboot Custom Icons For Elementor - Elementor Icons Library
- Metform
- Jeg Elementor Kit (for certain templates)
2. Install Template Kit
Step 1 : Install Elementor
Before installing the plugin, go to the WordPress Dashboard, go to Settings > Permalinks. In the Permalink Structure option, select Post Name. Then, click Save Changes.
Still on the WordPress Dashboard, go to Plugins > Add New, type the plugin to be installed in the Search Plugins... column, namely Elementor Website Builder, click Install Now, then click Activate.
Step 2 : Setup Theme
On the Dashboard, go to Appearance > Themes > Add New, type in the search field the theme name : Hello Elementor. Click Install, than click Activate.
Step 3 : Disable Default Colors & Fonts
On the Dashboard, go to Elementor > Settings, on the General tab, check the Disable Default Colors & Disable Default Fonts then Save Changes.
Step 4 : Import Template Kit
On the Dashboard, go to Elementor > Tools, click the Import/Export Kit tab, click the Start Import button below.
After that, click the Select File button. Select the .zip file you want to install, then click Open, if a warning box appears, click continue. Click Next, then click Import. If there is a Request for Permission box, select Enable. The installation process will start. When finished, please select Close to return to the Dashboard.
Done and your website is already live. Next you only need to change the content and some parts according to your needs.
Step 5 : Setting Up Plugin
From the Dashboard, select the Skyboot Icons > Settings menu. Click the Manage Icons tab and slide all the icon type buttons to the right.
3. Setup Header, Footer, Form & Off Canvas
Step 1 : Setup Header/ Footer
Go to ElementsKit > Header Footer (if prompted with a wizard, you may click Next through it without taking any action). Clik Edit with Elementor on Header or Footer Template hover if you want to edit.
Step 2 : Setup Form (MetForm)
Go to Pages > All Pages, hover the page template where the form appears (e.g Contact Us - page), then clik Edit with Elementor. After the template opens on the Elementor editor, click the Navigator icon at the bottom of the panel, locate and select the Metform widget and click Edit Form on the left panel. Then click the downward arrow icon to select a form. In this example, because we want to display the contact form for the Contact page, we choose Contact Form. Then click the Save & Close button. The contact form will then appear on the contact page. Next, simply click the Update button at the bottom of the left panel. Finished. Repeat the same steps for other forms.
Step 3 : Setup Off Canvas (Only for certain templates)
Go to Pages > All Pages, hover the Off Canvas template, click Edit with Elementor. After entering the 'Elementor Editor' page for Off-Canvas, select Save as Template. Give the name of the template (e.g 'Off Canvas'). The template will then be saved in WP Dashboard > Templates > Saved Templates.
To display Off Canvas on the icon in the menu header, do the following: Open the Header template in ElementsKit, click Edit with Elementor. On the Elementor Editor page, show Structure, locate the cursor to the Jkit - Off Canvas widget, then in the left panel, click Select Template, select the template you want to display.
To display Off Canvas on the icon in the menu header for the Homepage on this Cavarte kit, we create a separate header for the Homepage. Therefore, open the Homepage in the WP Dashboard > Pages, navigate to the Homepage, and select 'edit with Elementor'. Once you are on the Homepage, follow the steps as before.
4. Edit Content
Step 1 : Edit Pages
On the Dashboard page, select Pages > All Pages, navigate to the pages to be edited, click Edit with Elementor.
Step 2 : Edit Content Detail
After entering the Elementor Editor page, you can change the Title, Text, Color, Image or URL link according to what you want.
2a : Edit Title, Paragraph, & Color
Click on the title/paragraph that you want to change, then enter the text you want in the column on the left. And you can also change the color by clicking the Style tab in the left column, then clicking on the color box.
2b : Edit Image
Click on the Image/Photo you want to change, in the left column click Choose Image, and select the image you want or select Upload files if you want to upload image files from your PC/Computer.
2c : Edit URL links
Click on one of the elements that you want to change, for example Social Icons, Click on the social media box in the left column, then enter the url according to your url address.
5. Editing Site Settings
Simply "Edit with Elementor” any page or post, click the hamburger menu icon in the upper left corner of the Elementor Widget Panel and click on Site Settings. Here you have options to control the Design System which consists of Global Colors and Global Fonts, and Theme Builder which consists of Typography, Buttons, Images, and Form Fields settings.
