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
- Log into your WordPress dashboard.
- Navigate to Plugins > Add New and search for "Template Kit – Import".
- Install and activate the plugin.
- Go to Tools > Template Kit.
- Click Upload Template Kit ZIP and import your kit.
- Select the templates you want and click Import.
How to Import Elementor Template into WordPress
If you have a single Elementor template (not a kit), here's how to import it:
- Open a page or post with Elementor.
- Click the folder icon to open the Elementor Template Library.
- Click Import Templates at the top tab.
- Upload your .json template file.
- Once uploaded, insert it into your page.
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.
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
- Edit the page you want using Elementor.
- Click the gray folder icon in the editor to launch the Template Library.
- Navigate to the My Templates tab to view templates you've saved or imported.
- Click the Insert button next to the desired template.
- Confirm any settings, such as whether to include the template's global styles.
- The template will load into your canvas—now you can customize it as needed.
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.
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:
Feature | Use |
---|---|
Global Settings | Set fonts, colors, and buttons across the template |
Theme Builder | Customize headers, footers, archive and single pages |
Dynamic Tags | Add dynamic content like author, date, or post title |
Custom CSS | Apply styling beyond what's possible in the visual builder |
Useful Links
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.