🧠 Elementor-Doc

// Elementor/docs/elementor-guide.mdx

Title: Elementor Template Installation Guide

Introduction

This guide helps you install, edit, import, and customize our Elementor templates easily.

Follow Steps

After downloading the file, you need to Unzip it. Right-click the file and choose “Extract All”.

Folder Structure After Extracting

Once extracted, you’ll see:

• Fluent-Forms – Contains Fluent Form files.
• Custom.CSS – Custom styles.
• main-json.zip – Contains:
  • Header
  • Footer
  • Home Page
• require-plugins.txt – Plugin list with details.
• site-setting.zip – Site configuration settings.

Prerequisites

Ensure you’re logged in to your WordPress site with admin access.

Step 1: Activate Elementor Plugin

1. Go to Plugins > Add New Plugin
2. Search Elementor
3. Install and Activate

Step 2: Activate Elementor Pro

1. Purchase & download Elementor Pro
2. Go to Plugins > Add New > Upload Plugin
3. Upload and Activate the plugin

Step 3: Install Required Plugins & Theme

1. Check require-plugins.txt and install all listed plugins
2. Recommended theme: Astra or Hello Elementor

To install theme:

• Appearance > Themes > Add New
• Search and install Astra

⚠️ Step 4 (import settings) will auto-install missing plugins if manual install fails.

Step 4: Import Site Settings

1. Go to Elementor > Tools > Import/Export
2. Use Import tab to upload site-setting.zip

Step 5: Add Custom CSS (If Any)

Option 1 (Recommended):

1. Install WPCode plugin
2. Go to WPCode > Code Snippets > Add Custom Snippet
3. Choose CSS Snippet, add title, paste CSS, and save

Option 2:

• Appearance > Customize > Additional CSS

Step 6: Enable SVG Support

1. Elementor > Settings > Advanced
2. Enable SVG Support

Step 7: Import Fluent Forms (If Any)

1. Install & activate Fluent Forms
2. Go to Fluent Forms > Tools > Import
3. Upload forms from Fluent-Forms folder
4. Edit page in Elementor and assign correct form

Step 8: Import Templates

Option 1: Group Import

1. Templates > Saved Templates > Import Templates
2. Upload main-json.zip

Option 2: Page-by-Page Import

1. Create and publish a new page
2. Click Edit with Elementor
3. Use the Folder icon to open My Templates
4. Unzip main-json.zip and import header.json, footer.json, home.json, etc.
5. Click Insert

For Multi-page Templates

Repeat above steps for each page like About, Contact, etc. using the relevant .json file.

Feel free to reach out if you face any issues while following this guide.