Welcome to CHANCE Perfume Landing Page Elementor Kit template. The Package includes the complete Elementor Pro plugin and Hello Theme, following the guidelines of the official Elementor Kits. We hope this simple kit meets your expectations in terms of design and customization!
1 – Requeriments Elementor Kits are products created with Elementor only. You need to make sure that your web host has the minimum WordPress and Elementor requirements to run themes-based sites: • • • • • • • • •
WordPress installation PHP 7.3+ Basic Knowledge of WordPress (create posts, upload images, install plugins, fill fields, etc.) and Elementor Page Builder MySQL version 5.6 and above The mod_rewrite Apache module The iconv extension with UTF-8 encoding HTTPS support max_execution_time more than 180, we recommend 300 memory_limit at least 256M to run Elementor and avoid the “loading loop” bug
Product Contents • • • • • •
Hello Theme and Child Theme files Elementor Plugins Demo images used Elementor Exported Templates files XML file for demo posts .wpress file to import complete demo
2 – Setup Demo Import .wpress file from All-in-One WP Migration If you want to import the demo to your WordPress installation (looks exactly the same as demo site, this is the BEST way), when you make a clean install of WordPress on your server, first download the All-in-One WP Migration plugin and activate them. Now, go to Import page from the all-in-One WP Migration dropdown menu:
Once you have chosen the option, the application takes you to the Import page:
From this page you can select from where you want to import a backup using the dropdown menu:
If you chose â&#x20AC;&#x2DC;Fileâ&#x20AC;&#x2122;, the plugin will open a window showing your local files and folders and will let you chose a backup for import from there. Then, choose the file from the Demo Content folder. Next, a file called chancedemo.wpress appears. Choose them to begin the import process:
The import has an additional step which warns you that your website will be overwritten by the new backup including database, media, plugins and the activated theme. This is the last step from which you can cancel the process. After pressing â&#x20AC;&#x2DC;Proceedâ&#x20AC;&#x2122; you cannot stop the import process anymore. The amount of time the import process will take depends on the size of the data and the speed of your internet connection. Note: is important to previously check in your Hosting Service the File Size Upload option (256 MB recommended size, because the size of the import file is bigger) When finished, a successful import will display this message:
At this step, it is recommended to click on Permalinks Settings link and save your permalinks twice in order to save them and generate .htaccess file. Also, because the demo imports the original database, your admin user and password keys will change to the included in Theme documentation file. Please, enter with this keys to your dashboard
and change all to whatever you want.
3 - Fresh Installation If you donâ&#x20AC;&#x2122;t want to import the demo file, you can install theme from a fresh WP installation, to customize the theme options and start uploading the contents. When you purchase the template, the downloaded zip file contains Theme files (it contains the zipped installable Hello theme file for Elementor) Extract the downloaded zip, and select the zip file hello-elementor.zip. Now, you have two ways for installing the theme: 1 â&#x20AC;&#x201C; Install theme via WordPress Dashboard Go to Appearance > Themes section and click Add New
In the next screen click the Upload Theme button
Click the Choose File button, select the zip file and click Install Now.
You can now activate the Theme. You can do the same procedure with hello-theme-child if you want to use the Child Theme of Hello.
2 â&#x20AC;&#x201C; Install Hello theme via FTP Open your FTP program (i.e, FileZilla) to browse the folders of your server, and go to wpcontent/themes directory. Extract the zip file hello-elementor.zip on your computer, it extracts on the folder helloelementor, which contains all the Theme files. Put (or drag and drop) this extracted folder in the wp-content/themes folder. In the WordPress Dashboard, go to Appearance > Themes section. The Theme appears with his featured screenshot, hover it and click the Activate button. You can do the same procedure with hello-theme-child if you want to use the Child Theme of Hello.
4 - Activate Plugins When you install and activate the Theme, you must install Elementor and Elementor Pro plugins. Go to Plugins > Add New > Upload Plugins and install elementor.zip and next elementor-pro.zip
5 – Create Basic Pages In Dashboard go to Pages section Click Add new page to create new page. Add new pages for the templates used in Theme: • • • •
Landing 1 Landing 2 Landing 3 Landing 4
6 – Import Elementor templates files Go to Templates > Theme Builder and press “Import Templates”
Browse the JSON files individually if you want to import one by one, or use the general ZIP file to import all templates in one step.
Theme includes the separate files with folders and the pack of all of them in a ZIP.
The imported templates appear in a list and you are ready to edit them and assign the instances. An instance is the reference page where each template will be used. In this case, instances are assigned to every type of Landing Page. Header and Footer are applied to â&#x20AC;&#x153;Entire Siteâ&#x20AC;? because they are used in every page.
7 â&#x20AC;&#x201C; Edit the sections with Elementor When using a predesigned template, you can create your own unique design with the Elementor drag and drop page builder. Edit the templates using the button when hover the title in the list. Press the Elementor button
Now you can edit every module and build your own style!
Check the Elementor documentation if you need help with the plugin settings or usage: https://docs.elementor.com/
8 - Resources and Credits
Hello Elementor Theme https://elementor.com/hello-theme/ Elementor Kits https://library.elementor.com/elementor-kit-guidelines/ Access full documentation of Elementor on https://docs.elementor.com/
Elementor + Elementor Pro, ÂŠ 2020 Elementor.com, GPLv3.
Images on demo: Freepik and KISSPNG