{"id":30174,"date":"2022-11-04T21:16:04","date_gmt":"2022-11-04T21:16:04","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/"},"modified":"2025-10-25T09:12:12","modified_gmt":"2025-10-25T09:12:12","slug":"how-to-use-elementor-page-builder-ultimate-guide","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/","title":{"rendered":"How to Use Elementor Page Builder"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"what-are-the-jetplugins-for-wordpress\"><strong>What Are the JetPlugins for WordPress?<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The <em>JetPlugins<\/em> enhance WordPress functionality and can be used as add-ins for <em>Elementor<\/em>, the Block Editor (Gutenberg), and the Bricks theme. Therefore, WordPress and the corresponding editor (e.g., Elementor, Divi) should be installed and activated first (except the native WordPress Block Editor).<\/p>\n\n\n\n<p>Read the <a href=\"https:\/\/crocoblock.com\/blog\/why-you-should-use-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>25 Important Reasons Why You Should Use WordPress for the Next Website<\/strong><\/a> article to learn more about the benefits of using WordPress. In addition, look through the <a href=\"https:\/\/crocoblock.com\/blog\/what-is-wordpress-com\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>What Is WordPress.com<\/strong><\/a> article to learn the main features, ways to use, pros and cons, and pricing plans of this CMS.<\/p>\n\n\n\n<p>The <em>JetPlugins<\/em> are typically used with the free version of Elementor, as they often replicate Elementor PRO functionality and offer additional options, but cannot be swapped for one another. Additionally, Elementor PRO offers advanced features, e.g., integration with services without additional plugins (e.g., Facebook and reCAPTCHA), a role manager to configure and limit editor access, a theme builder to customize standard themes, including custom fonts &amp; Adobe TypeKit, and more. Therefore, using Elementor PRO and <em>JetPlugins<\/em> enhances the site\u2019s functionality without decreasing its <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-speed-up-wordpress-website-and-crocoblock-plugins\" target=\"_blank\" rel=\"noreferrer noopener\">performance<\/a>.<\/p>\n\n\n\n<p>In addition, Elementor, Elementor PRO, and <em>JetPlugins<\/em> are SEO-friendly, and sites built with them are well indexed and appear in search results.<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">If you decide to install <i>Elementor Pro<\/i> immediately, you must activate the license. To do this, go to the <strong>Plugins<\/strong> tab, click on the <strong>Elementor plugin<\/strong> link, select <strong>License<\/strong>, and click <strong>\u201cConnect & Activate<\/strong>.\u201d The system will redirect to the <i>Elementor<\/i> website. Log in to the account and click \u201c<strong>Connect<\/strong>.\u201d<\/p><\/div><\/div>\n\n\n\n<p>Watch the <a href=\"https:\/\/www.youtube.com\/watch?v=QG9e0opDvXI\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Crocoblock Elementor &#8211; Pro Tutorial<\/strong><\/a><strong> <\/strong>video to learn how to use the PRO version of Elementor with the <em>JetPlugins<\/em>. Also, more details on the common use of <em>JetPlugins<\/em> and Elementor PRO can be found in the <a href=\"https:\/\/crocoblock.com\/blog\/using-elementor-pro-with-jetplugins\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Elementor Pro and JetPlugins Go Well Together and Here Is Why<\/strong><\/a> tutorial.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"starting-a-website-with-wordpress-and-elementor\"><strong>Starting a Website with WordPress and Elementor<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>You can create a real-mode website as follows: buy hosting, a domain, install WordPress, and Elementor. Read the <a href=\"https:\/\/crocoblock.com\/blog\/how-to-install-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Starting a Website with WordPress<\/strong><\/a><strong> <\/strong>article to learn how to select the domain names and hosts, install and customize WordPress, etc.<\/p>\n\n\n\n<p>Additionally, you can create a test-mode website on your computer using specific software such as <strong>Local <\/strong>or <strong>Open Server<\/strong>, or <a href=\"https:\/\/instawp.com\" target=\"_blank\" rel=\"noreferrer noopener\">utilize a cloud service for WordPress.<\/a><\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"starting-a-website-with-the-jetplugins\"><strong>Starting a Website with the JetPlugins<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p><em>JetPlugins<\/em> can be added to the websites as any WordPress plugin, e.g., individually (<a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-install-plugins-manually\" target=\"_blank\" rel=\"noreferrer noopener\">manually<\/a>) or as part of the <em>JetPlugins<\/em> set by downloading the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-install-plugins-with-crocoblock-wizard\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Crocoblock Wizard<\/strong><\/a> from your <a href=\"https:\/\/account.crocoblock.com\/\">Crocoblock account<\/a>.<\/p>\n\n\n\n<p>Read the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-install-jetplugins-via-wordpress-dashboard\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Install JetPlugins via WordPress Dashboard<\/strong> <\/a>tutorial to learn how to install any plugin in different ways.<\/p>\n\n\n\n<p>In addition, you can install and activate any add-on for the <em>JetPlugins<\/em>. Read the <a href=\"https:\/\/crocoblock.com\/blog\/essential-addons-for-elementor-vs-crocoblock-comparison\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Essential Addons for Elementor vs. Crocoblock: Picking Top Website Building Tool<\/strong><\/a> article for more information on adding various widgets, templates, forms, and more.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pricing-plans\"><strong>Pricing Plans<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>WordPress and Elementor are free software; if you need more functionality, you can buy the required Elementor <a href=\"https:\/\/elementor.com\/pro\" target=\"_blank\" rel=\"noreferrer noopener\">PRO<\/a> plan or <a href=\"https:\/\/elementor.com\/pricing-plugin\/#!\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce Bundles<\/a>.<\/p>\n\n\n\n<p>In addition, you can expand Elementor functionality with <em>JetPlugins <\/em>by selecting and purchasing a <em>JetPlugins<\/em> <a href=\"https:\/\/crocoblock.com\/pricing\" target=\"_blank\" rel=\"noreferrer noopener\">subscription plan<\/a>.<\/p>\n\n\n\n<p>The <a href=\"https:\/\/crocoblock.com\/blog\/wordpress-pricing\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WordPress Pricing: How Much Does a WordPress Website Really Cost?<\/strong><\/a> article details all issues mentioned above.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"using-elementor-without-jetplugins\"><strong>Using Elementor Without JetPlugins<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p><em>Elementor <\/em>has several settings that make it easier to work with the plugin. With their help, you can customize the default font and spacing, select the type of content for your site, and choose the primary colors.<\/p>\n\n\n\n<p>To select all these settings, go to the site\u2019s admin panel, click <strong><em>Plugins > Elementor > Settings > General<\/em><\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/free-elementor-plugin-installed-and-activated.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/free-elementor-plugin-installed-and-activated-1024x640.webp\" alt=\"free elementor plugin installed and activated\" class=\"wp-image-50005\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/free-elementor-plugin-installed-and-activated-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/free-elementor-plugin-installed-and-activated-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/free-elementor-plugin-installed-and-activated-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/free-elementor-plugin-installed-and-activated-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/free-elementor-plugin-installed-and-activated-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/free-elementor-plugin-installed-and-activated.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In general, all work with <em>Elementor <\/em>comes down to dragging the elements you need to the right place on the page. All items are broken down into three categories:<\/p>\n\n\n\n<ul>\n<li>sections (large sections of the site where columns and widgets are located);<\/li>\n\n\n\n<li>columns (the place where widgets can be placed);<\/li>\n\n\n\n<li>widgets (individual elements such as pictures, text, videos, etc.).<\/li>\n<\/ul>\n\n\n\n<p>Read the <a href=\"https:\/\/crocoblock.com\/blog\/gutenberg-wordpress-block-editor\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>13 Beginner Productivity Tips for Web Designers Using Elementor<\/strong><\/a> article to learn how to arrange these elements in the way you want. To do this, go to the <strong>WordPress Dashboard<\/strong> and click <strong><em>Pages > Add New <\/em><\/strong>or<strong><em> Posts > Add New<\/em><\/strong>.<\/p>\n\n\n\n<p>You can edit pages and posts with <em>Elementor <\/em>or the standard WordPress editor. Click \u201c<strong>Edit with Elementor<\/strong>.\u201d Additionally, the Block Editor can be utilized, and various tips and tricks can be applied as outlined in the <a href=\"https:\/\/crocoblock.com\/blog\/gutenberg-wordpress-block-editor\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Ultimate WordPress Gutenberg Tutorial: Use Block Editor Like a Pro<\/strong><\/a><strong> <\/strong>article.<\/p>\n\n\n\n<p>As we mentioned earlier, you can work with <em>Elementor <\/em>on the principle of drag and drop. To add an element to the page, select it from the left side of the screen and drag it to the desired location.<\/p>\n\n\n\n<p>If you need to make several elements side by side, click on the \u201c<strong>+<\/strong>\u201d button. After that, you will see a screen that lets you choose options for placing widgets.<\/p>\n\n\n\n<p>Once you choose the page structure, add new elements to each column.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/elementor-widgets-available-via-the-free-version.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/elementor-widgets-available-via-the-free-version-1024x640.webp\" alt=\"elementor widgets available via the free version\" class=\"wp-image-50006\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/elementor-widgets-available-via-the-free-version-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/elementor-widgets-available-via-the-free-version-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/elementor-widgets-available-via-the-free-version-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/elementor-widgets-available-via-the-free-version-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/elementor-widgets-available-via-the-free-version-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/elementor-widgets-available-via-the-free-version.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Apply the necessary settings and<strong> <\/strong>customize each widget or page element as you need. To do this, click the button with six dots at the top of the component. So if you place text, you can adjust its style, font size, and content. If you place an image, you can configure its location and size.<\/p>\n\n\n\n<p>Once you\u2019ve placed all the necessary details on the page, it\u2019s time to publish it.<\/p>\n\n\n\n<p>Click the \u201c<strong>Preview<\/strong>\u201d button to ensure that the page will look the same as in the editor. If you like how everything looks, click the \u201c<strong>Publish<\/strong>\u201d button.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"using-elementor-with-jetplugins\"><strong>Using Elementor with JetPlugins<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>While using the <strong>Crocoblock Wizard<\/strong>, the <em>JetPlugins<\/em> can be added via the \u201cFull Crocoblock installation\u201d mode as part of the <a href=\"https:\/\/crocoblock.com\/dynamic-templates\" target=\"_blank\" rel=\"noreferrer noopener\">Crocoblock dynamic template<\/a> installation or via the \u201cJet Plugins installation mode\u201d. In both cases, all available plugins will be listed in the <strong><em>WordPress Dashboard > Plugins<\/em><\/strong> tab.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-listed-in-the-wordpress-dashboard.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-listed-in-the-wordpress-dashboard-1024x640.webp\" alt=\"jetplugins listed in the wordpress dashboard\" class=\"wp-image-50007\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-listed-in-the-wordpress-dashboard-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-listed-in-the-wordpress-dashboard-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-listed-in-the-wordpress-dashboard-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-listed-in-the-wordpress-dashboard-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-listed-in-the-wordpress-dashboard-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-listed-in-the-wordpress-dashboard.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Also, the <strong>Crocoblock<\/strong> tab will be added to the <strong>WordPress Dashboard<\/strong>. Read the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/crocoblock-dashboard-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Crocoblock Dashboard Overview<\/strong><\/a><strong> <\/strong>to learn more about its functionality.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/crocoblock-tab-in-the-wordpress-dashboard.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/crocoblock-tab-in-the-wordpress-dashboard-1024x640.webp\" alt=\"crocoblock tab in the wordpress dashboard\" class=\"wp-image-50008\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/crocoblock-tab-in-the-wordpress-dashboard-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/crocoblock-tab-in-the-wordpress-dashboard-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/crocoblock-tab-in-the-wordpress-dashboard-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/crocoblock-tab-in-the-wordpress-dashboard-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/crocoblock-tab-in-the-wordpress-dashboard-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/crocoblock-tab-in-the-wordpress-dashboard.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In addition, the dashboards of installed and activated plugins will be displayed as separate dashboards (e.g., the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/jetengine-dashboard-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">JetEngine Dashboard<\/a>,<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/jetpopup-dashboard-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"> JetPopup Dashboard<\/a>, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/jetbooking-dashboard-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">JetBooking Dashboard<\/a>, and more) or in the <strong><em>WordPress Dashboard > Crocoblock > JetPlugins Dashboard<\/em><\/strong> tab.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-dashboards.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-dashboards-1024x640.webp\" alt=\"\" class=\"wp-image-50009\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-dashboards-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-dashboards-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-dashboards-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-dashboards-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-dashboards-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-dashboards.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>After activation, the specific site templates will be added to the <strong><em>WordPress Dashboard > Crocoblock > Theme Builder<\/em><\/strong> tab.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/site-templates-listed-in-the-theme-builder-tab.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/site-templates-listed-in-the-theme-builder-tab-1024x640.webp\" alt=\"site templates listed in the theme builder tab\" class=\"wp-image-50010\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/site-templates-listed-in-the-theme-builder-tab-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/site-templates-listed-in-the-theme-builder-tab-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/site-templates-listed-in-the-theme-builder-tab-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/site-templates-listed-in-the-theme-builder-tab-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/site-templates-listed-in-the-theme-builder-tab-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/site-templates-listed-in-the-theme-builder-tab.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>After installation and activation, the <em>JetPlugins<\/em> add the available widgets to the <em>Elementor <\/em>search bar.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-widgets-available-via-the-search-bar.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-widgets-available-via-the-search-bar-1024x640.webp\" alt=\"\" class=\"wp-image-50011\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-widgets-available-via-the-search-bar-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-widgets-available-via-the-search-bar-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-widgets-available-via-the-search-bar-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-widgets-available-via-the-search-bar-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-widgets-available-via-the-search-bar-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/jetplugins-widgets-available-via-the-search-bar.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s it. Now you know how to use Elementor Page Builder with and without <em>JetPlugins<\/em> to start your WordPress site and enhance its functionality without programming and CSS knowledge.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This guide will show you how to use all the features of Elementor and create a beautiful site yourself.<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[532,349],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Use Elementor Page Builder - Help Center<\/title>\n<meta name=\"description\" content=\"Learn how to use Elementor Page Builder with and without JetPlugins to start your WordPress site and enhance its functionality.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/\" \/>\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 Page Builder - Help Center\" \/>\n<meta property=\"og:description\" content=\"Learn how to use Elementor Page Builder with and without JetPlugins to start your WordPress site and enhance its functionality.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-25T09:12:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/free-elementor-plugin-installed-and-activated-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/\",\"name\":\"How to Use Elementor Page Builder - Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2022-11-04T21:16:04+00:00\",\"dateModified\":\"2025-10-25T09:12:12+00:00\",\"description\":\"Learn how to use Elementor Page Builder with and without JetPlugins to start your WordPress site and enhance its functionality.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Use Elementor Page Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use Elementor Page Builder - Help Center","description":"Learn how to use Elementor Page Builder with and without JetPlugins to start your WordPress site and enhance its functionality.","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:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/","og_locale":"en_US","og_type":"article","og_title":"How to Use Elementor Page Builder - Help Center","og_description":"Learn how to use Elementor Page Builder with and without JetPlugins to start your WordPress site and enhance its functionality.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/","og_site_name":"Help Center","article_modified_time":"2025-10-25T09:12:12+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/free-elementor-plugin-installed-and-activated-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/","url":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/","name":"How to Use Elementor Page Builder - Help Center","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2022-11-04T21:16:04+00:00","dateModified":"2025-10-25T09:12:12+00:00","description":"Learn how to use Elementor Page Builder with and without JetPlugins to start your WordPress site and enhance its functionality.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-use-elementor-page-builder-ultimate-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Use Elementor Page Builder"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/30174"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=30174"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=30174"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=30174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}