{"id":1695,"date":"2016-12-15T10:42:44","date_gmt":"2016-12-15T10:42:44","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=1695"},"modified":"2025-12-31T11:21:45","modified_gmt":"2025-12-31T09:21:45","slug":"what-is-elementor-for-wordpress","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/","title":{"rendered":"How To Use Elementor in WordPress? Complete Guide"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1695\" class=\"elementor elementor-1695\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6iilwri elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6iilwri\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0xpx7y9\" data-id=\"0xpx7y9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-uj44y1v elementor-widget elementor-widget-text-editor\" data-id=\"uj44y1v\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To help you learn more about Elementor and why it&#8217;s the most popular WordPress website builder and page builder plugin at WordPress.org, we&#8217;ve created this introduction that will cover everything you need to know about what Elementor is and how it helps you create better WordPress sites.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-518641a blog-toc elementor-widget elementor-widget-heading\" data-id=\"518641a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Table Of Contents<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84cf485 blog-toc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"84cf485\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#what-is\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">What Is Elementor for WordPress?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-does\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">How Does Elementor Page Builder Work?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-much\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">How Much Does Elementor Cost?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">How To Install Elementor<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-use\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">How To Use Elementor in WordPress<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#advanced-features\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">How To Use Advanced Features in Elementor<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#faq\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Elementor FAQs<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fb1d0b elementor-widget elementor-widget-menu-anchor\" data-id=\"9fb1d0b\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"what-is\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a523f70 elementor-widget elementor-widget-heading\" data-id=\"a523f70\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What Is Elementor for WordPress?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1a97e3 elementor-widget elementor-widget-text-editor\" data-id=\"a1a97e3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor is the ultimate &amp; free <a href=\"https:\/\/elementor.com\/features\/page-builder\/\" target=\"_blank\" rel=\"noopener\">WordPress drag-and-drop editor<\/a>, that lets you create beautiful WordPress websites in the easiest and quickest way possible.<\/p><p>The default WordPress editor is fine for simple blog posts, but it doesn&#8217;t offer very many design options and you can&#8217;t see what your design will really look like until you click the preview button.<\/p><p>Elementor fixes that by giving you full drag-and-drop design flexibility with a live, visual builder &#8211; no <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\"   title=\"What Is CSS? How to Use it in Web Design (2025)\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"27414\">CSS<\/a> or HTML knowledge needed. When you&#8217;re creating a design, you&#8217;ll see your design exactly as your visitors will, which makes it easy to quickly adjust your design as needed.<\/p><p>Elementor offers countless design options and dozens of <a href=\"https:\/\/elementor.com\/widgets\/\" target=\"_blank\" rel=\"noopener\">pre-built content widgets<\/a> for everything from buttons to forms, sliders, pricing tables, and more.\u00a0<\/p><p>In addition to designing individual posts and pages, you can also use Elementor to <a href=\"https:\/\/elementor.com\/for\/designer\/\">design<\/a> your entire WordPress theme &#8211; including your header, footer, and everything in between.<\/p><p>As you keep reading this post, you&#8217;ll learn more about the many <a href=\"https:\/\/elementor.com\/features\/\" target=\"_blank\" rel=\"noopener\">features<\/a> that Elementor offers.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0ce667 elementor-widget elementor-widget-menu-anchor\" data-id=\"f0ce667\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"how-does\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4fb8162 elementor-widget elementor-widget-heading\" data-id=\"4fb8162\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How Does Elementor Page Builder Work?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fcf468 elementor-widget elementor-widget-image\" data-id=\"3fcf468\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"455\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/01\/Drag800px128color-1.gif\" class=\"attachment-large size-large wp-image-1708\" alt=\"Drag800px128color (1)\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-y5bg6o9 elementor-widget elementor-widget-text-editor\" data-id=\"y5bg6o9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor is a visual <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-wordpress\/\"   title=\"What is WordPress? Build a Website, Sell, Start a Blog &amp; More (2025)\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"32124\">WordPress website<\/a> builder that replaces the basic WordPress editor with a live frontend editor, so you can create complex layouts visually, and design your website live, without having to switch between the editor and the preview mode.\u00a0<\/p><p>With Elementor, you can create beautiful and functional designs without needing to use code or CSS, and without relying on developers for help. The designs that you create are responsive by default, which means they&#8217;ll automatically look great on desktop, tablet, and mobile.<\/p><p>The user interface is intuitive and beginner-friendly, so you can be up and running in minutes. You can insert one of the hundreds of professionally designed templates to save time and then easily customize it using simple controls.<\/p><p>Best of all, we built the Elementor interface with the latest technologies so that it offers a speedy, lag-free design experience. That means you can create designs faster and you won&#8217;t be slowed down by lag or glitches.<\/p><p>We&#8217;re also constantly improving front-end performance to help you <a href=\"https:\/\/elementor.com\/blog\/how-to-speed-up-wordpress-website\/\" target=\"_blank\" rel=\"noopener\">create a quick-loading site<\/a>, such as releasing <a href=\"https:\/\/elementor.com\/blog\/speed-up-elementor\/\" target=\"_blank\" rel=\"noopener\">a number of new performance improvements in Elementor 3.0<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1400f1 elementor-widget elementor-widget-menu-anchor\" data-id=\"e1400f1\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"how-much\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c5a998 elementor-widget elementor-widget-heading\" data-id=\"8c5a998\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How Much Does Elementor Cost?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-900d288 elementor-widget elementor-widget-text-editor\" data-id=\"900d288\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The core Elementor plugin is 100% free and available at WordPress.org.<\/p><p>If you want to add more advanced features and capabilities, you can extend the free core plugin by purchasing Elementor Pro, which starts at just $49 for use on a single site. You can <a href=\"https:\/\/elementor.com\/pricing\/\" target=\"_blank\" rel=\"noopener\">view the full pricing details here<\/a>.<\/p><p>Let&#8217;s talk about the main differences between Elementor free vs Pro and which version is right for you.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7447c7 elementor-widget elementor-widget-heading\" data-id=\"f7447c7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Elementor Free Version\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b8758d elementor-widget elementor-widget-text-editor\" data-id=\"0b8758d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>With just the free version of Elementor, you&#8217;ll already get access to the visual, drag-and-drop editor and a wide selection of widgets and style options that you can use to design your content.<\/p><p>You can use it to design individual blog posts and pages &#8211; all you need to do is launch the Elementor editor when you&#8217;re editing a post or page.<\/p><p>In general, you might be fine with the free version of Elementor if you just want to design some basic landing pages or add some style to your blog posts.<\/p><p>However, if you want to use Elementor to design your entire website, you&#8217;ll probably want the powerful new features, design options, and templates in Elementor Pro.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-071f74b elementor-widget elementor-widget-heading\" data-id=\"071f74b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Elementor Pro\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-198dfc3 elementor-widget elementor-widget-text-editor\" data-id=\"198dfc3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/elementor.com\/pro\/\" target=\"_blank\" rel=\"noopener\">Elementor Pro<\/a> builds on the features in the free version to create a more high-powered tool for web designers and professionals.<\/p><p>With Elementor Theme Builder, you&#8217;ll be able to design your entire theme using Elementor&#8217;s interface, including your header, footer, blog post templates, <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/404-not-found\/\"   title=\"How To Fix \u201c404 Not Found On Your Site\u201d Error\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"27413\">404<\/a> pages, and more. You can also create global settings that let you easily control the design palette for your entire site.<\/p><p>If you have a WooCommerce store, <a href=\"https:\/\/elementor.com\/features\/woocommerce-builder\/\" target=\"_blank\" rel=\"noopener\">Elementor WooCommerce Builder<\/a> gives you that same flexibility for your shop and single product templates.<\/p><p>And in addition to designing your theme, you can also use Elementor Popup Builder to design any type of popup that you can target and trigger according to your needs.<\/p><p>Beyond letting you use Elementor to design all aspects of your site, Elementor Pro also gives you access to powerful new features that you can use in all of your designs. Here are some of the biggest additions:<\/p><ul><li>A visual form builder.<\/li><li>Lots of new widgets including sliders, post lists, portfolios, pricing tables, and more.<\/li><li>New design options including scroll effects and custom positioning.<\/li><li><a href=\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/\" target=\"_blank\" rel=\"noopener\">Support for dynamic content<\/a> from plugins like <a href=\"https:\/\/elementor.com\/blog\/acf-vs-pods-vs-toolset\/\" target=\"_blank\" rel=\"noopener\">Advanced Custom Fields, Toolset, and Pods<\/a>.<\/li><\/ul><p>Finally, you also get access to a ton of new pre-built templates to help you save time.<\/p><p>If you want to see a feature-by-feature breakdown, check out <a href=\"https:\/\/elementor.com\/help\/elementor-pro-vs-free\/\" target=\"_blank\" rel=\"noopener\">our full Elementor free vs Pro comparison<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a575c45 elementor-widget elementor-widget-menu-anchor\" data-id=\"a575c45\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"how-to\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9a0433 elementor-widget elementor-widget-heading\" data-id=\"f9a0433\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How To Install Elementor<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0b0906 elementor-widget elementor-widget-text-editor\" data-id=\"e0b0906\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The free version of Elementor is available at WordPress.org, so you can install it directly from your WordPress dashboard.<\/p><p>To begin, go to <strong>Plugins \u2192 Add New<\/strong> and search for &#8220;Elementor&#8221;. Then, click the button to install the plugin and activate it after the install process finishes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a484e3c elementor-widget elementor-widget-image\" data-id=\"a484e3c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"720\" height=\"374\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=374\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-1-install-elementor.jpg\" class=\"attachment-large size-large wp-image-78514\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-1-install-elementor.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-1-install-elementor-300x156.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a6fe4f elementor-widget elementor-widget-text-editor\" data-id=\"3a6fe4f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once you&#8217;ve activated Elementor, you should see a new <strong>Edit with Elementor<\/strong> button when you open the editor for a post or page &#8211; we&#8217;ll show you how to use it in the next section.<\/p><p>If you want to add Elementor Pro to access even more powerful design features, you&#8217;ll first need to <a href=\"https:\/\/elementor.com\/pricing\/\">purchase a copy of Elementor Pro<\/a>. Once you complete your purchase, you can download a copy of Elementor Pro <a href=\"https:\/\/my.elementor.com\/subscriptions\/\" target=\"_blank\" rel=\"noopener\">from your Elementor dashboard<\/a> by clicking <strong>Download Zip<\/strong>.<\/p><p>Then, go to <strong>Plugins \u2192 Add New \u2192 Upload Plugin<\/strong> in your WordPress dashboard and upload the Zip file that you downloaded from the Elementor dashboard. Once the upload completes, make sure to activate Elementor Pro.<\/p><p>To finish things out and activate all of the premium features, go to <strong>Elementor \u2192 License<\/strong> in your WordPress dashboard to activate your Elementor Pro license on your site:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7380c5d elementor-widget elementor-widget-image\" data-id=\"7380c5d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"720\" height=\"533\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=533\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-2-activate-elementor-pro.jpg\" class=\"attachment-large size-large wp-image-78515\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-2-activate-elementor-pro.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-2-activate-elementor-pro-300x222.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e525e87 elementor-widget elementor-widget-menu-anchor\" data-id=\"e525e87\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"how-to-use\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20d890f elementor-widget elementor-widget-heading\" data-id=\"20d890f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How To Use Elementor in WordPress<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0dd051c elementor-widget elementor-widget-text-editor\" data-id=\"0dd051c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now that you&#8217;ve installed Elementor, let&#8217;s talk about how you can use Elementor to create your first design and build your website.<\/p><p>To begin, create a new post or page and click the <strong>Edit with Elementor<\/strong> button to launch the Elementor editor.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58bb893 elementor-widget elementor-widget-image\" data-id=\"58bb893\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"450\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=450\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-3-launch-elementor.jpg\" class=\"attachment-large size-large wp-image-78516\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-3-launch-elementor.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-3-launch-elementor-300x188.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3178d8c elementor-widget elementor-widget-text-editor\" data-id=\"3178d8c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You should now see a live preview of your design on the right along with the Elementor sidebar on the left.<\/p><p>To save time, you can insert a premade <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/all-categories\/\"   title=\"Alle categorie\u00ebn\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"27415\">template<\/a> by clicking the library icon:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0471e37 elementor-widget elementor-widget-image\" data-id=\"0471e37\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"620\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=620\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-4-insert-template.jpg\" class=\"attachment-large size-large wp-image-78517\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-4-insert-template.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-4-insert-template-300x258.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0e068c elementor-widget elementor-widget-text-editor\" data-id=\"e0e068c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once you add the template, make the canvas for your page full-width by clicking the gear icon in the bottom-right corner to open the page settings area and selecting <strong>Elementor Full Width<\/strong> from the <strong>Page Layout<\/strong> drop-down.<\/p><p>Now, you&#8217;re ready to start editing. First, you&#8217;ll want to understand the basic structure of Elementor. An Elementor design is made up of three main parts:<\/p><ul><li><strong>Sections <\/strong>&#8211; these divide the page into horizontal rows.<\/li><\/ul><ul><li><strong>Columns<\/strong> &#8211; these go inside sections and let you divide the section into vertical columns.<\/li><\/ul><ul><li><strong>Widgets<\/strong> &#8211; these are what you use to actually add content. You can place your widgets inside a column (and then the column is inside the section).<\/li><\/ul><p>To add a new widget to your template, just drag it over from the sidebar. If you want to delete an existing widget, just right-click on it and select <strong>Delete<\/strong>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb93881 elementor-widget elementor-widget-image\" data-id=\"eb93881\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"625\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=625\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-5-elementor-interface.jpg\" class=\"attachment-large size-large wp-image-78518\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-5-elementor-interface.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-5-elementor-interface-300x260.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89f7330 elementor-widget elementor-widget-text-editor\" data-id=\"89f7330\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To change the settings and design of a widget, column, or section, all you need to do is select it to open its settings in the sidebar:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f06b892 elementor-widget elementor-widget-image\" data-id=\"f06b892\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"606\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=606\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-6-widget-settings.jpg\" class=\"attachment-large size-large wp-image-78519\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-6-widget-settings.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-6-widget-settings-300x253.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5250165 elementor-widget elementor-widget-text-editor\" data-id=\"5250165\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>For a more detailed look at what we&#8217;ve covered here, you can check out <a href=\"https:\/\/elementor.com\/blog\/base-theme-with-elementor\/\" target=\"_blank\" rel=\"noopener\">our full guide on how to create a WordPress site with Elementor<\/a> or watch the video below:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7145c1a elementor-widget elementor-widget-video\" data-id=\"7145c1a\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=Em8oIBGy6bs&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3f702c elementor-widget elementor-widget-menu-anchor\" data-id=\"c3f702c\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"advanced-features\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a5350c elementor-widget elementor-widget-heading\" data-id=\"4a5350c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How To Use Advanced Features in Elementor<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a33e55a elementor-widget elementor-widget-text-editor\" data-id=\"a33e55a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now that you know how the basics work in Elementor, let&#8217;s talk about some of the more advanced features that you can use to build even better websites with Elementor Pro.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56ac139 elementor-widget elementor-widget-heading\" data-id=\"56ac139\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Form Widget\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f36a300 elementor-widget elementor-widget-text-editor\" data-id=\"f36a300\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/elementor.com\/widgets\/form-widget\/\" target=\"_blank\" rel=\"noopener\">Elementor&#8217;s Form widget<\/a> is a flexible form builder that can help you eliminate the need to use <a href=\"https:\/\/elementor.com\/blog\/best-form-plugins-for-wordpress\/\" target=\"_blank\" rel=\"noopener\">a separate form plugin<\/a>.<\/p><p>You can use it for contact forms, lead generation forms that connect to your favorite email marketing service or CRM, and lots more.<\/p><p>You&#8217;ll be able to view your form submissions right from your WordPress dashboard and you can also set up custom email notifications and confirmation messages if needed.<\/p><p>To create your first form, just add the Form widget to any Elementor design:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba47ea3 elementor-widget elementor-widget-image\" data-id=\"ba47ea3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"764\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=764\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-7-form-widget.jpg\" class=\"attachment-large size-large wp-image-78520\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-7-form-widget.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=283\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-7-form-widget-283x300.jpg 283w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-354476f elementor-widget elementor-widget-heading\" data-id=\"354476f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Integrations<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acb4d44 elementor-widget elementor-widget-text-editor\" data-id=\"acb4d44\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor&#8217;s built-in integrations help you enhance your site by connecting to other third-party tools that you&#8217;re using.<\/p><p>We already mentioned one key use of these integrations above &#8211; the Form widget. Thanks to the built-in integrations, you can easily connect the Form widget to services such as Mailchimp and HubSpot. You also get a Zapier integration so that you can connect to the thousands of apps on Zapier.<\/p><p>Beyond those marketing tools, Elementor also integrates with tons of other plugins, social networks, and services.<\/p><p>Want to see the full list? You can <a href=\"https:\/\/elementor.com\/features\/integrations\/\" target=\"_blank\" rel=\"noopener\">view all of Elementor&#8217;s integrations here<\/a>.<\/p><p>To set up integrations, go to <strong>Elementor \u2192 Settings \u2192 Integrations<\/strong>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-946f83a elementor-widget elementor-widget-image\" data-id=\"946f83a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"587\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=587\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-8-integrations.jpg\" class=\"attachment-large size-large wp-image-78521\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-8-integrations.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-8-integrations-300x245.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1512826 elementor-widget elementor-widget-heading\" data-id=\"1512826\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Theme Builder\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e6eda3 elementor-widget elementor-widget-text-editor\" data-id=\"9e6eda3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/elementor.com\/features\/theme-builder\/\" target=\"_blank\" rel=\"noopener\">Elementor Theme Builder<\/a> lets you take the visual Elementor editor and use it to design your entire website. More specifically, you can create template files for different parts of your site including:<\/p><ul><li><a href=\"https:\/\/elementor.com\/blog\/header-footer-builder\/\" target=\"_blank\" rel=\"noopener\">Header and footer<\/a><\/li><li><a href=\"https:\/\/elementor.com\/blog\/design-your-single-post-template\/\" target=\"_blank\" rel=\"noopener\">Single<\/a> (e.g. the template that all or some of your blog posts use)<\/li><li><a href=\"https:\/\/elementor.com\/help\/create-archive-template\/\" target=\"_blank\" rel=\"noopener\">Archive<\/a> (e.g. the page that lists your blog posts)<\/li><\/ul><p>Essentially, you no longer need a theme because Elementor lets you control every part of your design. This is why we created <a href=\"https:\/\/elementor.com\/hello-theme\/\" target=\"_blank\" rel=\"noopener\">the free Hello theme<\/a>. It acts as a lightweight base canvas upon which you can design your site using Elementor Theme Builder.<\/p><p>For <a href=\"https:\/\/elementor.com\/blog\/advanced-websites\/\" target=\"_blank\" rel=\"noopener\">more advanced custom WordPress sites<\/a>, Elementor also lets you <a href=\"https:\/\/elementor.com\/blog\/dynamic-content-elementor\/\" target=\"_blank\" rel=\"noopener\">insert dynamic content<\/a> from <a href=\"https:\/\/elementor.com\/blog\/wordpress-custom-fields\/\" target=\"_blank\" rel=\"noopener\">custom fields<\/a> that you added with <a href=\"https:\/\/elementor.com\/blog\/custom-fields-integration\/\" target=\"_blank\" rel=\"noopener\">plugins like Advanced Custom Fields<\/a>.<\/p><p>To get started with your first Theme Builder template, head to <strong>Templates \u2192 Theme Builder<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a54c4c5 elementor-widget elementor-widget-image\" data-id=\"a54c4c5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"510\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=510\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-9-theme-builder.jpg\" class=\"attachment-large size-large wp-image-78522\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-9-theme-builder.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-9-theme-builder-300x213.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-342bbe1 elementor-widget elementor-widget-heading\" data-id=\"342bbe1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Global Settings\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7a3964 elementor-widget elementor-widget-text-editor\" data-id=\"b7a3964\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/elementor.com\/features\/global-settings\/\" target=\"_blank\" rel=\"noopener\">Elementor Pro&#8217;s Global Settings feature<\/a> helps you create and manage your site&#8217;s own design system so that you can ensure consistency across your entire site and speed up your workflows.<\/p><p>Essentially, the Global Settings feature gives you one area where you can define your sitewide colors, <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/best-fonts-for-websites\/\"   title=\"26 Best Fonts For Websites &amp; Web Design (2025)\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"27416\">typography<\/a>, buttons, image settings, form fields, and more.<\/p><p>Whenever you create a new design, it will automatically inherit its settings from your Global Settings. And if you change something in Global Settings, that change will automatically apply across your entire site.<\/p><p>Of course, you&#8217;re never locked in &#8211; you always have the option to fully customize a design on a page-by-page basis. But with Global Settings, you can ensure that your default designs look exactly the way that you want them to and are consistent across your site.<\/p><p>To access Global Settings, click the hamburger menu in the top-left corner of the Elementor sidebar while working in the editor and select <strong>Site Settings<\/strong>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c805ac9 elementor-widget elementor-widget-image\" data-id=\"c805ac9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"742\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=742\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-10-global-settings.jpg\" class=\"attachment-large size-large wp-image-78523\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-10-global-settings.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=291\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-10-global-settings-291x300.jpg 291w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-972357d elementor-widget elementor-widget-heading\" data-id=\"972357d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Popup Builder\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-affc55e elementor-widget elementor-widget-text-editor\" data-id=\"affc55e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Popups can be incredibly useful for marketing, navigation, user experience, and more. With Elementor Pro, you can skip the separate popup plugin thanks to <a href=\"https:\/\/elementor.com\/features\/popup-builder\/\" target=\"_blank\" rel=\"noopener\">Elementor Popup Builder<\/a>.<\/p><p>Using Elementor&#8217;s visual, drag-and-drop editor, you&#8217;ll be able to build:<\/p><ul><li>Lightbox popups<\/li><li>Notification bars<\/li><li>Full-screen fillers<\/li><li>Slide-ins<\/li><li>Etc.<\/li><\/ul><p>You&#8217;ll get full control over the canvas and placement for your popup and you can use all the Elementor widgets in your designs.<\/p><p>Want to <a href=\"https:\/\/elementor.com\/blog\/email-capture-popup\/\" target=\"_blank\" rel=\"noopener\">create an email capture popup<\/a>? Just add the Form widget and connect it to your email marketing service. Want to <a href=\"https:\/\/elementor.com\/widgets\/login-widget\/\" target=\"_blank\" rel=\"noopener\">create a login form popup<\/a>? Just add the Login widget. Want to create an announcement? Just add some text and maybe a button.<\/p><p>Once you finish the design, you can use targeting rules to control where to display your popup and who should see it. Plus, you&#8217;ll still get advanced trigger rules including exit intent.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-389c9a0 elementor-widget elementor-widget-image\" data-id=\"389c9a0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"619\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=619\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-11-popup-triggers.jpg\" class=\"attachment-large size-large wp-image-78524\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-11-popup-triggers.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-11-popup-triggers-300x258.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-408405a elementor-widget elementor-widget-text-editor\" data-id=\"408405a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To create your first popup, just head to <strong>Templates \u2192 Popups <\/strong>in your WordPress dashboard and start building. You can design your popups from scratch or choose from dozens of pre-built templates:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5eca4a4 elementor-widget elementor-widget-image\" data-id=\"5eca4a4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"621\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=621\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-12-popup-templates.jpg\" class=\"attachment-large size-large wp-image-78525\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-12-popup-templates.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2016\/12\/what-is-elementor-12-popup-templates-300x259.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8550fea elementor-widget elementor-widget-heading\" data-id=\"8550fea\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">WooCommerce Builder\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f5e251 elementor-widget elementor-widget-text-editor\" data-id=\"4f5e251\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you&#8217;re <a href=\"https:\/\/elementor.com\/blog\/woocommerce-tutorial\/\" target=\"_blank\" rel=\"noopener\">building an ecommerce store<\/a> powered by WooCommerce, <a href=\"https:\/\/elementor.com\/features\/woocommerce-builder\/\" target=\"_blank\" rel=\"noopener\">Elementor WooCommerce Builder<\/a> lets you take all of the same great features you saw above and apply them to your WooCommerce store.\u00a0<\/p><p>You&#8217;ll be able to use Elementor&#8217;s drag-and-drop interface to <a href=\"https:\/\/elementor.com\/blog\/customize-woocommerce-product-page\/\" target=\"_blank\" rel=\"noopener\">design your single product page templates<\/a> and your shop archive pages (the pages that list all of your products or the products in a certain category).<\/p><p>In addition to designing your store&#8217;s templates, you&#8217;ll also get <a href=\"https:\/\/elementor.com\/help\/woocommerce-widgets-pro\/\" target=\"_blank\" rel=\"noopener\">dedicated WooCommerce widgets<\/a> that you can use to insert WooCommerce content anywhere on your site.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-479c9e8 elementor-widget elementor-widget-menu-anchor\" data-id=\"479c9e8\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"faq\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8837b73 elementor-widget elementor-widget-heading\" data-id=\"8837b73\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Elementor FAQs\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5134485 elementor-widget elementor-widget-text-editor\" data-id=\"5134485\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To finish things out, let&#8217;s cover a few common questions you might have about Elementor.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-078db54 elementor-widget elementor-widget-heading\" data-id=\"078db54\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Can I Use Elementor With Any Theme?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06af1ea elementor-widget elementor-widget-text-editor\" data-id=\"06af1ea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Yes &#8211; Elementor works with virtually all WordPress themes. We created a list of the leading <a href=\"https:\/\/elementor.com\/help\/best-elementor-themes\/\" target=\"_blank\" rel=\"noopener\">themes for Elementor<\/a>.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22532ab elementor-widget elementor-widget-heading\" data-id=\"22532ab\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Does Yoast SEO Work With Elementor?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3b2c16 elementor-widget elementor-widget-text-editor\" data-id=\"c3b2c16\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Yes \u2014 Elementor works well with the Yoast SEO plugin, with no need for any additional setup. Yoast SEO will be able to automatically analyze the content in your Elementor widgets, which means you can still benefit from Yoast SEO&#8217;s focus keyword analysis features.<\/p><p>Beyond that, <a href=\"https:\/\/elementor.com\/blog\/yoast-seo-integration\/\" target=\"_blank\" rel=\"noopener\">Elementor has a dedicated Yoast SEO integration<\/a> so that you&#8217;ll be able to access all of your SEO settings from inside the Elementor editor. That is, without leaving Elementor, you&#8217;ll be able to set up SEO titles and descriptions, analyze keywords, and much more.<\/p><p>Finally, Elementor Pro also has a special <a href=\"https:\/\/elementor.com\/help\/breadcrumbs-widget-pro\/\">Yoast SEO Breadcrumbs widget<\/a> that you can use to include breadcrumbs in your designs.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11faf4b elementor-widget elementor-widget-heading\" data-id=\"11faf4b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Is Elementor Good for SEO?\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db05f70 elementor-widget elementor-widget-text-editor\" data-id=\"db05f70\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Yes. First off, Elementor allows for all of the same basic on-page SEO that you&#8217;d get with the default WordPress editor, so there&#8217;s no difference when it comes to the basic SEO tactics.<\/p><p>But beyond basic details like SEO titles and meta descriptions, Elementor can have a positive impact on your site&#8217;s SEO by helping you create more user-friendly, engaging designs. This can help with metrics such as time on site and bounce rate, which Google factors into its search rankings.<\/p><p>Want to learn more? Check out <a href=\"https:\/\/elementor.com\/blog\/elementor-seo\/\" target=\"_blank\" rel=\"noopener\">our full guide to Elementor SEO<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-438b7e5 elementor-widget elementor-widget-heading\" data-id=\"438b7e5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">What Are Elementor Template Kits?\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9587c37 elementor-widget elementor-widget-text-editor\" data-id=\"9587c37\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor template kits are themed sets of templates that help you quickly build a complete website. For example, instead of just offering a single template for a <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/landing-page-builder\/\"   title=\"Landing Page Builder\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"32123\">landing page<\/a>, a template kit would offer multiple templates covering different pages like the:<\/p><ul><li>Homepage<\/li><li>About page<\/li><li>Contact page<\/li><li>Etc.<\/li><\/ul><p>You can <a href=\"https:\/\/library.elementor.com\/\" target=\"_blank\" rel=\"noopener\">browse all of the many template kits here<\/a> and <a href=\"https:\/\/elementor.com\/help\/template-library\/\" target=\"_blank\" rel=\"noopener\">learn how the template library works<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-965aa9d elementor-widget elementor-widget-heading\" data-id=\"965aa9d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Does Elementor Work With Other WordPress Plugins?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-315673d elementor-widget elementor-widget-text-editor\" data-id=\"315673d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Well, it depends on the specific plugin. But in general, the answer is yes &#8211; Elementor will work with most other plugins you&#8217;re using.<\/p><p>There are a couple of ways that you can use Elementor with other plugins.<\/p><p>The first is some type of built-in integration, either because Elementor has built-in integration for that plugin or the plugin&#8217;s developers have built their own Elementor integration. Because Elementor has grown to be so popular, a lot of plugin developers have created their own integrations for Elementor.<\/p><p>For example, <a href=\"https:\/\/elementor.com\/blog\/wordpress-membership-site-memberpress-elementor\/\" target=\"_blank\" rel=\"noopener\">MemberPress includes a built-in Elementor integration<\/a> for <a href=\"https:\/\/elementor.com\/blog\/wordpress-membership-plugins\/\">membership sites<\/a>, <a href=\"https:\/\/elementor.com\/blog\/tutor-lms-online-course\/\" target=\"_blank\" rel=\"noopener\">Tutor LMS provides built-in integration<\/a> for online courses, <a href=\"https:\/\/elementor.com\/blog\/multilingual-website-translatepress\/\" target=\"_blank\" rel=\"noopener\">TranslatePress supports Elementor<\/a> for multilingual sites, and many more.<\/p><p>The second way to use Elementor with other plugins is via regular WordPress features like shortcodes. For example, let&#8217;s say a plugin gives you a shortcode that you want to include in an Elementor design. Well, all you need to do is paste that shortcode <a href=\"https:\/\/elementor.com\/help\/shortcode-widget\/\" target=\"_blank\" rel=\"noopener\">in Elementor&#8217;s Shortcode widget<\/a>.\u00a0<\/p><p>Elementor will include the content from that shortcode in your design, and you&#8217;ll even be able to preview what the front-end shortcode content will look like while you&#8217;re working in the Elementor editor.<\/p><p>So, while it does depend on the plugin, Elementor should work with the vast majority of plugins that you might be using.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-717f310 elementor-widget elementor-widget-heading\" data-id=\"717f310\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get Started With Elementor Today\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acba87d elementor-widget elementor-widget-text-editor\" data-id=\"acba87d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you&#8217;re ready to get started with Elementor on your WordPress site, install <a href=\"https:\/\/wordpress.org\/plugins\/elementor\/\" target=\"_blank\" rel=\"noopener\">the free version from WordPress.org today<\/a>.<\/p><p>The free version gives you access to Elementor&#8217;s visual editor, which will let you see how much easier it is to create designs with Elementor.<\/p><p>Once you get the hang of things, <a href=\"https:\/\/elementor.com\/pricing\/\" target=\"_blank\" rel=\"noopener\">purchase Elementor Pro<\/a> to extend the free version with powerful new website building tools like:<\/p><ul><li>The form widget and all of its integrations<\/li><li>Theme Builder<\/li><li>Popup Builder<\/li><li>WooCommerce Builder<\/li><li>Global Settings<\/li><li>&#8230;lots more!<\/li><\/ul><p>Get started today and experience the best way to build a WordPress website.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Elementor is the WordPress website builder that more than five million WordPress sites use to create content and designs with a visual, drag-and-drop editor<\/p>\n","protected":false},"author":4,"featured_media":80125,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[19],"tags":[79],"marketing_persona":[],"marketing_intent":[],"class_list":["post-1695","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-build"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Use Elementor in Wordpress? the Complete Guide<\/title>\n<meta name=\"description\" content=\"Elementor is the WordPress website builder that more than five million WordPress sites use to create content and designs with a visual, drag-and-drop editor\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Use Elementor in Wordpress? the Complete Guide\" \/>\n<meta property=\"og:description\" content=\"Elementor is the WordPress website builder that more than five million WordPress sites use to create content and designs with a visual, drag-and-drop editor\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-15T10:42:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-31T09:21:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2016\/12\/2021_11_blog_cover_What-Is-Elementor-for-WordPress__1200_630-01-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1344\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ben Pines\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ben Pines\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/what-is-elementor-for-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/what-is-elementor-for-wordpress\\\/\"},\"author\":{\"name\":\"Ben Pines\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#\\\/schema\\\/person\\\/c772e5251f765dce36a2b4989bad900a\"},\"headline\":\"How To Use Elementor in WordPress? Complete Guide\",\"datePublished\":\"2016-12-15T10:42:44+00:00\",\"dateModified\":\"2025-12-31T09:21:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/what-is-elementor-for-wordpress\\\/\"},\"wordCount\":2894,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/what-is-elementor-for-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/2021_11_blog_cover_What-Is-Elementor-for-WordPress__1200_630-01-scaled.jpg\",\"keywords\":[\"Build\"],\"articleSection\":[\"News\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/elementor.com\\\/blog\\\/what-is-elementor-for-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/what-is-elementor-for-wordpress\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/blog\\\/what-is-elementor-for-wordpress\\\/\",\"name\":\"How To Use Elementor in Wordpress? the Complete Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/what-is-elementor-for-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/what-is-elementor-for-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/2021_11_blog_cover_What-Is-Elementor-for-WordPress__1200_630-01-scaled.jpg\",\"datePublished\":\"2016-12-15T10:42:44+00:00\",\"dateModified\":\"2025-12-31T09:21:45+00:00\",\"description\":\"Elementor is the WordPress website builder that more than five million WordPress sites use to create content and designs with a visual, drag-and-drop editor\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/what-is-elementor-for-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elementor.com\\\/blog\\\/what-is-elementor-for-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/what-is-elementor-for-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/elementor.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/2021_11_blog_cover_What-Is-Elementor-for-WordPress__1200_630-01-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/2021_11_blog_cover_What-Is-Elementor-for-WordPress__1200_630-01-scaled.jpg\",\"width\":2560,\"height\":1344},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/what-is-elementor-for-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/elementor.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"News\",\"item\":\"https:\\\/\\\/elementor.com\\\/blog\\\/category\\\/news\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How To Use Elementor in WordPress? Complete Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/elementor.com\\\/blog\\\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/elementor.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\\\/\\\/elementor.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/elemntor\\\/\",\"https:\\\/\\\/x.com\\\/elemntor\",\"https:\\\/\\\/www.instagram.com\\\/elementor\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\\\/\\\/en.wikipedia.org\\\/wiki\\\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/elementor.com\\\/blog\\\/#\\\/schema\\\/person\\\/c772e5251f765dce36a2b4989bad900a\",\"name\":\"Ben Pines\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"caption\":\"Ben Pines\"},\"description\":\"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.\",\"sameAs\":[\"https:\\\/\\\/elementor.com\"],\"url\":\"https:\\\/\\\/elementor.com\\\/blog\\\/author\\\/ben-pines\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Use Elementor in Wordpress? the Complete Guide","description":"Elementor is the WordPress website builder that more than five million WordPress sites use to create content and designs with a visual, drag-and-drop editor","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How To Use Elementor in Wordpress? the Complete Guide","og_description":"Elementor is the WordPress website builder that more than five million WordPress sites use to create content and designs with a visual, drag-and-drop editor","og_url":"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2016-12-15T10:42:44+00:00","article_modified_time":"2025-12-31T09:21:45+00:00","og_image":[{"width":2560,"height":1344,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2016\/12\/2021_11_blog_cover_What-Is-Elementor-for-WordPress__1200_630-01-scaled.jpg","type":"image\/jpeg"}],"author":"Ben Pines","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Ben Pines","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/"},"author":{"name":"Ben Pines","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a"},"headline":"How To Use Elementor in WordPress? Complete Guide","datePublished":"2016-12-15T10:42:44+00:00","dateModified":"2025-12-31T09:21:45+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/"},"wordCount":2894,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2016\/12\/2021_11_blog_cover_What-Is-Elementor-for-WordPress__1200_630-01-scaled.jpg","keywords":["Build"],"articleSection":["News"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/","url":"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/","name":"How To Use Elementor in Wordpress? the Complete Guide","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2016\/12\/2021_11_blog_cover_What-Is-Elementor-for-WordPress__1200_630-01-scaled.jpg","datePublished":"2016-12-15T10:42:44+00:00","dateModified":"2025-12-31T09:21:45+00:00","description":"Elementor is the WordPress website builder that more than five million WordPress sites use to create content and designs with a visual, drag-and-drop editor","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2016\/12\/2021_11_blog_cover_What-Is-Elementor-for-WordPress__1200_630-01-scaled.jpg","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2016\/12\/2021_11_blog_cover_What-Is-Elementor-for-WordPress__1200_630-01-scaled.jpg","width":2560,"height":1344},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/what-is-elementor-for-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"News","item":"https:\/\/elementor.com\/blog\/category\/news\/"},{"@type":"ListItem","position":3,"name":"How To Use Elementor in WordPress? Complete Guide"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a","name":"Ben Pines","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","caption":"Ben Pines"},"description":"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.","sameAs":["https:\/\/elementor.com"],"url":"https:\/\/elementor.com\/blog\/author\/ben-pines\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/1695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=1695"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/1695\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/80125"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=1695"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=1695"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=1695"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=1695"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=1695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}