The market for sharing and selling free and premium Elementor templates is growing. Just as there are WordPress themes that can be downloaded or purchased, there are third-party Elementor layout templates that you can acquire to use in your page layouts. It's not completely obvious, though, how to import Elementor layout templates, so here is a quick guide to doing so.
Import The JSON File
- In your site's admin menu, go to Elementor > My Library > Import Template.
- Click the Choose File button, locate the .json file that you downloaded from a third party, and click Import Now.
You will find your new Elementor template listed in your Elementor Library.
Some templates include additional files, such as CSS and XML files that give your page additional styles or functionality. If the template you download includes such files, import them using the following instructions. (Always read any instructions that may accompany your download, as they will be specific to that template. The following instructions are general guidelines that will cover most situations).
Import CSS And XML Files
- Copy any included CSS into Customizer > Additional CSS or into your child theme's style sheet or into any custom CSS plugin you might be using.
- If your template includes any XML files, import them via Tools > Import > WordPress > Run Importer. Click the Choose File button, locate the .xml file on your computer, and click the "Upload file and import" button.
As you can see from the screenshot above, I've imported several third-party files, including a restaurant and a hotel layout from the Elegant Marketplace, and four team section layouts from Bidyasagar Salam of Pastemedia.
Note: Just as most themes don't include all the images you see in the demos, the same often applies to Elementor layout templates that you download or purchase. Most templates will come with a generic, stock "Your Photo Here" type of image, and it will be up to you to replace those with your own images.