Elfsight Birthday Sale

How to Use Elementor Templates

Elementor templates offer a fast way to build professional WordPress websites without designing from scratch. This guide will walk you through how to install, import, access, and edit templates using Elementor in WordPress.

How to Install Elementor Template Kit in WordPress

Elementor Template Kits are collections of templates tailored for specific niches. Installing them allows you to apply entire layouts in just a few clicks.

Steps to install a template kit

  1. Log into your WordPress dashboard.
  2. Navigate to Plugins > Add New and search for "Template Kit – Import".
  3. Install and activate the plugin.
  4. Go to Tools > Template Kit.
  5. Click Upload Template Kit ZIP and import your kit.
  6. Select the templates you want and click Import.
✅ Template Kits include headers, footers, and multiple page layouts for quick deployment.

How to Import Elementor Template into WordPress

If you have a single Elementor template (not a kit), here's how to import it:

  1. Open a page or post with Elementor.
  2. Click the folder icon to open the Elementor Template Library.
  3. Click Import Templates at the top tab.
  4. Upload your .json template file.
  5. Once uploaded, insert it into your page.
⚡ Only .json files are supported for single template imports, not ZIP files.

How to Access Elementor Template Library

The Elementor Template Library is a built-in resource offering a wide range of pre-designed layouts you can use instantly. It includes full page designs, blocks (sections), and entire website kits. Whether you're using the free version or have Elementor Pro, you'll find a variety of design assets to jumpstart your projects.

The library helps you save time by providing ready-made designs that you can customize as needed. It covers multiple niches like portfolios, services, product pages, landing pages, and more.

Steps to access the template library

  • Edit any post or page using the Elementor editor.
  • Click the gray folder icon in the content area — this opens the Template Library window.
  • Browse through the available templates, or use the search bar and category filters to find something specific.
  • Click Insert on the design you like to apply it directly to your page.
💡 Elementor Pro unlocks premium templates, including popups and theme parts like headers and footers for dynamic websites.

How to Use a Template in Elementor

Once your template is added, you can use it by simply dragging it into a page layout.

Drag and drop method. After importing, go to the Saved Templates tab, locate your design, and drag it into your canvas.

Insert from library. When editing a page, open the template library and click Insert.

How to Add Elementor Template to Page

Once you've saved or imported a template, you can easily insert it into any page on your WordPress website using the Elementor editor. This lets you reuse layouts and maintain consistent design across different pages without starting from scratch.

This process works with both custom templates you've created and pre-built ones you've imported from Elementor's library or a kit.

Steps to insert a saved template

  1. Edit the page you want using Elementor.
  2. Click the gray folder icon in the editor to launch the Template Library.
  3. Navigate to the My Templates tab to view templates you've saved or imported.
  4. Click the Insert button next to the desired template.
  5. Confirm any settings, such as whether to include the template's global styles.
  6. The template will load into your canvas—now you can customize it as needed.
✅ You can mix multiple templates within one page by inserting sections separately from the library.

How to Edit Elementor Template

You can customize any Elementor template after inserting it into a page or editing it directly from the Saved Templates section.

  • Go to Templates > Saved Templates in WordPress.
  • Click Edit with Elementor.
  • Use the visual builder to modify text, images, layout, and styles.
✅ Reusing a customized template is a great way to maintain design consistency across your website.

How to Manage Elementor Templates in WordPress

To organize your templates for future use:

  • Navigate to Templates in your WordPress dashboard.
  • You’ll find tabs for Pages, Sections, Headers, and Footers.
  • Use the Export and Delete options to manage storage.

Customize Elementor Templates Further

Templates are fully editable with Elementor's tools, and you can enhance them further with these options:

FeatureUse
Global SettingsSet fonts, colors, and buttons across the template
Theme BuilderCustomize headers, footers, archive and single pages
Dynamic TagsAdd dynamic content like author, date, or post title
Custom CSSApply styling beyond what's possible in the visual builder

Import Kit (Elementor Help Center) – Step‑by‑step guide to uploading and importing full template kits in Elementor, including tips on activating experiments and selecting content.

How to Use Elementor Template Library – Official instructions for accessing, searching, importing single templates (.json or .zip), and managing saved templates.

How to Use the Elementor Kits Library (Academy) – Tutorial covering enabling the Kit Library, browsing kits, and importing entire websites in one click.

Your Elementor Website Can Do Even Better!

Elfsight created dozens of useful widgets to make your website more attractive and boost its performance in so many ways. Try these no-code solutions for free on Elementor!

Conclusion

Now you know how to use Elementor templates to create visually appealing and functional pages in WordPress. From installing template kits to editing and managing layouts, Elementor provides powerful tools that simplify design. Mastering how to use Elementor templates effectively can significantly speed up your website creation process while maintaining a consistent, professional look.

Elfsight Birthday Sale
33% OFF
Get your spot at our party!
Grab The Deal