--- title: "How to Use Elementor Website Builder" description: "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..." url: https://www.inmotionhosting.com/support/edu/wordpress/plugins/how-to-use-elementor-website-builder/ date: 2020-12-17 modified: 2021-08-16 author: "InMotion Hosting Contributor" categories: ["WordPress Plugins"] type: post lang: en --- # How to Use Elementor Website Builder ![How to Use Elementor Website Builder](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/Copy-of-How-to-Use-Elementor-Website-Builder-1024x538.png) 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 ](https://wordpress.org/plugins/elementor/)[Website ](https://wordpress.org/plugins/elementor/)[Builder plugin](https://wordpress.org/plugins/elementor/) for WordPress. We will only be covering features included in the free version of the plugin. **Power Your Growth with Managed WordPress** Unlock the full potential of your mission-critical WordPress site with scalable, purpose-built servers. Give your website the performance, security, and support it needs to succeed – so you can focus on growing your business. ![check mark](https://design.inmotionhosting.com/assets/icons/standard/check-blue.svg)Scalable Cloud Servers    ![check mark](https://design.inmotionhosting.com/assets/icons/standard/check-blue.svg)Advanced Security    ![check mark](https://design.inmotionhosting.com/assets/icons/standard/check-blue.svg)Managed Updates    ![check mark](https://design.inmotionhosting.com/assets/icons/standard/check-blue.svg)Expert Support [Managed WordPress Hosting](https://www.inmotionhosting.com/wordpress-hosting/managed-wordpress) ## How to Use Elementor For WordPress 1. [Install the Elementor Website Builder plugin](https://www.inmotionhosting.com/support/edu/wordpress/plugins/install-wordpress-plugins/) by Elementor.com in your WordPress Dashboard. 2. [Create a new page or post](https://www.inmotionhosting.com/support/edu/wordpress/create-edit-pages-posts-wordpress/). 3. When the editor opens, click the **Edit with Elementor **button on top.![Edit Page with the Elementor Website Builder](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/edit-with-elementor.png)It will take a moment to load, then you will see the elementor toolbar on the left.![Elementor Widgets Sidebar](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/elementor-sidebar.png) 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](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/select-widget-area.png) 5. You can drag and drop widgets into the area labeled **Drag widget here**.![Drag and Drop Widget Into Page](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/drag-drop-widget.png) 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](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/text-editor.png) 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](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/widget-tabs.png) 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](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/right-click-options.png) 9. Click the **X** in the top bar to delete a widget that has already been added.![Deleting an Elementor Widget](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/delete-widget.png) 10. Clicking the center button in the header allows you to drag the section up or down to a new location.![Drag Widget Location](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/move-widget-location.png) 11. The plus button will add a new blank widget area to the page or post.![Add New Widget Area](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/add-widget-area.png) 12. You can remove a widget area by clicking the **X** to the right.![Deleting a Widget Area](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/delete-widget-area.png) 13. Click the widgets button to return to the main widgets listing section.![Going back to Main Widgets Area](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/widgets-listing-button.png) 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](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/widget-menu-options.png) 15. Click the **Publish** button on the bottom of the widget menu to save your page or post.![Publish Elementor Page](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/publish-elementor-page.png) 16. Click the arrow next to the *Publish* button to Save as a **Draft** or **Template**.![Saving Draft or Template](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/save-draft-or-template.png) 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](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/menu-link.png) 18. Then you can click the **Exit to Dashboard** link.![Returning to WordPress Dashboard](https://www.inmotionhosting.com/support/wp-content/uploads/2020/12/exit-to-dashboard.png) Congratulations, now you know how to use the Elementor Website Builder plugin to create a custom WordPress website. Become a master of [WordPress plugins](https://www.inmotionhosting.com/support/edu/wordpress/plugins/)! Protect, optimize, secure, and expand the functionality of your website easily with the help of WordPress plugins!