A lot of little details go into creating a beautiful and functional website. As such, one of the biggest challenges of being a web designer is producing quality work with peak efficiency. Building layouts, adding special effects and ensuring that your work can be viewed on any device takes time.
That’s why designers are increasingly taking advantage of helpful tools like page builders. They allow you to create amazing page layouts in short order – and without the burdens of writing and testing code. The result is an attractive, fully-functional website built in a fraction of the time.
Say Hello to Elementor for WordPress
When it comes to WordPress page builders, Elementor stands out as a top choice. Both the free and pro versions of the plugin offer tons of features aimed at making the design process as efficient as possible.
And, while you can certainly build custom pages from scratch, Elementor templates can save you even more time. These prebuilt page templates cover virtually every potential use and can also be customized to fit your needs.
Today, we’ll introduce you to some of the top Elementor templates you can use to spice up your projects!
How to Use an Elementor Template
Elementor templates are easy to install and use, but there are a few different methods for doing so. And it all depends on where your templates come from. Let’s take a look at three common scenarios.
1. Elementor Library
When you install Elementor (free or pro) on your website, you will gain access to a selection of free templates (pro users gain even more options). Here’s how to find and use them:
- Create a new page or post inside WordPress and click on the Edit with Elementor button. That will take you inside Elementor’s page builder UI.
- Once inside the UI, you’ll notice two icons (a pink plus sign and a gray folder) in a rectangle at the center of the page. Click on the gray folder (hovering your cursor over this icon will show an Add Template tooltip).
- From there, you’ll have access to a number of templates. Just click on the one you want to use, then click the Insert button to add it to your page.
2. Envato Elements WordPress Plugin
Did you know that there are hundreds of great Elementor templates available through the free Envato Elements WordPress plugin? Install it to gain instant access to a variety of both free and premium template kits – each offering various matching components of a website.
Here’s how it works:
- Create a new page or post inside WordPress and click on the Edit with Elementor button. That will take you inside Elementor’s page builder UI.
- Once inside the UI, you’ll notice three icons (a pink plus sign, a gray folder and a green leaf) in a rectangle at the center of the page. Click on the green leaf (hovering your cursor over this icon will show an “Envato Elements” tooltip).
- Browse through the available templates and click on the one you want to use. On the next screen, click on Import Template.
- Exit the Envato Elements window and you’ll be taken back to the Elementor UI.
- Click on the gray folder (hovering your cursor over this icon will show an Add Template tooltip).
- The newly-installed template will appear in the My Templates tab within the Library. Go there and insert your new template.
Note: A subscription to Envato Elements is required to access premium Elementor templates.
3. Downloaded Templates
If you have downloaded your Elementor Template from somewhere else, the process is slightly different. You’ll have to import either a .JSON or .ZIP file into your website. Here’s how:
- Create a new page or post inside WordPress and click on the Edit with Elementor button. That will take you inside Elementor’s page builder UI.
- Once inside the UI, you’ll notice two icons (a pink plus sign and a gray folder) in a rectangle at the center of the page. Click on the gray folder (hovering your cursor over this icon will show an Add Template tooltip).
- This time, we’ll click on the Import Template button (a circled arrow icon) on the upper right of the Library window. You can then upload the .JSON or .ZIP file containing your template.
- The newly-installed template will appear in the My Templates tab within the Library. Go there and insert your new template.
Top 10 Elementor Template Kits from Envato Elements
Did you know you can find professional template kits built for Elementor in Envato Elements?
The Elementor template kits are code-free, fully flexible websites from the world’s best WordPress designers. You can choose from hundreds of professional designs and customize them as you want.
With your Envato Elements subscription, you can enjoy unlimited downloads of all template kits and millions of creative assets to add to your website.
Now, let's check some of the best Elementor template kits from Envato:
1. Helion - Creative Portfolio Elementor Template Kit
Helion is a collection of 15+ pre-designed templates, perfect for all kind of online portfolios. If you're in design, fashion, editorial or any creative field and need a portfolio, this Elementor template kit will work perfectly for you. It's optimized for search engines, retina ready and fully customizable.
2. Transco - Business Template Kit
Transco is an Elementor template kit built especially for corporations and business. The kit works flawlessly in any screen size and comes with 13 pages and section templates. This is fully compatible with Elementor free version, which means you don't need Elementor Pro.
3. Publibox - Blog, News & Magazine Elementor Template Kit
Do you need an Elementor template kit for your blog, newspaper or magazine website? Publibox is the perfect fit for you. This Elementor kit includes 14 templates that can be imported to any WordPress theme and be easily edited based on your needs.
4. Quwa - CV Resume Template Kit
Quwa is a CV and resume Elementor template kit for any person that wishes to create a professional online resume. Quwa includes all the sections you need for your online CV, is fully responsive and mobile friendly.
5. eTutor - Education & Online Course Elementor Template Kit
Next up, if you're looking for the perfect Elementor template kit for online courses, take a look at this one. You know IT courses have a high demand at the moment, so take advantage of it and use an Elementor template especially made for this. eTutor comes with 10 page templates that are easy to edit and fully responsive.
6. ORFA - Organic Farm Products Elementor Template Kit
ORFA is an Elementor template kit made for foodies, cooks, food bloggers and farm owners. Not only you can promote farm products, organic food, and food delivery services, you can also share all your recipes in a clean and minimalist layout.
7. Shoppix - Luxury Shop Elementor Template Kit
This Elementor template kit is a a complete shop builder solution for your luxury online business.
Shoppix comes with 20 templates that can be easily imported and edited based on your needs. One of the best features of this kit is that your product pages with product listings are automatically populated from your WooCommerce shop. Shoppix is fully functional and ready to be used on your existing WooCommerce shop.
8. TravelTour - Travel & Booking Template Kit
Are you looking to set up a travel agency website? This Elementor template kit might be great for your project. Travel Tour kit was specifically designed travel and booking agencies. Take advantage of the free images and plugins included in this kit and create your travel website with Elementor.
9. Eventico - Event & Conference Elementor Kit
Eventico is an Elementor template kit for events and conferences, perfect if you're an event planner. It comes with 10 templates equipped with beautiful, modern event and speaker layouts, along with two skin variants you can switch between.
10. Couples - Wedding Planner Template Kit
Make wedding planning easier with this top Elementor template kit. Couples is an Elementor kit with great flexibility and performance. This template pack contains 10+ page layouts with more than 30 section. You can use it for wedding invitations, wedding planning agencies, or wedding photography services.
Top 10 Templates from Elementor Library
Now, if you want to go straight to the source, you can check the templates offered in Elementor Library. As I've explained, when you install Elementor (free or pro) on your website, you'll have access to some free templates, while pro users have even more template options. Check some of the best Elementor templates:
1. Homepage – Business
This clean, colorful homepage is a great fit for just about any type of business. It features beautiful illustrations, an integrated count-up script and sharp typography. A short and simple option.
2. Product – App
Want to promote your product or service? This template comes complete with everything you need for a one-page rundown. You’ll find a lovely hero section with space for a featured video, an easy-to-read pricing table, FAQs and testimonials.
3. Landing Page – Vacation
Complete with a full-screen video background, your visitors will have a hard time resisting the urge to book a vacation. The template relies on rich media to tell the story. In addition, there is great color contrast and an interactive slideshow.
4. Maintenance Mode 3
Whether your site is undergoing some routine maintenance, or you just want a slick “coming soon” page, this simple template is a great choice. It features a unique look, yet doesn’t overwhelm with text. Use it for concise messaging and as a gateway to your social media accounts.
5. One Page – Architect Office
Here’s a highly-visual landing page that gives off a professional vibe. There is plenty of space for photos, and the included parallax effect will keep users engaged. To top it all off, you’ll find spots for basic content and contact information.
6. About – Startup
A good About page doesn’t have to be overly complicated – and this Elementor template is proof. It’s beautiful, colorful and has space for the essentials. Of course, since these templates are all fully-editable, you can expand as needed.
7. About – CV
If you’re a freelancer for hire, this CV template is the perfect place to show off your skills and experience. The multicolumn layout keeps things interesting, while the typography is spot-on. The interactive skills chart is the icing on the cake.
8. Landing Page – Mobile App 1
This landing page offers a stunning home for a mobile app. It utilizes a terrific color contrast, allowing images to really stand out. In addition, you’ll find an icon-based feature list, a space for testimonials and a logo carousel.
9. Contact – Corporate
A solid contact page should get right to the point, and this template offers a great starting point. Contact information is concise and a Google Map will make it easy for users to find your location. All the basics are covered here.
10. Photography Portfolio
Check this Elementor template made for photographers who need an online portfolio. It's especially designed to showcase your best work in wide format and of course, the template include social media buttons and contact forms.
5 Free Elementor Templates to Download in 2020
While professional Elementor template kits offer a wide range of personalization options and many more benefits, we know it isn't always possible to buy premium templates. If you don't have the cash, you can always check free Elementor templates like these ones:
1. Free Coach Home Page
Consultants, personal trainers and (yes) coaches will love this free Elementor home page template. Featuring bold text and lots of whitespace, it’s a great vehicle for introducing yourself to the world. It also looks great on small screens.
2. Free Coffee Shop Homepage Template
Sometimes, a single page is all a business needs to share their message. This free Elementor template offers everything you might need in those cases. You’ll find a clean design, integrated hover animations and compelling section layouts.
3. Free Hotel Homepage Elementor Template
This free Elementor template was built for the hospitality industry. The homepage features a header block for a large image and a call to action button. The template includes image galleries, blocks for copy and a promotional video block.
4. Free Elementor Software Business Homepage Template
For those in the software industry, this is a free elementor template that can come in handy. The Software Business Homepage template design includes one pre-made, ready to download template suitable for businesses selling software.
5. Free Elementor Trip/Travel Landing Page
This free Elementor template is a trip/travel landing page. The design includes one pre-made, ready to download template suitable for travel websites. It's optimized for any screen size and fully responsive.
Quick Tips for Using Elementor Page Templates
1. Templates Are Fully-Editable
Want to change something about your chosen template? It’s easy! Elementor’s page builder functionality applies to pre-made templates as well. Feel free to click on any item you’d like to edit and make it your own.
2. Templates Are Responsive
Virtually every Elementor template is designed to be fully responsive. So, you can rest assured that it will look great on any device. You can even get a sneak preview of how your template looks at various sizes within the page builder.
3. Looking for a Full Site? Use a Template Kit
Template kits are a collection of page templates – all of which use a consistent design. Think of them as being similar to a WordPress theme. If you are looking to put a full site together quickly, this will help you get things done. Just import the kit (or individual pages) and start editing!
Learn More About WordPress and Elementor
Elementor is a fantastic tool for both novice designers and seasoned pros alike. It’s easy to use and contains powerful features to help you build even complex websites in less time.
When you add Elementor templates to the mix, the whole process is made that much better. Since templates cover just about every type of page you can imagine, and come in a variety of looks, they will quickly become one of the go-to items in your toolbox.
Take a look at these tutorials to get started using Elementor today:
WordPressHow to Build a WordPress Website With Elementor
WordPressHow to Customize Your WordPress Website With Elementor
ElementorHow to Use Elementor Templates: A 101 Intro
WordPressCreate Websites Fast With the Elements Plugin for WordPress
WordPressHow to Create Awesome Popups in WordPress with Elementor Pro
ElementorDivi vs. Elementor: WordPress Page Builders Compared
No comments:
Post a Comment