Before You Start — Where Did You Download Your Template Kit?

Before we jump into the installation steps, let’s make sure you’re following the right guide for your purchase source
If you downloaded your Elementor Template Kit from Template Monster, Pixelo Template, or directly from Template Orbit, this guide is made exactly for you — all steps below apply perfectly to those templates. ✅

However, if you purchased your kit from ThemeForest / Envato, the import process is a little different because they use the Envato Elements / Template Kit Import Plugin. In that case, please follow this guide instead: 🔗 ThemeForest Installation Guide

So once you confirm where you downloaded your kit from — let’s jump right in and get your beautiful website imported in just a few minutes! 🚀

The Beginner-Friendly Guide to Installing & Customizing Elementor Template Kits

If you’re excited to launch your new WordPress website using an Elementor Template Kit — but nervous about how to import or edit it — don’t worry. You’re about to learn everything step-by-step in the simplest way possible. 🙌

What You’ll Learn

• Importing Elementor Template Kits the right way
• Editing designs using Elementor’s visual editor
• Install Metform ( if you see form are missing)
• Troubleshooting the most common issues people face
• Why Is the Template Not Importing to My Site?

Ready? Let’s dive in!

Install / Import Your Elementor Template Kit

There are two ways to import Elementor kits, but the easiest is:

One-Click Import with Demo Content
(it instantly makes your website look like the preview!) 🎉 ⚠ Small heads up: This can overwrite your existing pages & settings. Always consider backing up first!

Step 1 — Choose a Lightweight Theme

For best performance, activate Hello Elementor or any other Elementor-friendly theme.

👉 Go to: Appearance → Themes → Add New → Search “Hello Elementor” → Install → Activate

A lightweight theme = Faster website + Smoother editing ✅

Step 2 — Install Required Plugins

Every template kit needs certain plugins to display features like:

• Form sections
• Sliders & carousels
• Layout & header/footer structure
• Design widgets (pricing tables, icons, CTA buttons)

Depending on the template, plugins can be:

✅ Free
✅ Pro (Premium)
✅ A mix of both (based on required design features)

Most Template Orbit kits use free plugins — but if a Pro plugin is needed, you will always be told upfront

Here are commonly required plugins:

• Elementor
• MetForm (for forms)
• XPro Elementor Addons
• XPro Theme Builder
• Jeg Elementor Kit

👉 Install via
Plugins → Add New → Search & Activate

If your kit includes special sections like booking systems, dynamic content, or premium effects — Elementor Pro may be required. Please check the required plugin for specific tenplates.

Step 3 — Update Elementor Settings

To avoid import issues, enable:

✅ Unfiltered file upload
✅ Nested elements for advanced layouts

Go to: Elementor → Settings → Advanced → Save Changes

Step 4 — Import Your Template Kit

Now the magic happens! 🎩✨

👉 Go to:
Tools → Import Export Kit → Select Template Kit (ZIP) → Import All

Once complete — your new design is fully loaded and ready to customize 🎯

Install Metform

How to Resolve Missing MetForm After Importing a Template

When importing a template, MetForm is typically installed automatically. However, in some cases, due to misconfigurations before the import process, the forms may not import correctly.

Don’t worry—here’s a step-by-step guide to resolve the issue and manually import MetForm.

Steps to Manually Import MetForm:

Edit the Page or Template:
Navigate to the page or template where the form is missing.

Locate the Form Section:
Find the section in the template where the demo form is supposed to appear.

Select the MetForm Widget:
Click on the MetForm widget in the editor, and then select Edit Form.

Edit and Select the Form:
A popup will appear. From there:

Select the appropriate form from the list.

Click Edit Form to ensure the correct configuration.

Update and Save:
Once the form has been selected and edited, click Update & Close  to save the changes and close the popup.

By following these steps for Home page, Contact page, Footer or where located Metform, you can seamlessly resolve any issues with missing MetForms and ensure your template functions as intended.

Troubleshoot Common Elementor Issues After Import

Sometimes after importing a template kit, you may notice styling glitches — like spacing issues, wrong fonts, color mismatches, or broken layouts. Don’t panic — this usually happens because Elementor hasn’t fully refreshed the CSS and asset files yet. The good news? These issues are extremely easy to fix.

Follow these proven steps to restore your design perfection:

1. Regenerate CSS Files

This forces Elementor to rebuild all your styling files fresh.

• Go to Elementor → Tools
• Click Regenerate Files & Data
• Then reload your website to view changes

2. Clear Cache Completely

Modern websites rely on caching — great for performance, not great for real-time updates.

• Clear your browser cache
• If you’re using a caching plugin → clear site cache
• Using a CDN like Cloudflare? → purge CDN cache too

3. Update Elementor + Addons

Outdated plugin versions may conflict with imported designs.

• Update Elementor
• Update required template kit plugins (MetForm, XPro, etc.)
• Refresh the page again

4. Switch Editor Loading Method (if needed)

If the Editor doesn’t load properly:

• Go to Elementor → Settings → Advanced
• Enable Switch Editor Loader Method
• Save changes and retry

5. Check Theme Compatibility

Make sure you’re using:
Hello Elementor
or another Elementor-friendly lightweight theme
If not, switching themes may instantly fix styling issues.

Customize Your Website Easily

Now comes the fun part — making the website truly yours! With Elementor’s drag-and-drop editor, every part of your site can be edited visually — which means no coding and no technical headaches. Want to replace text? Drop in your business images? Change colors to match your brand? You can do all of it by simply clicking and typing. In this section, we’ll show you exactly how to update pages, headers, and footers so your website feels perfectly aligned with your business identity.

1. Editing Header & Footer

👉 WordPress Dashboard → XPro/Jeg Theme Options → Theme Builder
→ Hover → Edit with Elementor

You can replace:

✅ Your logo
✅ Business contact info
✅ Menu items
✅ Call-to-Action buttons
✅ Colors & styles

Click Update to save ✅ If you See any issues, Feel free to contact Template Orbit Team to solve.

2. Editing Any Elementor Page

👉 Go to:To edit specific pages:

Go to the WordPress Dashboard. Then navigate to Pages > All Pages.

Hover over the page you want to edit and click “Edit with Elementor.”

Or You need to open the page for editing. Navigate to Pages > All Pages tab in WordPress admin panel and open the needed page. Click on Edit with Elementor button to proceed to editing with Elementor.

 On the left you can see Elements and Global tabs, that allow changing global settings and choose the content modules.
To edit the content of page, click on one of the content sections you would like to edit. It will be encased in the thin blue frame. It means that the section is active now

3. Elementor Section Options

Hover on the section to see the available options: ( Reference image below) 

a. Add Section – add a new section to add more content to your page

b. Edit Section – here you can manage the section layout options, access section styles, such as backgrounds, borders, and change advanced settings

c. Remove Section – click on this icon if you would like to delete the section

4. Elementor Column Options

a.To access the column options, Click The Column Icon and Then Click Mouse Right Button and You will appear with the following options: Edit Column, Duplicate Column, Add Column, Copy, Paste, Paste Style, Delete, etc.

b. Click on Edit Column icon to access column layout and style settings

c. If you click on Add Column icon, another column will be added to the current section. ( Reference image below) 

5. Editing Elementor’s Content Modules      

To edit content modules, hover on the top right content block corner. Here you will see the module hamburger menu with options: Edit Widget, Duplicate Widget, Remove Widget.

a. Click on Edit Widget button in the top right corner of the content module. The module editor will be opened in the left column. You can switch from editing content to editing style or apply advanced settings using the buttons located in the top panel of the editor

b. The modules content and style settings may differ depending on what content you need to add to the page and what module you’ve chosen

c. Click on Publish/Update button in the bottom left corner/top right corner to save the changes. ( Depends on Elementor Feature settings)

You’re now ready to build a professional, high-converting website without hiring a developer or spending weeks learning web design. Elementor Template Kits make everything fast, fun, and flexible — and you’re already halfway to launching your dream project. If you ever feel stuck, remember: You’re just a few clicks away from getting support. Now go ahead, start customizing, and watch your website transform into something customers will love! 💙