help center

On this page

About Elementor Website kits

Last Update: January 31, 2024

Website kits allow you to build professional websites without needing to know how to code or even design. A kit gives you webpages, page features like pop-ups, and everything else you need to build a stunning website. 

There are two ways you can build your website with a kit. For Elementor hosted website owners, you can start with a website kit when you first purchase your site. From here, you’ll be taken through the kit selection process. 

If you’re a plugin user, or a hosted website user who didn’t originally install a kit, you can install kits by going to your WordPress dashboard and selecting one via the Kit Library within the Templates tab. 

In this how-to guide, we’ll look at how you can find and implement a kit.

What is a website kit?

Website kits contain webpages, forms, pop-ups, and other features that you can use to create a website. Features are modular, enabling you to customize your website through visual editing. Every website kit comes with a complete design and structure for a full website. This ensures you won’t forget to add a necessary feature

Finding a website kit

Kit Library

Whether you’re an Elementor hosted website owner just starting out, or you want to incorporate a kit using the plugin, you’ll need to go to the Kit Library

For new Elementor Hosting owners:

As part of the installation process, you’ll be given the option of starting with a website kit. The system will walk you through the kit selection process, helping you narrow down the choices according to the type of site you want to build and your experience level. Keep in mind that you can always change your mind later by restoring your site and choosing another kit or choosing to start from scratch. 

For all others:

  1. Open the Kit Library by navigating to the WordPress Panel.
  2. Click Templates.
  3. Open Kit Library

Once in the Kit Library you have several ways to look for your perfect kit:

  1. Scroll through the entire library
  2. Search for a specific term (e.g. Bakery)
  3. Use the dropdown menu to order the library by Featured, New, Popular, and Trending
  4. Search through the kits by category, tags, types or plan (Free, Pro or Expert)
Screenshot of the Kit Library. Tiles of each kit are displayed below a search bar you can use to find the kit you want.
The Kit Library gives you many different kits to choose from.

Remember that after you apply a kit, you’ll be able to customize the content. If a specific genre isn’t available, use a similar kit and make it your own! 

Important: It is highly recommended that kits be installed on a clean WordPress website – one that does not have any other kits, headers, footers, etc. installed, as these may conflict with your website kit.  In addition, kits may overwrite or append your current site data. Hosted website users can check out “How do I delete my Elementor hosted website to start over again?” for information on how to start with a clean website. All users can export their sites using the Export Kit

Viewing the kits

When you find a kit that interests you, hover over it and click View Demo. You can then look at the kit’s pages, even seeing them as they would appear on a desktop, tablet, and mobile device. 

The icons that control the responsive view
Use these icons to see how the kit would look on different devices.

Use the Overview button to see all the pages and site parts (e.g. header, footer, page and templates, archives, 404 page) you’ll be importing. 

The Overview button
Overview let’s you view all the kit’s site parts.

If all looks good, you’ll want to apply the kit to your site.

Applying the website kit

Once you’ve found your dream kit, it’s time to apply it to your site:

  1. Click the Apply Kit button – Elementor may ask you to enable the importation of SVGs before applying the kit – you should allow it.
  2. You’ll be asked whether you want to apply the whole kit or customize the parts you want to import. Unless you’re an experienced Elementor user, we recommend applying the whole kit.
    The option to customize the parts of a kit you import.
    Unless you’re an experienced user, we recommend selecting “Apply All.”

  3. Wait for the importer to complete; don’t close this screen until it’s finished!
    Screenshot of the importers processing screen.
    Wait until the import completes its magic!

  4. Click Next. You’ll then see a list of items that were imported successfully.
    Screenshot of the website kit import wizard completion screen.
    Sucess!

  5. Click Close to complete the process and exit the import wizard.
  6. Once back at the WordPress dashboard, click the Pages tab to view your new pages and begin customizing them.

Customizing your kit’s site identity and menu.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article