banner



How To Use Template Elementor

Read Time: nine mins Languages:

There's a reason why and then many people accept turned to WordPress page architect plugins: they tin can brand edifice even the almost circuitous page layouts and features a relative breeze.

It's no wonder then, that Elementor has get the go-to page builder on the market place. It non only simplifies content creation; the plugin likewise boasts some compelling extras. These features make for a more than pleasant and efficient user experience.

Amidst the biggest bonuses is the inclusion of Elementor Templates; premade folio templates that yous tin can import into your website. From there, you lot tin edit them to friction match your needs. Change text, colors, images–even remove elements you don't need. Virtually every aspect can exist tweaked.

Today, we'll show you how yous can kickoff using Elementor Templates on your WordPress website. Let's begin!

What Are the Benefits of Elementor Templates?

Even the best WordPress page builders crave some endeavor to become things simply right. Creating a professional-looking layout with attractive blueprint elements is possible–merely it takes fourth dimension.

Elementor templates take care of all the fourth dimension-consuming work for you. With but a few clicks, you have everything you need to create a beautiful webpage.

Templates come in a diversity of styles and some fifty-fifty include congenital-in functionality. Just notation that some may crave the Elementor Pro plugin, every bit opposed to the complimentary version.

What'due south more, Elementor template "kits" have also come onto the scene recently. Kits are a collection of similarly-styled templates, all meant to go together beyond a website. This means an unabridged site tin can exist built faster and easier.

You tin also go your project off to a running start, equally free Elementor templates come bundled with the plugin (they're available without the plugin also). In addition, there are a number of complimentary and commercial templates available elsewhere on the spider web.

Find Elementor Templates on Envato Elements

Envato Elements gives you access to a great selection of premium Elementor Template Kits. It'south like shooting fish in a barrel to get started! Find your favorite templates, download them and import them with the help of the free Template Kit - Import plugin.

Or, install the free Envato Elements WordPress plugin to browse and import templates without ever having to exit WordPress.

With either method, you'll exist able to start building your amazing website in no fourth dimension at all.

Envato Elements WordPress Plugin Envato Elements WordPress Plugin Envato Elements WordPress Plugin

i. Install and Activate Elementor

Elementor templates sound pretty amazing, right? The only technical requirement to get started is to install and actuate the costless version of the Elementor page builder plugin. In addition, you lot'll need a free personal account with Elementor–which we'll get to later.

But first, permit's install the plugin:

Install and Activate Elementor Page Builder

Inside WordPress, visit Plugins > Add New.

In the search bar, type in Elementor Page Builder. Click the Install Now push.

WordPress Add Plugins Screen - Elementor Page Builder WordPress Add Plugins Screen - Elementor Page Builder WordPress Add Plugins Screen - Elementor Page Builder

In one case the plugin has been installed, click on Activate.

You're all ready! Now, information technology's fourth dimension to put Elementor templates to work.

2. Add together an Elementor Template to Your Page

For this pace, you lot'll demand to choose or create a WordPress folio where you'd like to add together an Elementor template. In our example, we'll create a new page called "Virtually United states".

Find Your Page

Navigate to your page within the WordPress Dashboard by visiting Pages > All Pages. Next, click on the page y'all want to edit.

Edit with Elementor

Inside the editor, click on the Edit with Elementor push on the upper left of the screen to launch the folio builder.

Edit with Elementor button Edit with Elementor button Edit with Elementor button

Hint: If you're using the WordPress Classic Editor, the Edit with Elementor button will appear just below the folio title.

Enter the Elementor Template Library

In one case inside the Elementor page builder, you'll notice that at that place are a lot of settings. But for our purposes, nosotros'll focus solely on the box in the heart of the screen.

The box, surrounded with a dashed border, contains two icons: a pink plus sign and a gray binder. Hover your cursor over the grey binder icon and yous'll see a tooltip: Add Template.

Elementor Add Template Button Elementor Add Template Button Elementor Add Template Button

Click on the icon to enter the Elementor Template Library.

Elementor Template Library Elementor Template Library Elementor Template Library

Now, we've opened up a globe of design possibilities.

Import an Elementor Template From the Library

There are a number of free Elementor templates to choose from. In addition, users of the Pro version of Elementor likewise accept access to a diversity of exclusive templates as well. And don't forget yous can bank check out the latest offering of Elementor Template Kits on Envato Elements.

Here, I'll testify you how to import a free Elementor template directly from their library, as well as how to import a downloaded template .Zilch file.

The Elementor Template Library has a lot of choices, and then allow's narrow information technology down a bit. By searching for well-nigh, nosotros'll see just the Elementor templates that apply to our page.

Elementor Template Library Search Results Elementor Template Library Search Results Elementor Template Library Search Results

Scrolling through the results, we find the perfect gratis Elementor template for our needs. Clicking on information technology provides a closer await.

Elementor Template Preview Screen Elementor Template Preview Screen Elementor Template Preview Screen

This looks to be a great fit! To utilize it, click on the green Insert button on the upper right of the screen.

Create a Gratuitous Elementor Business relationship

At this point, y'all'll be asked to sign up for a gratuitous personal business relationship with Elementor. Follow their signup procedure and, one time you've confirmed your business relationship, you can connect it to your website.

Connecting your new Elementor account to your website volition finish the import process. At present, your Elementor template will be displayed on your page.

Upload an Elementor Template .Goose egg File

Alternatively, if you take downloaded a template from Envato Elements, importing requires a few actress steps.

First, y'all'll want to install and actuate the free Template Kit - Import plugin from Envato. Within WordPress, visit Plugins > Add New.

In the search bar, type in Template Kit - Import. Click the Install Now push button.

WordPress Add Plugins Screen - Template Kit Editor WordPress Add Plugins Screen - Template Kit Editor WordPress Add Plugins Screen - Template Kit Editor

Once the plugin has been installed, click on Activate.

Adjacent, you'll need 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 Goose egg File area of the screen.

Envato Installed Template Kits Screen Envato Installed Template Kits Screen Envato Installed Template Kits Screen

Find the Elementor template kit ZIP file on your device, and so upload it to your website.

Once your Elementor template kit has been successfully installed, y'all'll see a listing of new templates that are gear up to use.

Envato Template Kit After Installation Envato Template Kit After Installation Envato Template Kit After Installation

With your new Elementor template kit in place, you can now starting time adding templates to your page!

Visit the page y'all wish to edit and follow the same process nosotros mentioned previously for editing with Elementor.

You'll notice that the Elementor edit screen has changed slightly. At present, the Envato - Template Kit Import plugin has added a greenish leaf icon. Hover your cursor over the icon and you'll run across a tooltip: Envato Elements.

Editor Envato Elements Button Editor Envato Elements Button Editor Envato Elements Button

Click on the icon to open up your installed Template Kits.

Inside, you'll encounter a listing of the Elementor template kits you accept installed on your website. Click on the kit you want to use.

Installed Template Kits Screen Installed Template Kits Screen Installed Template Kits Screen

Finally, insert the desired template into your page.

Template Kit Listing Screen Template Kit Listing Screen Template Kit Listing Screen

Now, you have a beautiful new folio that's fix for you to customize!

An Elementor Template Kit Imported into a Page An Elementor Template Kit Imported into a Page An Elementor Template Kit Imported into a Page

3. Customize the Elementor Template

It'due south time to make this template your ain. The neat matter about Elementor templates is that every chemical element can be customized to your liking.

To get started, click on an element you'd similar to edit. From there, you can edit content directly within the element itself. Or, to brand fashion and layout changes, employ the toolbar on the left side of the screen.

Change the Layout

We're using the default 20 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.

Past clicking on the dotted Edit Department icon at the tiptop of the template, nosotros tin can enable a full-width layout. Note that this process will need to be repeated for each imported section of the page.

Editing a Layout in Elementor Editing a Layout in Elementor Editing a Layout in Elementor

Editing Colors

The pink groundwork overlay in the section isn't the best fit for our theme. Just it just takes a few clicks to alter that into something more palatable.

Editing Colors in Elementor Editing Colors in Elementor Editing Colors in Elementor

Customize All the Things

There'due south really no limit as to what y'all can customize when it comes to Elementor templates. Clicking on an element allows you to edit the content, look and layout. You can also drag new elements onto your folio equally well.

Editing Content in Elementor Editing Content in Elementor Editing Content in Elementor

Save Your Changes

Once you're happy with the results of your work, click on the dark-green Update push button on the lower left portion of the screen. This volition save your custom-built page.

Tips for Using Elementor Templates

1. Templates Can Exist Tweaked to Lucifer Your Website

When searching for Elementor templates, you may be discouraged by a specific pattern element or fifty-fifty the color scheme. Non to worry! These items can be easily changed within the Elementor page architect to better match your website.

two. Need to Design an Unabridged Website? Use Template Kits

Consistency is one of the keys to a great blueprint. Elementor template kits offer a matching set up of templates – perfect for use throughout your website. Utilise them to instantly add a consistent look and feel. Check out the latest offer of Elementor Template Kits on Envato Elements and download as many as yous similar with your subscription.

Envato Elements Template Kits Envato Elements Template Kits Envato Elements Template Kits
Envato Elements Template Kits

3. Better Your Existing Website

Elementor templates aren't just for new website projects. In fact, they can besides exist an effective means of spicing up existing sites, too. Employ templates to add compelling looks and features where needed. It'south a great fashion to bring new life to an older website.

4. Apply Elementor Blocks for Smaller Jobs

Sometimes, a full-page template may be more than you need. Elementor blocks are a not bad culling. They are smaller, individual sections that can be used to spice up your folio. 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 touch to your pages, try utilizing multiple Elementor blocks. They can make for great page sections, assuasive yous to create a natural separation of content. You tin mix, match and customize each one to fit your needs.

Create Custom Pages with Minimal Endeavor

The next time yous're looking to create a highly-custom folio for your WordPress website, requite Elementor templates a endeavor. They offer an like shooting fish in a barrel style add both beauty and functionality with just a few clicks.

And, with the power to edit each and every element, y'all tin can tweak an Elementor template to match your way. The cease result will be a page that looks like it was custom built just for you.

More than Elementor Tutorials and Resources

Nosotros have a growing collection of Elementor resource at Tuts+ and on the Envato weblog; accept a look!


Did you find this post useful?

How To Use Template Elementor,

Source: https://webdesign.tutsplus.com/tutorials/elementor-templates-101--cms-34881

Posted by: rinknottionged.blogspot.com

Related Posts

0 Response to "How To Use Template Elementor"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel