How to Use Elementor Website Builder

How to Use Elementor Website Builder

In this guide, we’ll show you how to use Elementor for WordPress. This website builder is another way to create pages and posts in WordPress using a visual-based editor. If you find the default Gutenberg or Classic WordPress editors too limited or difficult to use, this may be a good alternative for you to try. 

Add sections, then you can fill them in with custom widgets to build your site. You don’t need to be a web designer, since you can use these widgets to change the layout of a page or post. This gives you more of that clean and simple experience you may be looking for, especially if you have tried some of the other proprietary website hosts/builders. You can choose from their many widgets included in the free version or upgrade to the pro version for even more options and custom-built themes.

In this step by step guide,  we’ll show you how to use the Elementor Website Builder plugin for WordPress. We will only be covering features included in the free version of the plugin.

Discover high-performance Managed WordPress Hosting on purpose-built cloud servers managed from one powerful dashboard: Platform InMotion.

check markFully-Isolated VPS check markRoot Access check mark99.99% Uptime check markFree Dedicated IP & SSL check markAutomatic Updates

Managed WordPress Plans

How to Use Elementor For WordPress

  1. Install the Elementor Website Builder plugin by in your WordPress Dashboard.
  2. Create a new page or post.
  3. When the editor opens, click the Edit with Elementor button on top.
    Edit Page with the Elementor Website Builder
    It will take a moment to load, then you will see the elementor toolbar on the left.
    Elementor Widgets Sidebar
  4. You can then select widgets from the left toolbar. Choose from the following sections included in the free version: Basic, General, Site, WooCommerce, or WordPress.
    Selecting Widget Area in Elementor
  5. You can drag and drop widgets into the area labeled Drag widget here.
    Drag and Drop Widget Into Page
  6. Once a widget has been added to the page, you will see the available options listed on the left side. Choose your settings as needed. These options will differ based on the widgets you selected.
    Text Editor Options
  7. There are typically Content, Style, and Advanced tabs you can switch between. Each one will give you additional options to choose from.
    Elementor Widgets Tab
  8. You can right-click a widget once it has been added to a page for more options.
    Right-Click Options in Elementor Website Builder
  9. Click the X in the top bar to delete a widget that has already been added.
    Deleting an Elementor  Widget
  10. Clicking the center button in the header allows you to drag the section up or down to a new location.
    Drag Widget Location
  11. The plus button will add a new blank widget area to the page or post.
    Add New Widget Area
  12. You can remove a widget area by clicking the X to the right.
    Deleting a Widget Area
  13. Click the widgets button to return to the main widgets listing section.
    Going back to Main Widgets Area
  14. On the bottom of the widgets toolbar, you can choose from the following options: Settings, Navigator, History, Responsive Mode, and Preview Changes.
    Widget Menu Options in Elementor
  15. Click the Publish button on the bottom of the widget menu to save your page or post.
    Publish Elementor Page
  16. Click the arrow next to the Publish button to Save as a Draft or Template.
    Saving Draft or Template
  17. To return to your main WordPress Dashboard, click the menu link on the top left of the Elementor sidebar.
    Return to Main WordPress Menu
  18. Then you can click the Exit to Dashboard link.
    Returning to WordPress Dashboard

Congratulations, now you know how to use the Elementor Website Builder plugin to create a custom WordPress website.

Become a master of WordPress plugins! Protect, optimize, secure, and expand the functionality of your website easily with the help of WordPress plugins!

John-Paul Briones Content Writer II

John-Paul is an Electronics Engineer that spent most of his career in IT. He has been a Technical Writer for InMotion since 2013.

More Articles by John-Paul

Was this article helpful? Join the conversation!