{"id":70084,"date":"2018-01-15T18:46:00","date_gmt":"2018-01-15T07:46:00","guid":{"rendered":"https:\/\/elements.blog-cms.envato.net\/?p=4810"},"modified":"2025-11-11T17:57:16","modified_gmt":"2025-11-11T06:57:16","slug":"what-is-elementor","status":"publish","type":"post","link":"https:\/\/elements.envato.com\/learn\/what-is-elementor","title":{"rendered":"What Is Elementor? Plus, Plugins That Will Take It to the Next Level"},"content":{"rendered":"\n<p>Elementor is a page builder plugin that\u2019s a great option for people who aren\u2019t that technical when it comes to putting together a website.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Elementor Website Builder For WordPress - Build Stunning Websites Free &amp; Easy\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/kB4U67tiQLA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>If you\u2019re someone who is capable of searching for and choosing a theme to download on ThemeForest, but is more visual than technical when it comes to putting it together, this will be a great option for you.<\/p>\n\n\n\n<p>Its drag-and-drop nature makes it easy to arrange pages exactly how you want them, without the need to use code, HTML, CSS or shortcode.<\/p>\n\n\n\n<p>And, as you make changes, you get to see how they will render, live on your screen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How Elementor Works<\/h2>\n\n\n\n<p>Firstly, what makes Elementor special is its versatility and easy UI.<\/p>\n\n\n\n<p>Whether you want to stick to the conventions of your web theme or completely depart from them, you\u2019ll find that Elementor makes it effortless to do both.<\/p>\n\n\n\n<p>When starting a new page or post, you have the ability to stick with your default theme, or start with a blank canvas.<\/p>\n\n\n\n<p>As you begin editing with Elementor, you\u2019ll come to find everything you need is contained in the sidebar to the left of your screen, with a live preview of how those changes will render on the right.<\/p>\n\n\n\n<p>The sidebar is populated by&nbsp;<strong>Widgets<\/strong>&nbsp;which you then drag into the preview side of the screen to create&nbsp;<strong>Sections<\/strong>, which is what each row of content populating your screen is referred to as. &nbsp;<\/p>\n\n\n\n<p>Each Section can be arranged into columns, and the widgets your drag in fill them up with your preferred type of content, be it text, photos, videos or more.<\/p>\n\n\n\n<p>To fill your placeholder widget with your actual content, you will turn to the&nbsp;<strong>Content<\/strong>&nbsp;tab in the sidebar. The intuitive UI makes it obvious as to where to add your text, photos or videos.<\/p>\n\n\n\n<p>To control the look and feel of the Section or Widget, you\u2019ll switch to the&nbsp;<strong>Style<\/strong>&nbsp;tab in the sidebar. This gives you options for Text, Typography, Spacing and more.<\/p>\n\n\n\n<p>And then, finally, to control the rest of the section\u2019s look and feel, you\u2019ll switch to the&nbsp;<strong>Advanced<\/strong>&nbsp;tab in the sidebar. This gives you options for Margin spacing, Padding, Animation, Background, Border, and more.<\/p>\n\n\n\n<p>By simply dragging and dropping from the Widgets section, adding your content in the Content section, and customizing the look and feel in the Style and Advanced sections, you\u2019ll be creating impressive posts and pages on your website in no time.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Elementor Features<\/h3>\n\n\n\n<p>Here\u2019s a quick look at some of the best features of Elementor.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Elementor Canvas<\/h4>\n\n\n\n<p>If you want to create a page or post completely from scratch, breaking from your current web theme, Elementor Canvas allows you to do this. It can even remove the default header and footer if you want to give the page or post its own identity, head to toe. And, it works with any theme.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Full-width pages<\/h4>\n\n\n\n<p>Say you\u2019re wanting to build a special landing page, or feature blog post, and you want it to have a look and feel of its own, with no distractions, this is the way to do it. Full-width pages are pages that, as you may guess, take up the full width of a user\u2019s window. Usually most page builders can do this, but will require you to use the vendor\u2019s theme. Not so with Elementor. You can control the entire look and feel, not matter what theme you\u2019re using.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Revision History<\/h4>\n\n\n\n<p>This files each revision you make whenever you press the \u2018Save\u2019 button. But, it keeps all your old revisions without overwriting them, meaning you can revert to an earlier one at any time. It\u2019s a full history backup.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Flip Box<\/h4>\n\n\n\n<p>The Flip Box widget allows you to add boxes with, say, pricing information, or steps of a process that animate (or flip) when a user hovers over them. It\u2019s a great way to make your site feel more interactive, and engage the user.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Gradient Effect<\/h4>\n\n\n\n<p>This feature makes it easy to add gradient backgrounds to sections of your page or post.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Shape Divider<\/h4>\n\n\n\n<p>This allows you to break from traditional box restrictions and section off parts of your post or page in a creative way.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Share Buttons<\/h4>\n\n\n\n<p>A really easy way to add social share buttons to your post or page, and fully control the look, feel and function of them.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Media Carousel<\/h4>\n\n\n\n<p>Showcase your images and videos easily with the Media Carousel, which showcases Elementor\u2019s emphasis of visual content.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Nav Menu<\/h4>\n\n\n\n<p>An easy way to create professional looking menus quickly.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Testimonial Carousel<\/h4>\n\n\n\n<p>Display reviews from customers in a visually compelling way with a pre-build, but totally customizable Testimonial Carousel.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Integrations<\/h4>\n\n\n\n<p>Elementor now integrates with a bunch of popular email and CRM services, making it easy to get more conversions from your campaigns.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Form Widget<\/h4>\n\n\n\n<p>Create forms that users can fill out right on your page without needing to leave it.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">WooCommerce Widget<\/h4>\n\n\n\n<p>Showcase products from your WooCommerce store in a variety of way using this widget and its advanced filters.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Elementor Plugins<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><a href=\"https:\/\/codecanyon.net\/item\/boosted-elements-wordpress-page-builder-addon-for-elementor\/20225210\" target=\"_blank\" rel=\"noopener\">Boosted Elements | WordPress Page Builder Add-on for Elementor by ProgressionStudios<\/a><\/h4>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"632\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2020\/04\/01-Element-List-1024x632.jpg\" alt=\"Boosted Elements WordPress Page Builder Add-on for Elementor by ProgressionStudios\" class=\"wp-image-79569\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2020\/04\/01-Element-List-1024x632.jpg 1024w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2020\/04\/01-Element-List-300x185.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2020\/04\/01-Element-List-768x474.jpg 768w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2020\/04\/01-Element-List.jpg 1491w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/codecanyon.net\/item\/boosted-elements-wordpress-page-builder-addon-for-elementor\/20225210\" target=\"_blank\" rel=\"noopener\"><strong>Buy now on Envato Market<\/strong><\/a><\/p>\n\n\n\n<p>The Boosted Elements plugin adds additional page builder elements to Elementor. With must-have elements like sliders, maps, pricing tables, popups &amp; more, adding this to this versatile page builder will only give you more flexibility.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Drag &amp; Drop Page Builder:<\/strong>&nbsp;No need for shortcodes. Easily edit and manage your pages with a frontend page builder.<\/li><li><strong>Premium Slider:<\/strong>&nbsp;Enhance the built-in slider element with this feature that will allow you to build premium slideshows.<\/li><li><strong>Pre-built Templates:<\/strong>&nbsp;Use these already created templates to get your site up and running, quickly.<\/li><\/ul>\n\n\n\n<p><strong>Search Engine Optimized:<\/strong>&nbsp;This plugin is optimized for SEO and works with all of the top SEO plugins.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Envato Elements Template Kits for the Elementor Page Builder\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/lfDZJqSrIuk?start=2&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Elementor is a plugin that\u2019s great for people who want to build a website in a way that\u2019s more visual than technical. Here\u2019s how it works, and here are the plugins that will make it soar.<\/p>\n","protected":false},"author":10,"featured_media":80440,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[207],"tags":[],"class_list":["post-70084","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design"],"acf":[],"_links":{"self":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts\/70084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/comments?post=70084"}],"version-history":[{"count":0,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts\/70084\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/media\/80440"}],"wp:attachment":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/media?parent=70084"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/categories?post=70084"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/tags?post=70084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}