{"id":28260,"date":"2023-08-30T16:36:59","date_gmt":"2023-08-30T16:36:59","guid":{"rendered":"https:\/\/www.fireflywebstudio.com\/?p=28260"},"modified":"2023-09-06T16:38:50","modified_gmt":"2023-09-06T16:38:50","slug":"how-to-install-elementor-on-wordpress","status":"publish","type":"post","link":"https:\/\/www.fireflywebstudio.com\/how-to-install-elementor-on-wordpress\/","title":{"rendered":"How to Install Elementor on WordPress"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"28260\" class=\"elementor elementor-28260\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d97b5cd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d97b5cd\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;_ha_eqh_enable&quot;:false}\">\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-e9391d5\" data-id=\"e9391d5\" 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-fe8a9d6 elementor-widget elementor-widget-text-editor\" data-id=\"fe8a9d6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 10-04-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Creating a stunning and functional website has become easier than ever, thanks to tools like Elementor. <a href=\"https:\/\/be.elementor.com\/visit\/?bta=213754&amp;nci=5383\" target=\"_blank\" rel=\"noopener\">Elementor<\/a> is a popular WordPress plugin that empowers beginners to design and customize websites without any coding knowledge. In this guide, we&#8217;ll walk you through the simple steps of how to install Elementor on your WordPress site. Once you&#8217;ve installed the Elementor plugin, make sure to check out our blog post on <a href=\"\/set-up-elementor-site-settings\/\">setting up your site settings (theme colors and fonts)<\/a>.\u00a0<\/p><p><a href=\"#video\">Click here to go straight to the video tutorial<\/a><\/p><h2>Step 1: Log into Your WordPress Dashboard<\/h2><p>To begin, log in to your WordPress dashboard. This is where you manage your website&#8217;s content, plugins, and overall appearance. Use your admin credentials to access the dashboard.<\/p><h2>Step 2 (optional): Install the Hello Theme<\/h2><p>Locate the &#8220;customize&#8221; tab on the left-side menu of your dashboard, and click on &#8220;Themes&#8221;. Once there click &#8220;add new&#8221; and search for &#8220;hello&#8221;. Install the &#8220;Hello Elementor&#8221; theme.\u00a0<\/p><h2>Step 3: Navigate to the Plugins Section<\/h2><p>Next, locate the &#8220;Plugins&#8221; tab on the left-hand side of the dashboard. When you hover over it, a submenu will appear. Click on the &#8220;Add New&#8221; option from the submenu. This will take you to the plugin installation page.<\/p><h2>Step 4: Search for Elementor<\/h2><p>On the plugin installation page, you&#8217;ll see a search bar in the upper right corner. Type in &#8220;Elementor&#8221; and hit the &#8220;Enter&#8221; key. The search results will display the Elementor plugin as well as some related plugins. Look for the one named &#8220;Elementor Page Builder&#8221; and click on the &#8220;Install Now&#8221; button next to it.<\/p><h2>Step 5: Activate the Plugin<\/h2><p>After the installation is complete, the &#8220;Install Now&#8221; button will change to &#8220;Activate.&#8221; Click on the &#8220;Activate&#8221; button to make Elementor live on your WordPress site. Once activated, you&#8217;ll be directed to the Elementor welcome page.<\/p><h2>Step 6: Explore Elementor&#8217;s Features<\/h2><p>Now that Elementor is successfully installed and activated, you can start using its powerful features to design your website. You can create new pages, customize existing ones, and add various elements like text, images, videos, and buttons using a simple drag-and-drop interface.<\/p><p>We recommend starting with setting up your default site settings, like your default fonts, colors and button styles. This will ensure style consistency across you website.\u00a0<\/p><h2>Congrats, You Are One Step Closer To Having An Amazing Website<\/h2><p>Installing Elementor on your WordPress site opens up a world of creative possibilities, even for beginners without any coding experience. Its intuitive drag-and-drop interface and wide range of customization options make website building an enjoyable and efficient process.\u00a0<\/p><p>Congratulations, if you followed this tutorial, you are one step closer to having an amazing, brand-aligned website!<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65c3238 elementor-widget elementor-widget-heading\" data-id=\"65c3238\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 10-04-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Video Tutorial On How To Install Elementor On WordPress<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bdebd1c elementor-widget elementor-widget-video\" data-id=\"bdebd1c\" data-element_type=\"widget\" id=\"video\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/rOBaWE9mNtk&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<style>\/*! elementor - v3.20.0 - 10-04-2024 *\/\n.elementor-widget-video .elementor-widget-container{overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{height:100%;width:100%;display:flex;border:none;background-color:#000}@supports not (aspect-ratio:1\/1){.elementor-widget-video .elementor-wrapper{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% \/ var(--video-aspect-ratio))}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50%}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{display:block;width:100%;aspect-ratio:var(--video-aspect-ratio);-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}@supports not (aspect-ratio:1\/1){.elementor-widget-video .elementor-custom-embed-image-overlay{position:relative;overflow:hidden;height:0;padding-bottom:calc(100% \/ var(--video-aspect-ratio))}.elementor-widget-video .elementor-custom-embed-image-overlay img{position:absolute;top:0;right:0;bottom:0;left:0}}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var(--container-widget-flex-grow)}<\/style>\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<\/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>Creating a stunning and functional website has become easier than ever, thanks to tools like Elementor. Elementor is a popular WordPress plugin that empowers beginners to design and customize websites without any coding knowledge. In this guide, we&#8217;ll walk you through the simple steps of how to install Elementor on your WordPress site. Once you&#8217;ve [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":28280,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[113,91,102],"tags":[],"_links":{"self":[{"href":"https:\/\/www.fireflywebstudio.com\/wp-json\/wp\/v2\/posts\/28260"}],"collection":[{"href":"https:\/\/www.fireflywebstudio.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fireflywebstudio.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fireflywebstudio.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fireflywebstudio.com\/wp-json\/wp\/v2\/comments?post=28260"}],"version-history":[{"count":21,"href":"https:\/\/www.fireflywebstudio.com\/wp-json\/wp\/v2\/posts\/28260\/revisions"}],"predecessor-version":[{"id":28303,"href":"https:\/\/www.fireflywebstudio.com\/wp-json\/wp\/v2\/posts\/28260\/revisions\/28303"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fireflywebstudio.com\/wp-json\/wp\/v2\/media\/28280"}],"wp:attachment":[{"href":"https:\/\/www.fireflywebstudio.com\/wp-json\/wp\/v2\/media?parent=28260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fireflywebstudio.com\/wp-json\/wp\/v2\/categories?post=28260"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fireflywebstudio.com\/wp-json\/wp\/v2\/tags?post=28260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}