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.

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.

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—either by importing it or saving it from a previously designed layout—you can easily apply it to new pages or sections in your website. Elementor gives you two flexible methods for doing this, depending on whether you're working with a saved template or browsing the built-in library.

Drag and drop method: To use your own saved templates, open the Elementor editor and click the folder icon at the bottom of the canvas. Navigate to the My Templates or Saved Templates tab. From there, locate the template you’ve created or imported. Simply drag it into your canvas where you want it placed. This is ideal for reusing full-page designs or specific sections like testimonials, contact blocks, or call-to-action banners.

Insert from library: If you're using one of Elementor’s pre-designed templates, open the editor and click the folder icon to launch the template library. Browse or search for the template you want, then click Insert. Elementor will automatically place the design into your canvas. This method is perfect when starting a new section or entire page with a professionally crafted layout.

After inserting any template—whether saved or pre-made—you can customize every element, from text and images to spacing, widgets, and animations. Templates are fully editable and adapt to your current page’s styling and layout preferences.

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.

How to Edit Elementor Template

You can customize any Elementor template either after inserting it into a page layout or by editing it directly from the Saved Templates area in your WordPress dashboard. This lets you make global updates to templates you plan to reuse across multiple pages.

• Go to Templates > Saved Templates in WordPress: This section lists all the templates you've saved or imported, such as headers, footers, or content blocks.
• Click Edit with Elementor: Hover over the template you want to modify and select the option to open it in Elementor’s drag-and-drop builder.
• Use the visual builder to modify text, images, layout, and styles: Make adjustments as needed—change headings, swap out photos, adjust margins, or apply custom colors and typography settings. All changes are live and fully visual, so you see your edits in real-time.

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 templates further

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

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.