Upload Elementor Template but Dont Have Elementor
Read Time: 9 mins Languages:
There's a reason why so many people have turned to WordPress page builder plugins: they can make building even the most complex page layouts and features a relative breeze.
It's no wonder then, that Elementor has become the get-to page builder on the market. Information technology not but simplifies content cosmos; the plugin besides boasts some compelling extras. These features brand for a more pleasant and efficient user experience.
Amid the biggest bonuses is the inclusion of Elementor Templates; premade folio templates that yous can import into your website. From there, you tin edit them to match your needs. Modify text, colors, images–even remove elements you don't need. Well-nigh every attribute can be tweaked.
Today, we'll bear witness y'all how you tin outset using Elementor Templates on your WordPress website. Let's begin!
What Are the Benefits of Elementor Templates?
Even the all-time WordPress folio builders require some endeavor to get things just right. Creating a professional-looking layout with attractive design elements is possible–but information technology takes time.
Elementor templates take intendance of all the time-consuming work for you. With just a few clicks, yous accept everything you demand to create a beautiful webpage.
Templates come up in a variety of styles and some even include built-in functionality. Just note that some may require the Elementor Pro plugin, every bit opposed to the gratis version.
What'south more than, Elementor template "kits" have also come onto the scene recently. Kits are a drove of similarly-styled templates, all meant to go together beyond a website. This means an entire site can exist built faster and easier.
You tin as well become your projection off to a running start, equally gratis Elementor templates come bundled with the plugin (they're available without the plugin too). In addition, there are a number of free and commercial templates available elsewhere on the web.
Find Elementor Templates on Envato Elements
Envato Elements gives you access to a slap-up choice of premium Elementor Template Kits. It'southward easy to get started! Find your favorite templates, download them and import them with the assistance of the free Template Kit - Import plugin.
Or, install the free Envato Elements WordPress plugin to browse and import templates without e'er having to get out WordPress.
With either method, you lot'll be able to start building your amazing website in no time at all.
ane. Install and Activate Elementor
Elementor templates sound pretty amazing, right? The only technical requirement to get started is to install and actuate the gratuitous version of the Elementor page builder plugin. In addition, you'll demand a free personal account with Elementor–which nosotros'll get to later.
But first, let'due south install the plugin:
Install and Activate Elementor Folio Builder
Inside WordPress, visit Plugins > Add New.
In the search bar, blazon in Elementor Folio Builder. Click the Install At present button.
Once the plugin has been installed, click on Activate.
Y'all're all ready! At present, it'south time to put Elementor templates to work.
2. Add an Elementor Template to Your Page
For this pace, you'll demand to cull or create a WordPress page where you'd like to add an Elementor template. In our example, we'll create a new folio called "Near The states".
Detect Your Page
Navigate to your page inside the WordPress Dashboard by visiting Pages > All Pages. Side by side, click on the page yous want to edit.
Edit with Elementor
Within the editor, click on the Edit with Elementor push on the upper left of the screen to launch the page builder.
Hint: If you're using the WordPress Classic Editor, the Edit with Elementor push volition announced merely below the page championship.
Enter the Elementor Template Library
Once inside the Elementor page builder, yous'll notice that there are a lot of settings. But for our purposes, we'll focus solely on the box in the heart of the screen.
The box, surrounded with a dashed edge, contains two icons: a pink plus sign and a gray folder. Hover your cursor over the greyness binder icon and you'll run into a tooltip: Add Template.
Click on the icon to enter the Elementor Template Library.
Now, nosotros've opened up a globe of design possibilities.
Import an Elementor Template From the Library
There are a number of free Elementor templates to cull from. In add-on, users of the Pro version of Elementor also have access to a multifariousness of exclusive templates likewise. And don't forget you tin can cheque out the latest offer of Elementor Template Kits on Envato Elements.
Here, I'll show you lot how to import a costless Elementor template straight from their library, likewise as how to import a downloaded template .Naught file.
The Elementor Template Library has a lot of choices, so allow'southward narrow it downwardly a bit. By searching for virtually, nosotros'll see just the Elementor templates that employ to our page.
Scrolling through the results, nosotros detect the perfect gratis Elementor template for our needs. Clicking on it provides a closer await.
This looks to be a great fit! To use it, click on the greenish Insert push on the upper right of the screen.
Create a Gratuitous Elementor Account
At this bespeak, you'll exist asked to sign up for a free personal business relationship with Elementor. Follow their signup process and, in one case you've confirmed your business relationship, you tin connect it to your website.
Connecting your new Elementor account to your website volition finish the import process. Now, your Elementor template will be displayed on your page.
Upload an Elementor Template .ZIP File
Alternatively, if you have downloaded a template from Envato Elements, importing requires a few extra steps.
First, you'll want to install and actuate the free Template Kit - Import plugin from Envato. Inside WordPress, visit Plugins > Add New.
In the search bar, blazon in Template Kit - Import. Click the Install Now push.
Once the plugin has been installed, click on Activate.
Next, yous'll demand to upload your template to your website via the Template Kit - Import plugin.
Navigate over to Tools > Template Kit inside WordPress. Click on the Upload Template Kit Zero File area of the screen.
Find the Elementor template kit Zero file on your device, then upload it to your website.
Once your Elementor template kit has been successfully installed, you'll meet a list of new templates that are set up to use.
With your new Elementor template kit in place, you tin now offset adding templates to your page!
Visit the page you wish to edit and follow the same process we mentioned previously for editing with Elementor.
You'll notice that the Elementor edit screen has changed slightly. Now, the Envato - Template Kit Import plugin has added a greenish leaf icon. Hover your cursor over the icon and you'll see a tooltip: Envato Elements.
Click on the icon to open your installed Template Kits.
Inside, you lot'll see a list of the Elementor template kits yous take installed on your website. Click on the kit you want to use.
Finally, insert the desired template into your page.
Now, you lot have a beautiful new folio that'south ready for you to customize!
3. Customize the Elementor Template
Information technology'south time to make this template your ain. The great affair about Elementor templates is that every element tin be customized to your liking.
To get started, click on an chemical element you'd similar to edit. From in that location, you tin edit content directly within the chemical element itself. Or, to brand style and layout changes, use the toolbar on the left side of the screen.
Change the Layout
We're using the default Twenty Twenty WordPress theme. And, when importing our template, I noticed that the content width isn't what we'd like it to be. Luckily, this is easy to change with Elementor.
By clicking on the dotted Edit Section icon at the top of the template, nosotros can enable a full-width layout. Notation that this process will demand to be repeated for each imported section of the page.
Editing Colors
The pinkish background overlay in the section isn't the best fit for our theme. But it only takes a few clicks to change that into something more palatable.
Customize All the Things
There's really no limit as to what you can customize when it comes to Elementor templates. Clicking on an element allows you to edit the content, look and layout. You can likewise drag new elements onto your page as well.
Relieve Your Changes
Once you're happy with the results of your work, click on the green Update button on the lower left portion of the screen. This volition salvage your custom-built page.
Tips for Using Elementor Templates
1. Templates Can Exist Tweaked to Match Your Website
When searching for Elementor templates, you lot may be discouraged by a specific blueprint chemical element or even the colour scheme. Not to worry! These items can be hands inverse within the Elementor folio builder to better lucifer your website.
2. Need to Design an Entire Website? Apply Template Kits
Consistency is one of the keys to a cracking design. Elementor template kits offer a matching set of templates – perfect for use throughout your website. Use them to instantly add a consistent look and feel. Check out the latest offering of Elementor Template Kits on Envato Elements and download as many as yous like with your subscription.
iii. Improve Your Existing Website
Elementor templates aren't just for new website projects. In fact, they tin can besides be an effective means of spicing up existing sites, too. Use templates to add compelling looks and features where needed. It'south a cracking mode to bring new life to an older website.
4. Use Elementor Blocks for Smaller Jobs
Sometimes, a full-page template may be more than than you need. Elementor blocks are a cracking alternative. They are smaller, individual sections that can be used to spice up your page. And, they're built right into the Elementor Template Library.
5. Mix and Match Blocks to Build Your Own Custom Pages
To add a unique impact to your pages, try utilizing multiple Elementor blocks. They tin make for neat page sections, assuasive you to create a natural separation of content. You can mix, match and customize each one to fit your needs.
Create Custom Pages with Minimal Effort
The adjacent time y'all're looking to create a highly-custom page for your WordPress website, requite Elementor templates a try. They offer an easy style add together both dazzler and functionality with merely a few clicks.
And, with the ability to edit each and every element, you can tweak an Elementor template to match your style. The end outcome volition exist a folio that looks like it was custom built only for you.
More than Elementor Tutorials and Resources
Nosotros accept a growing collection of Elementor resources at Tuts+ and on the Envato blog; accept a look!
Did you notice this post useful?
Source: https://webdesign.tutsplus.com/tutorials/elementor-templates-101--cms-34881
Post a Comment for "Upload Elementor Template but Dont Have Elementor"