Do you know that you can build an amazing website without writing a single code?
It is very simple!
With a single WordPress plugin, you can transform every page of your website to an engaging and responsive one. And, here is how you will do that.
But come to think of it, do you really need an engaging and responsive website?
Yes, you do!
From a study done by Infront, 94% of the people said they judge a website’s authenticity by its responsiveness. Obviously, if your site is not engaging and responsive, you have lost the trust of 94% of your visitors.
I am sure you would not want to do that. So, one of the most popular WordPress plugins you can use to create great custom pages seamlessly is Elementor.
This plugin and its likes are generally called Page Builders. By a simple drag and drop, you can incorporate any feature you want your website to have.
But then, if you want to avoid the hassle of building your pages from the scratch, you can use the already pre-designed pages called the templates.
In the Elementor template library, you can find and import any design that best suits your goal. Read on to learn how to use these templates to build an amazing WordPress site.
Step 1: Install and Activate the Elementor Plugin
To get started, the first thing you would want to do is to install the Elementor page builder on your WordPress dashboard.
There are pro and free versions of the Elementor plugin. Your choice should be guided by what you want. But obviously, the pro version allows you more features than the free.
But for this guide, the free version will do. So go ahead and install the free Elementor plugin.
Install and Activate the Page Builder
On your WordPress dashboard,
- Navigate to the Plugin tab.
- Click Add New
- Type in ‘Elementor‘ on the search panel
The Plugin would appear with its pink-purple icon, as shown in the image below.
- Click on the Install button
- Activate it as soon as the installation is done.
With this done, you are set to move on to the next step.
Step 2: Add an Elementor Template to Your Page
If you do not have the page unto which you want to add the template already, then you will need to create a new page. For this guide, we shall create a page called ‘About Us.’
To create a page,
- Go to Pages on your dashboard panel
- Click Pages > All Pages.
If you already created the page you want to edit, do not bother creating a new one.
- Click Create New.
When you have the page, the next thing is to get unto the Elementor page.
Edit with Elementor
Unlike what you would see when you had not installed the Elementor Plugin, your WordPress editor interface would carry a button asking you to Edit with Elementor.
But if you are using the Classic Editor, the button would rather appear as a title, just before the Page title box.
Tap this button to get directed on to the Elementor interface.
Enter the Elementor Template Library
When you enter the Elementor page builder panel, you will quickly realize that there is a tool panel on the left corner of the page and the middle page.
For now, your focus should be on the middle page which has a box bordered by a dashed line. Inside the box are icons. The primary icons there are a folder icon and a pink plus icon.
You could find other icons in there, depending on the template kit you have installed on your WordPress.
Click on the folder icon. When you hover around it, a tooltip saying ‘Add Template‘ would appear.
This first action will take you to the Elementor Template Library. Here, you will find any type of page you want.
Find the Template You Need
Scroll through the library to find the template that best suits your needs.
If you are on the Elementor Pro, you will be able to choose more exquisite templates. But then, there are free ones that can serve your purpose, if you cannot afford the Elementor Pro.
For the sake of this guide, we shall use a free template for an ‘About Us‘ page. To quickly see the category of templates you want, type in the keyword in the search panel.
So, we will use the keyword ‘About‘ in our case.
How to Insert a Template on Elementor
Believing that you have found a template that you like, the next thing to do is import it unto the editing panel.
Click the template. Have a closer look at it, to be sure it is what you want.
On the top right corner of this template, you will see a green insert button. Click on it to import the template.
Before you import templates, you will need to sign up a free account with Elementor. Simply enter your email address and your desired password, then click the sign up button.
After this, the template is automatically imported into your Elementor editing panel.
Step 3: Customize the Template
To get your desired page design, you will have to edit the template you just imported. This would involve changing the template’s colour and text to fit your taste and purpose, respectively.
You can also reposition buttons and Calls-to-action (CTA).
Edit the Colour
You can get a more appealing colour, considering the nature of your theme and your brand colour. With a few clicks, you can manipulate this function.
Change the Page Layouts
And if the template features do not align with your theme, you can simply edit the affected section. You can drag and drop any feature on the template until you get what you want.
Customize Texts and other Features
Any template you import from the library usually comes with a default text. You would want to edit these texts to fit your website goals.
You can take a look at the effects of the changes you have made on the template by clicking the Preview button on the lower-left corner of the Elementor page.
How to Customize sections on Elementor
To edit any section of your template, which might include texts, background colour, images, videos and other types of contents, you should first click the six dots of the section.
With that done, you can move any element you want into or out of a section.
You can select the elements you want to introduce from the tools panel (by the left hand side of the page).
By dragging and dropping the elements, you will customize any page as you desire.
How to Import a Template into Elementor
Aside from accessing Elementor templates directly from the page builder, you can import them also from your computer as an Elementor Template Kit. This is usually as a zip file.
By a Template Kit, we mean a set of different templates, designed to share coherent visual style. The kit is made up of templates for different pages of a standard website.
Import Elementor Templates
Importing Elementor templates from your computer involves a simple process that can only take a few minutes.
- First, download the Web Page Template Kit from Envato Element as a zip file.
- Log on to your WordPress dashboard to install the Template Kit-Import plugin.
- Navigate to Plugin and click on Add New
- Type in Template Kit-Import in the search panel
- Install and Activate the plugin.
- Now, move to your WordPress dashboard, along the tools panel to locate the newly installed plugin.
- Click on Template Kit. This will take you to the plugin’s page.
- Tap the plus icon to allow you to find the template kit you had downloaded, on your computer.
- Upload the zip file and wait for it to install.
When your Elementor Template Kit has been installed, you will see a list of different templates you can use to get your custom pages with ease.
Alternatively, you can quickly install and activate the Envato Element WordPress plugin.
With the plugin, you can have quick access to the Elementor Templates without having to leave your WordPress.
Use the Newly Installed Elementor Templates
To use any of these available Elementor templates, kindly locate the page you want to edit, or simply create a new page if none exists.
Follow the same process described earlier to get onto Elementor page.
When you arrive, you will find out that an extra green icon has been added to the folder icon and pink plus icon you had.
- Click on the green icon to see your template kits.
- Navigate through the templates and locate the one for the page you want to customize.
- Insert the template and go ahead to customize it, as described above in Step 3.
What are the Benefits of Using an Elementor Template?
Quite alright, you can build even the most complex page layouts with a page builder.
But have considered how much time it will take you to get to that taste you want?
Using an Elementor template saves you a lot of time and stress. Since it is an already pre-designed page, your work is to simply customize the text, colour and maybe, other contents.
More so, a template kit gives you access to another round of luxury.
With it, you can import templates and create a website with similarly-styled pages very easily. Isn’t it amazing?
Now, look at this…
There is no ‘special’ theme for Elementor. As far as the theme is developed to meet the WordPress guidelines, Elementor editor can work well on it.
Nonetheless, a theme can be referred to as an Elementor theme because it works better with Elementor than some other ones.
How do I create a Template in an Elementor?
To create a single post template on WordPress Elementor, you will need to be on the Elementor Pro.
With the free Elementor package, you can only create page and section templates.
So if you have the Elementor Pro, follow these steps below to create an amazing single post template, which you can use for all your posts.
- Click the Template button on your WordPress dashboard
- From the drop-down menu, click on Single
- Select Post under the Select Post Type
- Give a name to your template and click the Create Template button.
- You can choose and Insert a Post Block, or you can design yours from scratch.
- Click the gear button at the lower-left corner of the widget panel to select which blog post to preview on the chosen Post Block or the new template you designed.
- When you are done with editing, click the Publish button.
- When you have published the template, a page will come up, asking you where you want to display the new template.
- Select the option you want from the drop-down menu. Remember to Save and Close afterwards.
Go Ahead and Explore the Wonders of Your Creativity
Now you do not need to bother yourself with complex lines of codes, trying to debug and the rest. Using Elementor templates gives you access to a high level of creativity.
Getting high custom pages, an engaging and responsive website are major steps towards gaining web authority. The Elementor templates assure you all these.
And having learned this, it will not be a hitch for you to get what you want, because you can virtually drag and drop every feature to fit your taste.