Best Free Elementor WordPress Themes in 2021
Are you looking for the best free Elementor WordPress Themes? Building a website may seem painful and daunting when you have little knowledge of coding. But with the help of a page builder, you can easily make, design, and customize your website very easily. There are a few page builders available to build a WordPress website. Among them, Elementor is one of the best and popular page builders with so many features and functionalities.
With the help of this page builder, you can easily make your own website. To work with Elementor you will need a free WordPress theme that will integrate properly with this plugin. So here in this article, we will discuss some of the best free Elementor WordPress themes in 2021.
Best Free Elementor WordPress Themes in 2021
Astra
Astra is a very popular free Elementor WordPress theme with so many features. It is super customizable, lightweight, and easy to implement. This theme is also WooCommerce supported so you can use it as an online shop also. It offers many unique features and all of these features support customization. Astra is made with user-friendly code so for developers it will be easy to customize the code.
More than 1,253,898 websites are built with these themes so you can easily guess the popularity of this theme.
Features:
- Pre-built websites
- Customize without code
- Easily integrate with Page builder
- Superfast performance
- Layout settings
- Colors and typography
- No jQuery
How to install Astra in WordPress
To install the Astra theme go to their official website WPAstra and download the free version of the theme. A zip file named “astra.zip” will be downloaded and to install the theme go to your WordPress website and log in to the dashboard.
To install the theme go to Appearance > Themes where you can see all your available themes. From this page, you can add the theme.
To install the theme click on the add new theme option, it will open the WordPress default theme directory. Search for Astra in the search box and the theme will appear. Just click on the install button to install the theme.
It will take some seconds to install the theme. After successfully install the theme you can see the live preview of the theme from the preview option. To apply the theme to your Website click on the Activate option.
Your theme is activated. Customize the general settings of the theme from the customize option.
You can see many customization options available. You can set the global setting, set header, footer, sidebar, etc from this option.
General
From the General option, you can set global typography, colors, containers, and buttons.
Typography
There are two types of typography options are here base typography and headings. Base typographies are the body and content text. You can set global font family, size, weight, line height, and others for all body and content text.
Similarly for all the heading text, you set some global style following the same way.
Colors
You can set the base color of your website from the color options. You can set global text color, theme color, link color, etc from here.
Container
From the container option, you will be able to set width, layout, page layout, and others layout settings for your website.
Buttons
You set the global button style from here.
Header
Here you will find four options to style your website header section.
- Site Identity
- Primary header
- Primary menu
- Transparent header
Site Identity
It will represent your website identity. You add your website logo, website icon, the title for your website, and the tag line of your website.
You can display different logos for different devices too. There is also an option to enable or disable the site title and tag line. You can set all of these from here.
Primer Header
You can choose your header layout for desktop and mobile devices from this page. For desktop three different header layouts are available and for mobile devices two types of layouts are available.
You can set the width as full width or content width and set the bottom border size.
Primary menu
Set your website menu for mobile and desktop devices from here. You can set menu items, container animation, border, color, etc.
Transparent Header
Enable the transparent header and set a different logo for the transparent header. You can also have the option to set logo width, bottom border size background everything for a transparent header option.
Sidebar
You can set the settings for a global sidebar. You can set a sidebar layout for pages, posts, Woocommerce, and archive pages.
Footer
For footer settings, there are two options footer widgets and footer bar. From the footer widgets, you can set the footer layout. From the footer bar, you can add the copyright text for your website. You can set the footer width, border, and border color. You can also set the footer section and choose which element to show in which section.
There are also option to add additional CSS so you can style your website as your own. After select all the global settings click on the publish button.
Your theme and all the setting are live now. Let’s take a look at how your website will look after publishing the Astra theme.
After install and activate the Astra theme wee will be able to see the Astra option in your WordPress dashboard from there you can implement all the features and functionalities available for this theme.
From the Astra options page, you can upload your logo, customize fonts, set colors, header and footer settings, and many more things. You can also set the layout and sidebar options too. Many more options are also available for the pro version.
Astra also offers you some of their free plugins. You can install the plugins to extend the functionalities of the theme on your website. You can easily install any plugin just click on the activate button.
How to import Astra demo in your website
Astra has many starter template collections from there you can easily import a demo for your website. From the starter template library, you can import a full website or you can import any specific page. To import the demo you need to install the Astra Starter template plugin. After install and activate the plugin you can see the starter library option. Click on the see library link and all the starter templates will show up. You can preview the template and import the full demo on your website.
There are different types of starter templates available for different industries. Astra has a starter template for agency, lifestyle blog, tour and travel, eCommerce, and many more business industries demo are available. Some of the templates are free and some of the templates are available for the pro version.
To import any demo just click on it and you can see all the available pages and functions of that from the preview option. You can import any specific page or can import the full website. Just click on the import complete site button to import the full website.
Now the demo will be uploaded to your website you need to set some options before uploading the demo like update plugins or not, delete previous data or not and, import customizes the site, etc.
Check the boxes and click the import button. It will take some time to import the demo. After successfully install the demo it will show you a success message. Now go to your website and see how your website looks. Your website will look like a demo.
Now you can edit the text and images based on your need and business purposes. Using Elementor you can easily edit the content. You can see our article to learn how to Edit a page with Elementor using a pre-built template
Neve
Neve is another lite weight and flexible free WordPress theme which can easily integrate with the Elementor page builder. This theme offers you all the flexibility to make your website look and perform better. Neve is also very user-friendly. You can make a professional website with this theme in a very short time. The developers of this theme make their demo content using Elementor so it will be easy for you to implement it. Without any coding knowledge, you can make a professional website very easily.
Features:
- Mobile friendly
- 80+ demos
- Woocomerce and Elementor supported
- Custom Layout
- Search Engine Optimization
- Easy Customization
- Fast performance
How to install Neve theme
To install the theme click on the add new theme option, it will open the WordPress default theme directory. Search for Neve in the search box and the theme will appear. Just click on the install button to install the theme.
You can also customize this theme and set some global settings for your website. It also has many customization features.
Layout
From the layout option, you can set the layout for –
- Container
- Content/Sidebar
- Blog/Archive
- Single post
From the container, you can set container width and choose container style as contained as full width for different pages.
From the content/sidebar option you can set layout for different pages like sidebar, single post page products page, etc. You can choose a different layout for different pages too.
From the Blog/Archive page you can set the blog layout as-
- List
- Grid
- Cover
You can set the column number for different devices and add post pagination.
You can set the order of the elements from the single post option.
Header
From header customization, you can change the logo, color, and menu.
Logo and site identity
From the General tab, you can add a logo, site title, and tag line. It also has the option to enable or disable the title and tag line. You can set the logo width for desktop, mobile, and tablet and add a site icon.
From the layout tab, you can set alignment padding and margin. You can set the text color from the style tab.
Footer
From the footer option, you can add and style copyright text and footer color. You can add copyright text from the general tab and from the layout tab you can add alignment and vertical alignment. Similarly from the style tab, you can add text color and set typography options.
Colors & Background
You can choose the color as a base color or dark mode. There is also some color palette available.
Typography
You can set the global typography option for general text, heading text, and blog text. Set the font family, font size, weight, line height for a different section
Button
Style your primary and secondary buttons from this button customization option.
Form field
From the form field option, you can set the global style of
- Form fields
- Input text
- Form labels
- Buttons
Menu
From the menu option, you can add and order your menu. You can add a menu submenu add a menu link to everything from here.
From the widgets option, you can manage your widgets and the Woocommerce option offers you to manage –
- Store notice
- Product catalog
- Product images
- Checkout
- Single products
Now go to the Nave options from your dashboard where you can see all the available options of this theme. You can access the quick links of some theme settings options here. Neve also has many starer libraries to import demo. To view the starer template click on the Go to starer site button and install and activate the plugin.
Now you will be able to see the starer template library. Different website templates are available for the different business sectors and personal blogs. You can preview the template and import it on your WordPress website. To import any template just click on the import button and set some important settings. Your template will be imported to your website.
Now you can edit the content and information based on your website. You can easily change all the content and images using Elementor very easily.
Customify
Customify is a very flexible, intuitive and customizable free Elementor WordPress theme, which offer you so many customization options with his unique features and functionalities. With its header and footer builder option, you can easily make customizable footer and header sections that will give your user a better user experience in all of the devices and platforms.
Features
- Unique header & footer builder
- Ready to import demos
- Integrated with page builder specially Elementor
- Easily customizable
- SEO optimized
- Fast performance
How to install Customify free Elementor WordPress theme
To install the theme click on the add new theme option, it will open the WordPress default theme directory. Search for Customify in the search box and the theme will appear. Just click on the install button to install the theme. After install, the theme activates it. Now go to the customize option to set the global settings based on your need. Like the Astra and Neve theme, Customify also offers you so many customization options.
Header
There are a lot of header options available. From logo and site identity you can add website logo and icon, site title a and tagline. You can hide the site title and tagline if you want. You can set the logo width and choose the logo position.
The header top option enables you to choose the layout of the header section as full width and contained. Set the skin mode as dark or light. You can also change the background color, border style, and color as well as add a box shadow. The header menu and header bottom option also have the same option to choose between dark and light mode and different styles similar to the header top option.
From the menu sidebar option, you will be able to set the display typeset the align and add color, margin, and padding for normal and hover conditions. You can also set background color and background image for the sidebar section.
Set the menu level for different devices from the menu icon option. You can also add the icon size, color, and hover color for your website icon. Search icon enables you to set icon size and padding. You can also set the placeholder, add height width and typography. Add different styles for normal and hover conditions. For search boxes, you can also add different styles.
Style your primary menu from the primary menu option. You can add item style and typography style for normal and hover conditions. You can set margins for different devices too. The button option enables you to add button text, button icon, link, and icon position. Style button typography and add some style for normal and hover conditions.
Add edit and delete social icons from the social icon option. You can set the size, add padding, margin, icon spacing, shape, and color for your social icon. You can edit the social icon link from this option too.
Style your shopping cart icon from the sopping car option. You can add labels and set the icon for the shopping cart icon. You can set the link page from here and style the section and typography for normal and hover conditions.
When everything is done click on the publish button to save then changes. Now go to Appearance > Cutomify Option from your dashboard to see the Customify theme option and some quick links.
How to import Customify demo
To import the demo you need to install the Customify sites addons. You can find the addons installation option from the Customify option page. Install the addons from the install link and activate them. After activating the addons you can see the site-library option. View the library and see the starer templates collection. For Elementor it provides some starer templates you can import on your website. You can preview the templates.
To import a template click on it and then click on the import button. You need to choose some options like install plugin, import content and then the starter will be imported on your WordPress website.
It will take some time to import. After completing the import it will give you a successful message. Now you can go to your website and see how your website looks with this demo.
Page Builder Framework
The page builder framework is suitable for all the page builders available like Elementor, Visual Composer, and others. This Free WordPress Theme is created very lite weighty and you can implement it without any hassle. It’s very flexible to customize. Flexibility with Elementor and other tools you can easily make your website with this theme in a very short time.
Features
- Specially created for page builders
- SEO optimized
- Gutenberg compatible
- Fast page speed
How to install Page Builder Framework
To install the theme click on the add new theme option, it will open the WordPress default theme directory. Search for Page Builder Framework in the search box and the theme will appear. Just click on the install button to install the theme. After activating the theme go to the Customize option to set the global settings. Like the others themes, you will also find many customization options for this theme too.
General
From the layout option, you can set the page width and add padding for different devices. you can also enable the box layout and add margin, padding, background, and box-shadow there.
You can set the background color or image from the background option. The sidebar option enables you to set the sidebar position, gap, width, background color and also set padding for different screens. Set the 404 titles and text from the 404-page option.
Enable the Breadcrumbs and select the pages to show it. You can also set the position, font color, and hover color for it.
The style you theme button for normal and hover condition from the theme button option. You can also enable the ScrollTop option and add some style to it too.
Blog
From the general option of Blog settings, you can reorder the meta data position, add a separator and enable the author avatar option. You can also set Excerpt length, indicator button link, button text everything from this option.
Style the pagination background color, font color, size, border for normal and hover condition from the pagination option.
Set the custom content width, archive headlines, sidebar, choose the layout and add color. You can also reorder the header, footer, and content element. Do the same for the post-layout option too.
Typography
Set the global settings for all of your website text color, size font family everything from the typography option.
Header
Go to the preheader option and set the column as none, one-column or two-column. You can edit the column name and text. Set a pre-header width and height and add background color, font color, hover color.
From the logo, option add your logo, site title, tag line, and logo URL. You can also set logo width for desktop and mobile devices.
From the navigation option set the menu position, navigation width, menu height, spacing background color, font color, and others.
Go to the sub-menu option to set the submenu alignment, width, padding, color, and size. You can enable the sub menu separator and color on it.
For mobile devices, the theme also has a mobile navigation option. you can style the hamburger menu add margin padding and color for mobile devices from the mobile navigation option
Similarly from the mobile sub-menu option, you can style the submenu to display on mobile devices.
Footer
Go to the footer bar from the footer option where you will be able to set the footer bar as one-column or two-column. Add the column title and text to display in the footer area. Set footer width and height and add some style for your footer section.
Menu
Add, edit delete and reorder all of the menus of your website from here. You can reorder all the menus and sub-menus add a menu link on it.
Widgets
Go to the sidebar from the widgets option where you can add and reorder any widgets All the widgets have different settings options you can choose the option suitable for your website. Just click any widget it will expand the option. You can enable the widgets or remove them from there.
Woocommerce
From the Woocommerce option, you can set some global settings for your online store like you can set the store notice, set products item size image default size, and many otters settings options are available.
Header and footer script
You can add code to the header and footer section of your website from this header and footer script option. Header script code will output before the closing </head> tag. Footer script code output immediately before the closing <body> tag.
When everything is done click on publish button.
OceanWP
OceanWp is a very fast-growing multipurpose free Elementor WordPress theme with more than 3.5M downloads. These themes can help you to promote your business easily and in a unique way with their extra flexibility and features. Without any coding experience, you can customize and edit all the elements of this theme. It also offers you 80 plus demos so you can easily choose the best of perfect for your business.
Features:
- Responsive
- Fast page load time
- eCommerce supported
- RTL and translation ready
- SEO friendly
How to install OceanWP free Elementor WordPress theme
To install the theme click on the add new theme option, it will open the WordPress default theme directory. Search for OceanWP in the search box and the theme will appear. Just click on the install button to install the theme. After installing activate the theme and click on the customize option to set the global settings.
Site Identity
Add your website logo, icon, title, and tag line from here.
Color
Set the header text color from this option
Menu
Add, edit delete and reorder all of the menus of your website from here. You can reorder all the menus and sub-menus add a menu link on it.
Widgets
You can add and manage widgets from different sections of your website. You can add edit and delete Woocommerce sidebar widgets, default sidebar, and footer widgets.
General Options
Go to general styling from the general options where you can select your primary color, hover primary color, and border color. You can also set background colors and images.
From general settings, you can set the layout style as boxed, wide, or separate. Set main container width, sidebar width, and page layout.
From the page title option, you will be able to set title visibility, title tag, add background color, text color.
Choose your scroll to top icon from the Scroll to top option. You can also set the position and size and add some style as your own.
Add your pagination position, font size, border, and color from the pagination option. From the form option, you can style your default form. Add the design of your website’s default button from the theme button option.
From the 404 pages, you can enable or disable the blank page option. You also select the layout and choose a template for 404 pages.
Typography
Choose the typography for all the text sections of your website. You can set general typography style, heading typography style body typography style, and many others.
Top Bar
Go to the general tab from the Top Bar option where you can enable or disable the top bar, set visibility, add padding, style, and color for the top bar section.
From the content, the tab adds your content and from the social tab add social media icon with a link.
Header
Go to the header option to set header style, height, and color. From the header media tab, you can add a video or image to your header. Set the header position and overlay color.
From the logo, tab add logo, and retina logo. Choose logo color for normal and hover conditions.
From the mobile menu tab, you can add a logo specially for mobile devices and add style to it.
Blog
The blog entries tab from the blog option will enable you to choose the layout for the blog section. You can also set blog pagination style and reorder elements.
The single post tab makes a global style for all the single post pages.
Sidebar
Add sidebar background, padding, background color, border color from the sidebar options.
Footer widgets
You can enable or disable the footer widgets and choose their visibility. Select any template for the footer or you can add the column number to display in the footer section.
Header and footer script
You can add code to the header and footer section of your website from this header and footer script option. Header script code will output before the closing </head> tag. Footer script code output immediately before the closing <body> tag.
When everything is done click on publish button.
Wrapping Up
We hope this article will help you. You can also see our other article to learn How to enable coming soon mode in Elementor
How to create a pricing table with Elementor free
If you like this article please like our Facebook page to stay connected.
PHLOX
This theme is fully compatible with the Elementor page builders and offers a host of pre-built features. Whatever your business is you can implement it with it. It offers 30+ widgets and elements and more than 19 demos. So within a very short time and hassle you can easily import it into your website and customize it very easily.
Features:
- WooCommerce supported
- Fully responsive
- RTL and Translation ready
- 1 click import
- 100% GDPR compliance
How to install PHLOX theme
To install the theme click on the add new theme option, it will open the WordPress default theme directory. Search for PHLOX in the search box and the theme will appear. Just click on the install button to install the theme. Activate the theme and go to the customization option.
You will have all these customization options to set for your website.
General
You can set the general layout, general typography, and page animation, and preloading from the general option. There are many page animation and preloading styles available. You can view the style and choose anyone for your website.
Appearance
You will be able to set so many things from here such as-
- Featured color
- Background
- Content background
- Website frame
- Typography
- Skin option
- Mobile browsers
- Forms
- sidebar
Header
This theme provides you a header builder. Using the header builder you will be able to make your header. Header templates are also available and from the header template settings, you will find many more header options.
Blog
You can set blog single post sidebar style, featured color, width content style, and more options are available.
For the blog page, you can choose the blog template, blog sidebar position display contents, and others. Blog slider features are also available and you can edit your slider to make it perfect for your website.
Page
You can set page layout, style page title, and typography.
Footer
Footer builders are also available so you can edit your footer with the footer builder. Use the footer template settings to make your footer more unique and professional.
How to upload demo
To upload the demo you need to install the Phlox Core Elements plugins. Go to your plugin option from the dashboard and you can see the Phlox Core Elements plugin install button. Just click on it and the plugin will be installed on your website.
Now go to the Appearance > Phlox page where you can see the demo importer option just click on it all the available demo will be displayed. Preview the demo and click on the import button to import the demo on your website.
It will require some plugins to install the demo accept it and your demo will be imported.
Zakra
Zakra is a multipurpose free Elementor WordPress theme that provides endless features and possibilities to make your website very easily without any extra hassle. This flexible theme is used by more than 50K people. It also offers you 1 click demo installer so you can choose between their 50+ demos and import them into your website with just 1 click.
Features:
- Unique design
- Easy customization
- Lite weight
- WooCommerce integration
- Responsive
- Page builder compatible
- WPML/Polylang & Translation Ready
Wrapping Up
We hope this article will help you. You can also see our other article to learn How to enable coming soon mode in Elementor
How to create a pricing table with Elementor free
If you like this article please like our Facebook page to stay connected.
Comment