How to Install Elementor Theme | 2023 Update

Elementor, like other WordPress plugins, is easy to set up. There are two options.

Installing Elementor from Elementor.com
Step 1: Go to Elementor.com and click Get Started.

elementor.com installation: on the elementor homepage, click the Get Started button

Step 2: Create an account by entering your email address and password.

elementor.com installation: To create an account, enter your email address and a password.

Step 3: Respond to a few questions about who the website is for and how much experience you have building websites.

how to install elementor via elementor.com: answer questions about website goals and experience

Step 4: Determine how you want to construct your site. You can buy the Elementor Pro plugin separately or as part of a package that includes the plugin as well as a WordPress installation and hosting. You can also look into other pro plans or begin with the basic free version. For this demonstration, we’ll use the Free plan.

Step 5: Because Elementor requires you to have an active WordPress site, enter your website’s domain into their checker to ensure your site is on the WordPress platform.
elementor.com installation: The Elementor installation wizard prompts users to enter their website domain to determine whether it is hosted on WordPress.

Step 6: Once your site’s compatibility has been confirmed, click Install Elementor.
elementor.com installation: The Elementor installation wizard prompts the user to install a plugin.

Step 7: If you are directed to your website’s admin login page, log in. If you’re already logged in, you’ll be taken directly to the Elementor plugin page. In the lower right-hand corner, click Install Now.
Elementor’s plugin page in the WordPress plugin library under the heading “Elementor Website Builder”

Step 8: You will then be taken to a page with a confirmation message. Click Activate Plugin.
Installation confirmation for the Elementor page builder plugin, with a “Activate Plugin” button

Finished! You’re all set to use the Elementor page editor.

Step 1: From your dashboard, navigate to Plugins > Add New.

Step 2: Type Elementor into the search field and look for Elementor Website Builder.

To install now, look for elementor in the WordPress dashboard.

Step 3: Select Install Now. After installation, click Activate.

Inside the WordPress plugin library, there is an Elementor plugin card with an Activate button.

The page builder will be automatically added to your sidebar. This sidebar menu item, however, is only for accessing Elementor’s settings on the back end, not for editing your pages.

To configure the back end, Elementor has been added to the sidebar of the WordPress dashboard.

Elementor has a user-friendly design. So you can learn the fundamentals of the editor in a matter of minutes.

Step 1: To begin, create a new page or post and select Edit with Elementor.

WordPress page with an Edit with Elementor button in the top toolbar

Step 2: Open the Elementor page editor. This is how your page will appear:

Elementor page editor in editing mode, with a widget library to the left and the page’s content to the right.

Step 3: On the left side, you’ll see the Elementor sidebar, which contains all of the drag-and-drop features you can use to build your web page.

Before you start dragging and dropping widgets, you should know that the Elementor editor is made up of three main building blocks: Sections, Columns, and Widgets. Sections are the largest building blocks. You can add groups of Columns within Sections, and Widgets are housed within Columns.

The editor will indicate where you can drag a widget by highlighting Sections and Columns in a blue box. It’s worth noting that you can’t drag a widget into the navigation bar or the heading.

Elementor editor with a section highlighted in blue and ready for editing

The blue handle controls the Sections, Columns, and Widgets. To edit the blocks, simply right-click on the handle.

Elementor section editor menu with several options, including Duplicate, Save as Template, and Delete.

Step 4: When you’re ready, simply click, hold, and drag a widget to the location where you want to add the new module. For example, if you scroll to the bottom of the page, you’ll see the option to drag a widget into a new, empty area.

The bottom of the Elementor page editor has an empty section with the text

Drag widgets here_

Step 5: To customise your pages, search for specific widgets. Choose from basic elements such as a heading or an image gallery, or explore more advanced elements such as animated headlines and testimonial carousels.

Widget search bar in Elementor dashboard

Step 6: Select Site Settings from the hamburger menu in the upper left corner. In this menu, you can configure the default colours and fonts for your pages. Elementor also allows you to configure global settings for your entire website.

The site settings menu in the elementor dashboard includes options for the design system, theme style, and settings.

Step 7: Finally, at the bottom of the panel, click on the History icon to access Elementor’s built-in Revision History section. You can trace your changes under the Actions tab by moving back and forth between each action. You can switch between your revisions and revert to any previous version under the Revisions tab.