Ultimate Guide to Downloading and Installing/Importing Elementor JSON Files

Prerequisites

Before diving into the download and installation process, ensure you have the following:

• WordPress Installed: Your website should be running on WordPress.
• Elementor Plugin: Install the free version of Elementor. For advanced templates, Elementor Pro may be required.
• Backup Your Website: It’s always a good practice to back up your site before making significant changes.

Required Plugins

Each Elementor JSON template may require specific plugins to function correctly. These required plugins are specified in the description of each JSON file. Ensuring all necessary plugins are installed and activated is crucial for the seamless operation of your imported templates.

Common Required Plugins:

1. Elementor Pro: Needed for advanced widgets and features.
2. Essential Addons for Elementor: Provides additional widgets and functionalities.
3. Any Other Specified Plugins: Refer to the template description for specific plugin requirements.

Steps to Install Required Plugins:

1. Access the Plugins Section:
   • Navigate to Plugins > Add New in your WordPress dashboard.
2. Search for the Required Plugin:
   • Use the search bar to find the necessary plugin (e.g., “Elementor Pro”).
3. Install and Activate:
   • Click Install Now next to the plugin.
   • After installation, click Activate.
    

Ensure all required plugins are activated before importing Elementor templates to avoid functionality issues.

Downloading Elementor JSON Files

Our website offers two types of Elementor JSON files to cater to different needs:

1. Direct JSON File Downloads
2. ZIP File Downloads (includes elementor.json, style.txt, and script.txt)

Direct JSON File Downloads

These are straightforward JSON exports from Elementor, some containing custom CSS within the description.

Steps to Download:

1. Navigate to the Templates Page:
   • Visit our Elementor Templates Page.
   • Browse through the available templates.
    
2. Download the JSON File:
   • Click the Download button next to your chosen template.
   • The JSON file will be saved to your computer.
    

ZIP File Downloads

These packages include the elementor.json file along with optional style.txt and script.txt files for additional styling and functionality.

Steps to Download:

1. Navigate to the ZIP Templates Page:
   • Visit our Elementor Templates Page.
   • Select the Any package you wish to download.
    
2. Download the ZIP File:
   • Click the Download ZIP button.
   • The ZIP file will be saved to your computer.
    

Installing/Importing Elementor JSON Files

After downloading your desired JSON or ZIP file, follow these steps to import them into your Elementor-powered WordPress site.

Importing Direct JSON Files

Step 1: Access the WordPress Dashboard

1. Log in to your WordPress admin panel.
2. Navigate to Templates > Saved Templates.
    

Step 2: Import the JSON File

1. Click the Import Templates button at the top.
    
2. In the popup window, click Select File and choose the downloaded .json file from your computer.
    
3. Click Import Now to upload the template.
    

Step 3: Insert the Template into a Page

1. Go to Pages > Add New or edit an existing page with Elementor.
2. Click the Add Template icon (folder icon) within the Elementor editor.
    
3. Navigate to the My Templates tab.
4. Hover over the imported template and click Insert.
    

Step 4: Apply Custom CSS (If Applicable)

• If the JSON file includes custom CSS in the description:
  1. Navigate to Appearance > Customize > Additional CSS.
  2. Copy and paste the CSS code provided in the template description.
  3. Click Publish to apply the styles.
   

Importing ZIP Files

Step 1: Extract the ZIP File

1. Locate the downloaded ZIP file on your computer.
2. Right-click the file and select Extract All.
3. Choose a destination folder to extract the contents.
    

Step 2: Import the elementor.json File

1. Follow the same steps as Importing Direct JSON Files (see above) to import the elementor.json.

Step 3: Apply Custom Styles and Scripts

1. Custom CSS (style.txt):
   • Open the style.txt file with a text editor.
   • Copy the CSS code.
   • Navigate to Appearance > Customize > Additional CSS in your WordPress dashboard.
   • Paste the CSS code and click Publish.
    
2. Custom Scripts (script.txt): (If included)
   • Open the script.txt file with a text editor.
   • Copy the JavaScript code.
   • Navigate to Appearance > Theme Editor.
   • Select the header.php or footer.php file, depending on where the script should be placed.
   • Paste the JavaScript code in the appropriate section and save your changes.
    

Alternatively, you can use a plugin like Insert Headers and Footers for easier script management.

Applying Custom CSS and Scripts

Adding Custom CSS

No additional plugins are needed for adding custom CSS. Follow these steps:

1. Navigate to Additional CSS:
   • Go to Appearance > Customize > Additional CSS in your WordPress dashboard.
2. Add the CSS Code:
   • Copy the CSS code from the style.txt file or the template description.
   • Paste it into the Additional CSS section.
3. Publish the Changes:
   • Click Publish to apply the styles to your website.
    

Adding Custom Scripts

To add custom JavaScript scripts, follow these steps:

1. Navigate to Theme Editor:
   • Go to Appearance > Theme Editor in your WordPress dashboard.
2. Select the Appropriate File:
   • Choose header.php for scripts that need to be in the header.
   • Choose footer.php for scripts that should be in the footer.
3. Insert the Script:
   • Copy the JavaScript code from the script.txt file.
   • Paste it into the selected file in the appropriate section.
4. Update the File:
   • Click Update File to save your changes.
    

Alternatively, you can use a plugin like Insert Headers and Footers for easier script management.

Troubleshooting Common Issues

Encountering issues during the import process? Here are some common problems and their solutions:

1. Template Not Displaying Correctly:
   • Solution: Ensure all required plugins are installed and activated. Clear your website’s cache and refresh the page.
2. Custom CSS Not Applying:
   • Solution: Verify that the CSS code was correctly copied and pasted into the Additional CSS section. Check for any syntax errors in the CSS code.
3. Scripts Not Functioning:
   • Solution: Ensure JavaScript code is placed in the correct section (header or footer). Check for conflicts with other plugins or themes.
4. Import Errors:
   • Solution: Make sure you’re using the latest version of Elementor. Increase the PHP memory limit if necessary by adding the following line to your wp-config.php file:
     
     define('WP_MEMORY_LIMIT', '256M');

5. Missing Elements or Widgets:
   • Solution: Confirm that all required plugins specified in the template description are installed and activated.

If problems persist, contact our support team for assistance.

Conclusion

Importing Elementor JSON files is a powerful way to enhance your WordPress website with professional designs and advanced functionalities. By following this Ultimate Guide, you can effortlessly download and install/import templates, ensuring your site looks stunning and operates smoothly. Remember to:

• Check Required Plugins: Always install and activate necessary plugins before importing templates.
• Apply Custom CSS and Scripts Carefully: Ensure code is correctly added to avoid conflicts.
• Backup Your Website: Protect your site by creating backups before making significant changes.

Elevate your website’s design and user experience with our expertly crafted Elementor templates. If you have any questions or need further assistance, feel free to contact our support team.

Thank you for choosing our Elementor templates to elevate your website!