Meet Our New Innovation

Grab It at Flat 50% OFF

How to Use Free Elementor Website Templates

How to Use Free Elementor Website Templates

Creating captivating websites is the dream of any website designer, owner, and developer. But the process can be daunting and time-consuming if you have to start everything from scratch.

Using readymade templates can save you from the hassle. Thanks to Elementor as it allowed free users to access its library and use many readymade templates at zero cost. But Elementor limited this access to premium a few years ago.

No worries! You’ll still find many Elementor addons, offering you many free templates. This article will introduce you to a popular Elementor addon and explain how to use free Elementor website templates. Get started!

HappyAddons: A Powerful Addon with Free Elementor Website Templates

How to use templates

HappyAddons expand the capabilities of Elementor with a wide range of features, widgets, and templates. With these resources, you can further power up and stand out your website with additional functionalities.

HappAddons currently have 125+ widgets and 20+ features. It has an extensive library with a wide collection of readymade kits and templates. Most importantly, you can use many of these resources for free.

Once you are convinced with the free version, you can upgrade to the pro version anytime. In the following parts of this write-up, we’ll show you how to use the free Elementor website templates of HappyAddons.

Step-by-Step Guide: How To Use Free Elementor Website Templates

Make sure you have the following plugins installed and activated on your website. You can jump into the tutorial step if you already have them installed.

Step 01: Open a New Page

  • Navigate to WP Dashboard > Pages > Add New.
  • Open the New Page with Elementor.
Open a New Page with Elementor
  • Open the page with Elementor Canvas.
  • Go to the Setting option in the bottom-left corner.
  • Press the dropdown menu next to Page Layout.
  • Select Elementor Canvas.
Set Page Layout Elementor Canvas

Step 02: Select a Suitable Template from Happy Library

  • You’ll get tons of readymade templates in HappyAddons’ Library.
  • Press the HappyAddons Library icon on the canvas.
HappyAddons Library
  • You will see both free and premium templates in the library.
  • Free ones won’t have the word PRO on them.
  • Hovering the cursor over the templates will show you the INSERT button.
  • Click the INSERT button.
Insert Elementor Template
  • The template will be imported on your canvas.
  • It may take several minutes to complete the process.
Elementor Template Imported

Step 03: Customize the Template and Add New Sections

You may not find all the necessary elements in the imported template. Scroll the template from top to bottom and inspect where you want to edit. Suppose you want to add testimonials.

  • Click the Plus (+) icon on the section you want to customize.
Add a New Section to the Elementor Template
  • You can again import a template from the section.
  • Or you can create this section using respective widgets.
  • We’ll show you both methods.
  • Go to Happy Library first.
Customize Elementor Template
  • Go to the Block section.
  • 400+ readymade blocks are available in it.
  • Scroll them and find out the one you like.
  • Click the INSERT button on it.
Import the Testimonial Block

But if you want to build it using a widget:

  • Drag and drop the Testimonial widget on your preferred canvas area.
  • You’ll get options to add text, the reviewer’s image, and his designation to the widget from the Elementor panel.
Drag and Drop the Testimonial Widget

In the same way, you can add other sections to the template and design it as you want.

Step 04: Save and Publish the Template

  • Press the dropdown icon on the Publish button.
  • This will open up two options: Save Draft and Save as Template.
  • Use the one you want.
  • But if you want to publish the template, hit the Publish button.
Save and Publish the Template

Take a look at some examples of the types of websites you can create using HappyAddons templates.

The header is actually the top section of a website, including important elements that provide essential information and navigation to the entire website. Headers usually include the website logo, site name, search bar, main menu, social menus, etc.

On the flip side, the footer comes at the bottom section of the website. It also includes important navigational elements and page links like sitemap, FAQ, About, Terms and Conditions, Privacy Policy, etc. Without the header and footer, a website is incomplete.

Create Header and Footer in Elementor for Free

Using the Elementor theme builder, you can easily create the header and footer. The problem is you must be a premium user to access the theme builder. But never worry! HappyAddons have a free theme builder by which you can create the header and footer without cost.

# Create a Header for The Website

Yet HappyAddons don’t have any readymade template for the header section. Soon, they will come up with a good collection of header templates. However, creating a brand new header from scratch using its theme builder will take only a few minutes.

  • Navigate to HappyAddons > Theme Builder.
  • Land on the Header tab.
  • Next, click the button Add New.
Go to HappyAddons Theme Builder
  • Create an area for the header section.
  • Select the number of columns you want.
Select the number of columns

You can stylize the header section in numerous ways. We’ll show you a way here.

  • Hit the six-dotted icon on top of the created new area.
  • Go to the Style tab.
  • Select a color for the section background.
Stylize the header section
  • Start adding suitable widgets to the header column sections.
  • We’re now adding the Inner Section widget to the first column.
Add widget to the header for designing the site logo
  • Drag and drop the Icon widget.
  • Then, select your desired icon from the icon library.
  • In the same way, drag and drop the Text Editor widget next to the icon.
  • Write the text that suits the icon, and you want to communicate with users.
Use Text Editor widget to add text to the header section
  • Watch the image below.
  • We have added some other texts and icons in the same way.
  • You can add a CTA button to the header using the Button widget.
Add Button to the Header Section
  • Following the same above guide, add a logo to the header section.
  • Drag and drop the Happy Menu widget to display the website menu.
Add a header menu
  • If the Happy Menu doesn’t work, you have to configure it from the backend.
  • Navigate to Appearance > Menu.
  • Set up your website menu following the attached tutorial below.

# Create a Footer for The Website

Creating footers is easier than the process of building headers. Because you can use any suitable footer template from the HappyAddons library.

  • Go to HappyAddons > Theme Builder > Footer.
  • Click the button Add New.
Create a New Footer HappyAddons Theme Builder
  • Open Library by clicking the HappyAddons icon.
  • Type Footer in the search box.
  • You’ll see both free and pro footer templates appearing below.
  • Import the free one.
Select a Footer Template
  • Customize the footer menus, page links, and social channels.
  • Try to avoid here the same things you have already covered in the header section.
  • Once you are done with editing, hit the Publish button.
Publish the Footer

Thus, you can easily create an entire website using the readymade templates of HappyAddons.

# Explore the HappyAddons Theme Builder Feature

Give a tour of the HappyAddons theme builder feature and explore what else you can do with it.

FAQ – Free Elementor Website Templates

These are the most common questions people have asked regarding the Elementor template over the years.

  • Does Elementor have free templates?

    Elementor once offered both free and premium templates to users. But free templates are no longer available. You must be a premium user to access its template library, whether you look for page, header, footer, or block templates.

    However, you’ll find many Elementor addons online, like HappyAddons, coming with a good collection of readymade templates. You can use any of them to import free templates on your site.

  • Is Elementor still free?

    Yes, Elementor still has a free version. You can download it from wphive.com or WordPress.org.

  • Do Elementor templates require any coding knowledge?

    No, free Elementor website templates do not require any coding knowledge. They are designed to be easily used and customized just by dragging and dropping.

  • Should I optimize Elementor templates to make them mobile-responsive?

    Yes. It is highly recommended to optimize all Elementor templates to ensure they are mobile-responsive. Because some elements may not be perfectly adjusted on different screen sizes, which you can overcome through optimization.

  • Can I use Elementor templates on any WordPress theme?

    Elementor is designed to be compatible with a wide range of themes. So, you’ll hardly find some themes not working perfectly with Elementor.

Create Your Website Now Using Free Elementor Templates

In the above guide, we’ve tried to demonstrate how to use and make the best of using free Elementor website templates. We have also incorporated the guides on how to build headers and footers for free using the HappyAddons theme builder.

We hope this tutorial helps you a lot. Please let us know through the comment box below if you have any queries regarding this blog.

And share this article on your social channels if you think it will help your friends to learn more about Elementor website templates.

Share this post

Related Post

6 Responses

  1. Fantastic guide! Elementor templates have transformed my site. Easy-to-follow steps and stunning designs. Thank you

Leave a Reply

Your email address will not be published. Required fields are marked *

chill
Day
Hrs
Mins
Secs