{"id":15901,"date":"2022-11-08T10:39:45","date_gmt":"2022-11-08T10:39:45","guid":{"rendered":"https:\/\/www.hostingseekers.com\/blog\/?p=15901"},"modified":"2025-08-13T06:35:52","modified_gmt":"2025-08-13T06:35:52","slug":"how-to-create-a-wordpress-site-using-elementor","status":"publish","type":"post","link":"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/","title":{"rendered":"How to Create a WordPress Site Using Elementor"},"content":{"rendered":"<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Have you always wanted to design an elegant, clean and engaging website but got nervous about messing with codes? <\/span><span style=\"font-weight: 400;\">Or perhaps you need a professional, unique website for your business, and you are trying to find an excellent alternative to hiring professional website designers as you are short on funds?<\/span><\/p>\n<p style=\"text-align: justify;\">Can you relate to this? If so, join the club!<\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">A couple of years ago, building a website was a complex and stressful process. It involved a lot of back and forth between developers, project managers and copywriters. It used to take months to develop a website. You had to wait for weeks just to get a few simple changes on your website.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">But these days, website creation has become super easy. Coding is not required for designing a website. Yes, a non-coder can create beautiful, attractive sites without worrying about the hassle of writing or editing code. <\/span>Wondering how?<\/p>\n<p style=\"text-align: justify;\"><strong>We have got the best website design solution for you- ELEMENTOR!<\/strong><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">It&#8217;s a fantastic page builder for WordPress that empowers people without any technical background to build a great website with an easy drag-and-drop feature. <\/span><span style=\"font-weight: 400;\">It&#8217;s an all-inclusive solution to build, manage and host your WordPress website and saves effort, time and money.\u00a0\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Still not convincing?<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Ok! Keep on reading this post till the end. I am sure you gonna try it soon! <\/span><span style=\"font-weight: 400;\">This blog post will discuss its features, widget and template libraries and impressive web designing capabilities. <\/span><span style=\"font-weight: 400;\">Let&#8217;s dive right in and see if this is the plugin you have been looking for all along!<\/span><\/p>\n<hr \/>\n<h2 style=\"text-align: justify;\"><b>Elementor- An overview<\/b><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">It&#8217;s a great WordPress add-on with countless free templates and widgets to help you create a unique and visually appealing website in minutes. <\/span><span style=\"font-weight: 400;\">Using this drag-and-drop page builder, you can build all types of pages, including sales pages, landing pages, custom forms, and more.<\/span><\/p>\n<p style=\"text-align: justify;\">Does it sound pretty much similar to every plugin page builder? <span style=\"font-weight: 400;\">Wanna know something unique about this PLUGIN?<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Elementor is one of the most popular WP page builders among over five million active installations. <\/span><span style=\"font-weight: 400;\">It offers incredible customization features that allow you to create WP sites. With its advanced styling, intuitive drag-and-drop editor, great layout options, and super cool design elements, you can control all aspects of your website using a single platform.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">You can make your website designing journey more exciting and satisfying by tweaking its features until you have a high-end design website with advanced capabilities.<\/span><\/p>\n<hr \/>\n<h2 style=\"text-align: justify;\"><b>What makes Elementor really popular?<\/b><\/h2>\n<p style=\"text-align: justify; margin-bottom: 10px;\"><span style=\"font-weight: 400;\">To give you an idea about this page builder, here are some of its basic features-<\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It has a free version (Forever Free).<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Hassle-free drag-and-drop editing facility.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It can be integrated with any WP theme.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Unlimited customization options (with 30+ basic templates and widgets.)<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Helps to build responsive websites.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">No coding knowledge is needed.<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify; margin-bottom: 10px;\"><span style=\"font-weight: 400;\">Hang on!<\/span><\/p>\n<p style=\"text-align: justify; margin-bottom: 10px;\"><span style=\"font-weight: 400;\">If this sounds too basic, let\u2019s check its core features-<\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Video Lightbox<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Template Library<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Box Shadows<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Headline Effects<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Animations<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Background Overlays<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Hover Effects<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Testimonials\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Gradient Backgrounds<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Shape Dividers<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Icon Box<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Social Icons<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">And much more.\u00a0<\/span><span style=\"font-weight: 400;\">I think this is something you&#8217;ve been finding for designing your posts and web pages. <\/span>Not happy? Still, thinking it&#8217;s not perfect for you?<\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Wait! There is more- <\/span><b>ELEMENTOR PRO<\/b><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Yes, this Plugin has all the features you need. Whether you are a newcomer to the digital landscape or an entrepreneur with no coding knowledge, you can benefit from this Pro Version of an exclusive visual page builder.<\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Using Elementor Pro, you&#8217;ll get access to-<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">300+ Basic and Pro templates<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">90+ Basic and Pro widgets<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">60+ Pro Website Kits<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Design your own theme using Elementor Theme Builder<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Premium support<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">and much more. <\/span><span style=\"font-weight: 400;\">In a nutshell, Elementor lives up to its reputation of being one of the most beautiful website-building platforms in the marketplace. <\/span><span style=\"font-weight: 400;\">After this brief introduction to Elementor, it&#8217;s time to learn about building a website using this page builder.<\/span><\/p>\n<hr \/>\n<h2 style=\"text-align: justify;\"><b>Designing A WordPress Website Using Elementor<\/b><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Before I explain the step-by-step guide for website building, let&#8217;s first talk about the technical setup.<\/span><\/p>\n<h3><b>Technical requirement<\/b><\/h3>\n<p style=\"text-align: justify; margin-bottom: 10px;\"><span style=\"font-weight: 400;\">To keep a website up and running, you&#8217;ll require-<\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">A domain name.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Hosting for WordPress for your website files.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">WordPress installation.<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">I assume you already have these here, so I&#8217;ll just be focusing on the Elementor plugin. Still, you can learn from the online tutorials if you need help with any of these technical points.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">I am getting a bit more technical now!<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">You should have WordPress 5.0 or higher and PHP 5.6 or higher to run Elementor. In fact, it would be better if your web host supports PHP version 7.0 or higher and MySQL version 5.6 or higher. <\/span><span style=\"font-weight: 400;\">Now you need to dive deeper to learn Elementor Installation.<\/span><\/p>\n<hr \/>\n<h2 style=\"text-align: justify;\"><b>How to install the Elementor plugin?<\/b><\/h2>\n<p style=\"text-align: justify; margin-bottom: 10px;\"><span style=\"font-weight: 400;\">Installation of Elementor is easy. You can do this using three options:<\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Using WordPress Dashboard<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Via Elementor.com<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Using Elementor Pro<\/span><\/li>\n<\/ul>\n<h3 style=\"text-align: justify;\"><b>1. Installation using WordPress Dashboard<\/b><\/h3>\n<p style=\"text-align: justify; margin-bottom: 10px;\"><strong>Follow these steps-<\/strong><\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Go to your WordPress Dashboard.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click on the Plugins page &gt; Add New.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enter Elementor in the Search field.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Select Elementor website builder.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">After installation, click Activate.<\/span><\/li>\n<\/ul>\n<h3 style=\"text-align: justify;\"><b>2. Installation via Elementor.com<\/b><\/h3>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-15866 size-full aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Installation-via-Elementor.com_.jpg\" alt=\"Installation via Elementor.com\" width=\"850\" height=\"388\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Installation-via-Elementor.com_.jpg 850w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Installation-via-Elementor.com_-300x137.jpg 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Installation-via-Elementor.com_-768x351.jpg 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Installation-via-Elementor.com_-150x68.jpg 150w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/p>\n<p style=\"text-align: justify; margin-bottom: 10px;\"><strong>Follow these steps-<\/strong><\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Go to the website and download the plugin.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enter your email id and you\u2019ll be directed to the WordPress dashboard.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Now go to the Plugins page -&gt; Add plugin-&gt; Upload the Elementor plugin.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Install and activate the plugin.<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">That\u2019s it! It is really that simple!<\/span><\/p>\n<h3 style=\"text-align: justify;\"><b>3. Installation using Elementor Pro<\/b><\/h3>\n<p style=\"text-align: justify; margin-bottom: 10px;\"><span style=\"font-weight: 400;\">If you are choosing Elementor Pro version, follow these steps-<\/span><\/p>\n<ul style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Upload the plugin.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Click on the Activate License button (This license number will be available using the account you\u2019ll have created when purchasing the plugin).<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-15867 aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Installation-using-Elementor-Pro.jpg\" alt=\"Installation using Elementor Pro\" width=\"850\" height=\"600\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Installation-using-Elementor-Pro.jpg 850w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Installation-using-Elementor-Pro-300x212.jpg 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Installation-using-Elementor-Pro-768x542.jpg 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Installation-using-Elementor-Pro-150x106.jpg 150w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/p>\n<h3 style=\"text-align: justify;\"><b>Installation of the Envato Elements Plugin<\/b><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Our technical setup is almost done; we just need to install one more plugin- <\/span><b>The Envato Elements. <\/b><span style=\"font-weight: 400;\">You must be thinking about the purpose of installing this plugin. <\/span><span style=\"font-weight: 400;\">The Envato Elements will allow us to download and use a collection of pre-made templates for Elementor.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Go to the WordPress plugins repository at https:\/\/wordpress.org\/plugins\/envato-elements\/ and download the plugin to your system. <\/span><span style=\"font-weight: 400;\">The rest plugin installation process will be the same as before. <\/span><span style=\"font-weight: 400;\">Your plugins page should appear something like this:<\/span><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15868 aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Installation-of-the-Envato-Elements-Plugin.png\" alt=\"Installation of the Envato Elements Plugin\" width=\"878\" height=\"620\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Installation-of-the-Envato-Elements-Plugin.png 850w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Installation-of-the-Envato-Elements-Plugin-300x212.png 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Installation-of-the-Envato-Elements-Plugin-768x542.png 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Installation-of-the-Envato-Elements-Plugin-150x106.png 150w\" sizes=\"auto, (max-width: 878px) 100vw, 878px\" \/><\/p>\n<h2 style=\"text-align: justify;\"><\/h2>\n<h2 style=\"text-align: justify;\"><\/h2>\n<hr \/>\n<h2 style=\"text-align: justify;\"><b>Building Website Pages Using Elementor<\/b><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Creating website pages using Elementor requires you to master the four essential tasks.\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Let\u2019s understand how you can do that.<\/span><\/p>\n<h3 style=\"text-align: justify;\"><b>1. Launch the Elementor Page Builder<\/b><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">To start designing a new web page or post in the Elementor page builder, go to Pages\/Posts &gt; Add New. You can simply open the Elementor editor by clicking on the Edit button.<\/span><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15869 aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Launch-the-Elementor-Page-Builder.png\" alt=\"Launch the Elementor Page Builder\" width=\"992\" height=\"451\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Launch-the-Elementor-Page-Builder.png 1500w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Launch-the-Elementor-Page-Builder-300x136.png 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Launch-the-Elementor-Page-Builder-1024x465.png 1024w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Launch-the-Elementor-Page-Builder-768x349.png 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Launch-the-Elementor-Page-Builder-150x68.png 150w\" sizes=\"auto, (max-width: 992px) 100vw, 992px\" \/><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">You can also do this by using an existing page. Just navigate to the page in request and open it for editing in this setting. Now, you can click on the Edit with Elementor button.<\/span><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15870 aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-Page-Builder.png\" alt=\"Elementor Page Builder\" width=\"994\" height=\"511\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-Page-Builder.png 1500w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-Page-Builder-300x154.png 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-Page-Builder-1024x526.png 1024w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-Page-Builder-768x395.png 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-Page-Builder-150x77.png 150w\" sizes=\"auto, (max-width: 994px) 100vw, 994px\" \/><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">You&#8217;ll see the Elementor sidebar on the left pane of the screen. Here, you can select the elements such as buttons, images, icons, headings, etc. and add them to your designs. <\/span><span style=\"font-weight: 400;\">The Elementor sidebar also has a Global Widgets part. You can save it as a Global Widget. It is helpful when you want to reuse the same widget across multiple designs.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">It allows you to access this element anytime. A central location option is also provided to edit your widget once to make changes universal. Elementor will then copy these updates across your entire website.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">You can see a live preview canvas on the right, where you can build your design. Elementor will quickly update your changes in real time as soon as you make your edits.<\/span><\/p>\n<h3 style=\"text-align: justify;\"><strong>2. Adding sections, columns and widgets<\/strong><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">The basic design structure comprises three essential parts- Sections, Columns, and Widgets. <\/span><span style=\"font-weight: 400;\">To create a Section, click on the + icon in the main canvas, where the Elementor will then ask you to choose your structure.<\/span><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15871 aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Adding-sections-elementor.png\" alt=\"Adding sections elementor\" width=\"1006\" height=\"346\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Adding-sections-elementor.png 1500w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Adding-sections-elementor-300x103.png 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Adding-sections-elementor-1024x352.png 1024w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Adding-sections-elementor-768x264.png 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Adding-sections-elementor-150x52.png 150w\" sizes=\"auto, (max-width: 1006px) 100vw, 1006px\" \/><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">There will be one or more Columns in the structure section. Ultimately, you can place your widget within these Columns. It&#8217;ll help to create more organized and well-structured layouts.<\/span><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15872 aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Columns-and-structure-section-elementor.png\" alt=\"Columns and structure section elementor\" width=\"1011\" height=\"428\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Columns-and-structure-section-elementor.png 1500w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Columns-and-structure-section-elementor-300x127.png 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Columns-and-structure-section-elementor-1024x433.png 1024w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Columns-and-structure-section-elementor-768x325.png 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Columns-and-structure-section-elementor-150x64.png 150w\" sizes=\"auto, (max-width: 1011px) 100vw, 1011px\" \/><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">After selecting the structure of your web page, Elementor will add this element to your layout. You can move this Section to a new location by clicking on it, and a dotted blue handle will appear.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">If you wish to make some changes in a Section, Control-click on this dotted blue handle. This will display a context menu where you can make modifications, such as copying or deleting the selected Section.<\/span><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15873 aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-section.png\" alt=\"Elementor section\" width=\"1008\" height=\"343\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-section.png 1500w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-section-300x102.png 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-section-1024x348.png 1024w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-section-768x261.png 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-section-150x51.png 150w\" sizes=\"auto, (max-width: 1008px) 100vw, 1008px\" \/><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">You can also embed widgets in this Section. Search your preferred widget in the Elementor sidebar and drag it onto the main canvas. <\/span><span style=\"font-weight: 400;\">When you drag the widget, Elementor will highlight all Sections and Columns where you can drop this. <\/span><span style=\"font-weight: 400;\">When you&#8217;re ready with the right place for your widget, simply release your mouse. Elementor will add this widget to your selected Section.<\/span><\/p>\n<h3 style=\"text-align: justify;\"><b>3. Change your website settings<\/b><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Elementor can help you to edit your site settings. You can change the default font and HTML colours. <\/span><span style=\"font-weight: 400;\">You can also make some changes to the borders of your website&#8217;s images. <\/span><span style=\"font-weight: 400;\">With these site setting changes, you can create a consistent look and feel for your WordPress website.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">This process is simple and faster than applying these changes page by page. <\/span><span style=\"font-weight: 400;\">You can view the site settings in the Elementor sidebar.<\/span><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15874 aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Change-your-website-settings-using-elementor.png\" alt=\"Change your website settings using elementor\" width=\"1008\" height=\"348\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Change-your-website-settings-using-elementor.png 1500w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Change-your-website-settings-using-elementor-300x104.png 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Change-your-website-settings-using-elementor-1024x354.png 1024w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Change-your-website-settings-using-elementor-768x265.png 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Change-your-website-settings-using-elementor-150x52.png 150w\" sizes=\"auto, (max-width: 1008px) 100vw, 1008px\" \/><\/p>\n<h3 style=\"text-align: justify;\"><b>4. Check your edit history<\/b><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Whatever changes you&#8217;re making in your designs, Elementor is silently recording all of them. You can easily roll back your edits if anything goes wrong after making some edits. <\/span><span style=\"font-weight: 400;\">An exciting part about Elementor&#8217;s history log is that it allows you to experiment. You can try your hands at various changes and then remove them immediately. <\/span><span style=\"font-weight: 400;\">Ultimately, Elementor can improve the quality of your final designs.<\/span><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15875 aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Check-your-edit-history.png\" alt=\"Check your edit history\" width=\"1003\" height=\"578\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Check-your-edit-history.png 1500w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Check-your-edit-history-300x173.png 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Check-your-edit-history-1024x590.png 1024w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Check-your-edit-history-768x442.png 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Check-your-edit-history-150x86.png 150w\" sizes=\"auto, (max-width: 1003px) 100vw, 1003px\" \/><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Click on the History icon in the sidebar. The Actions tab keep a record of every single change you make in Elementor. This can be like building a new Section or editing existing text.<\/span><\/p>\n<h2 style=\"text-align: justify;\"><b>How to Create a Page With Elementor?<\/b><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Now you have become familiar with Elementor features and workflow, creating a webpage will be easier and more fun. <\/span><span style=\"font-weight: 400;\">First, we&#8217;ll discuss creating a standard WordPress page via the free Elementor plugin.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">And if you are looking to design a high-end product page using WooCommerce and Elementor Pro, we&#8217;ll help you with that too. <\/span><span style=\"font-weight: 400;\">So, keep reading the post.<\/span><\/p>\n<hr \/>\n<h3 style=\"text-align: justify;\"><b>How to design a standard WordPress page?<\/b><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Though every web page is different, some elements are common in various sites: this incorporates body text, headings and images. <\/span><span style=\"font-weight: 400;\">Let&#8217;s learn how to build a page featuring these vital components-<\/span><\/p>\n<ol style=\"text-align: justify;\">\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Go to Pages &gt; Add New &gt; Edit with Elementor.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Now add a Section to your page design by clicking on the + icon.<\/span><\/li>\n<\/ol>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">I will start with the heading, so I&#8217;ll opt for a single-Column layout.<\/span><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15876 aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/How-to-design-a-standard-WordPress-page.png\" alt=\"How to design a standard WordPress page\" width=\"948\" height=\"414\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/How-to-design-a-standard-WordPress-page.png 1500w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/How-to-design-a-standard-WordPress-page-300x131.png 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/How-to-design-a-standard-WordPress-page-1024x446.png 1024w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/How-to-design-a-standard-WordPress-page-768x335.png 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/How-to-design-a-standard-WordPress-page-150x65.png 150w\" sizes=\"auto, (max-width: 948px) 100vw, 948px\" \/><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Look for the Heading widget in the Elementor sidebar. You can drag this widget to drop into your new Section.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Then type the heading text into the Elementor sidebar; use various settings to style your title and make it attractive.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Now it&#8217;s time to add a second Section, so click on the + icon again. We&#8217;ll add an image and some supporting text, so we&#8217;ll opt for a multi-Column layout this time.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Moving ahead, you need to drag the Text Editor widget in the Elementor sidebar and release it into this new Section. Now add and style your text with the sidebar settings.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">If you&#8217;re satisfied with your text, search the Image widget. Again, use the drag-and-drop feature to embed this widget into your Section.<\/span><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15877 aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-sidebar.png\" alt=\"Elementor sidebar\" width=\"958\" height=\"527\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-sidebar.png 1500w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-sidebar-300x165.png 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-sidebar-1024x563.png 1024w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-sidebar-768x422.png 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-sidebar-150x83.png 150w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Go to the preview thumbnail in the sidebar, upload a new image, or select a previously uploaded graphic using the WordPress Media Library.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">To see your design and page layout preview, click on the eye icon in the Elementor sidebar.\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15879 aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/preview-thumbnail-in-the-sidebar.png\" alt=\"preview thumbnail in the sidebar\" width=\"961\" height=\"646\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/preview-thumbnail-in-the-sidebar.png 1500w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/preview-thumbnail-in-the-sidebar-300x202.png 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/preview-thumbnail-in-the-sidebar-1024x688.png 1024w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/preview-thumbnail-in-the-sidebar-768x516.png 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/preview-thumbnail-in-the-sidebar-150x101.png 150w\" sizes=\"auto, (max-width: 961px) 100vw, 961px\" \/><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">If you are satisfied with the design and want to go with it, click on the Publish button.\u00a0<\/span><\/p>\n<p style=\"text-align: justify;\"><b>Note:<\/b><span style=\"font-weight: 400;\"> If your page is already live, it\u2019ll ask to update it instead.<\/span><\/p>\n<hr \/>\n<h3 style=\"text-align: justify;\"><b>How to design WooCommerce product pages using Elementor?<\/b><\/h3>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">For a WooCommerce store, Elementor Pro is recommended for creating a custom product page. <\/span><span style=\"font-weight: 400;\">To design a personalized WooCommerce product page, choose Templates from the WordPress dashboard.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Click on the Add New button, open the first drop-down menu, and select Single Product.<\/span><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15880 aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/How-to-design-WooCommerce-product-pages-using-Elementor.png\" alt=\"How to design WooCommerce product pages using Elementor\" width=\"959\" height=\"441\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/How-to-design-WooCommerce-product-pages-using-Elementor.png 1500w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/How-to-design-WooCommerce-product-pages-using-Elementor-300x138.png 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/How-to-design-WooCommerce-product-pages-using-Elementor-1024x470.png 1024w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/How-to-design-WooCommerce-product-pages-using-Elementor-768x353.png 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/How-to-design-WooCommerce-product-pages-using-Elementor-150x69.png 150w\" sizes=\"auto, (max-width: 959px) 100vw, 959px\" \/><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Give your selected template a descriptive name and click the Create Template button to open the Elementor library with all available Single Product designs.<\/span><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15881 aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-library.png\" alt=\"Elementor library\" width=\"966\" height=\"577\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-library.png 1500w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-library-300x179.png 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-library-1024x612.png 1024w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-library-768x459.png 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Elementor-library-150x90.png 150w\" sizes=\"auto, (max-width: 966px) 100vw, 966px\" \/><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">See the template closely; hover over it. When a magnifying glass icon appears, click on it. If you want to go with this template design, click on Insert.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Elementor Pro offers a variety of WooCommerce widgets you can add to your designs. To check the list, go to the WooCommerce or Product sections in the Elementor sidebar.<\/span><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-15882 aligncenter\" src=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/WooCommerce-widgets.png\" alt=\"WooCommerce widgets\" width=\"962\" height=\"515\" srcset=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/WooCommerce-widgets.png 1500w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/WooCommerce-widgets-300x161.png 300w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/WooCommerce-widgets-1024x548.png 1024w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/WooCommerce-widgets-768x411.png 768w, https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/WooCommerce-widgets-150x80.png 150w\" sizes=\"auto, (max-width: 962px) 100vw, 962px\" \/><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">These sections have widgets with advanced in-built functionality like WooCommerce Breadcrumbs, Checkout, cart etc.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">If you want to embed these elements into your design, just drag them into the Elementor canvas. Now drop the widget into the Section where you want to show this content.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Click on Publish if the page design suits your taste. Choose Add Condition and specify the areas where you wish to apply this design. You might use this template for a particular product category or apply it across your eCommerce store.<\/span><\/p>\n<hr \/>\n<h2 style=\"text-align: justify;\"><b>Final Thoughts<\/b><\/h2>\n<p style=\"text-align: justify;\"><span style=\"font-weight: 400;\">Creating a website is not easy, especially if you are not an expert website designer or developer. Thanks to Elementor- A famous page builder! <\/span><span style=\"font-weight: 400;\">This plugin is designed to help you create a custom website for your business without knowing how to code. Its user-friendly and easy-to-use interface makes it an excellent platform for non-coders. <\/span><span style=\"font-weight: 400;\">Elementor is a great way to get started with your own website. With a little practice, you can build a professional-looking website in no time. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have you always wanted to design an elegant, clean and engaging website but got nervous about messing with codes? Or&hellip; <a class=\"more-link\" href=\"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/\">Continue reading <span class=\"screen-reader-text\">How to Create a WordPress Site Using Elementor<\/span><\/a><\/p>\n","protected":false},"author":6,"featured_media":15904,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2384],"tags":[],"class_list":["post-15901","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","entry"],"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 Create a WordPress Site Using Elementor<\/title>\n<meta name=\"description\" content=\"In this comprehensive guide for beginners, we will show you how to create a WordPress site using Elementor, instantly and effectively.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a WordPress Site Using Elementor\" \/>\n<meta property=\"og:description\" content=\"In this comprehensive guide for beginners, we will show you how to create a WordPress site using Elementor, instantly and effectively.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostingseekers\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hostingseekers\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-08T10:39:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-13T06:35:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Wordpress-site-using-elementor.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"938\" \/>\n\t<meta property=\"og:image:height\" content=\"527\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Abhishek mehta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Hostingseekers1\" \/>\n<meta name=\"twitter:site\" content=\"@Hostingseekers1\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Abhishek mehta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a WordPress Site Using Elementor","description":"In this comprehensive guide for beginners, we will show you how to create a WordPress site using Elementor, instantly and effectively.","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:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a WordPress Site Using Elementor","og_description":"In this comprehensive guide for beginners, we will show you how to create a WordPress site using Elementor, instantly and effectively.","og_url":"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/","og_site_name":"Hostingseekers","article_publisher":"https:\/\/www.facebook.com\/hostingseekers","article_published_time":"2022-11-08T10:39:45+00:00","article_modified_time":"2025-08-13T06:35:52+00:00","og_image":[{"width":938,"height":527,"url":"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Wordpress-site-using-elementor.jpg","type":"image\/jpeg"}],"author":"Abhishek mehta","twitter_card":"summary_large_image","twitter_creator":"@Hostingseekers1","twitter_site":"@Hostingseekers1","twitter_misc":{"Written by":"Abhishek mehta","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/#article","isPartOf":{"@id":"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/"},"author":{"name":"Abhishek mehta","@id":"https:\/\/www.hostingseekers.com\/blog\/#\/schema\/person\/881decbda30fc56898b2607e365785bc"},"headline":"How to Create a WordPress Site Using Elementor","datePublished":"2022-11-08T10:39:45+00:00","dateModified":"2025-08-13T06:35:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/"},"wordCount":2265,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostingseekers.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Wordpress-site-using-elementor.jpg","articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/#respond"]}],"copyrightYear":"2022","copyrightHolder":{"@id":"https:\/\/www.hostingseekers.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/","url":"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/","name":"How to Create a WordPress Site Using Elementor","isPartOf":{"@id":"https:\/\/www.hostingseekers.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/#primaryimage"},"image":{"@id":"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Wordpress-site-using-elementor.jpg","datePublished":"2022-11-08T10:39:45+00:00","dateModified":"2025-08-13T06:35:52+00:00","description":"In this comprehensive guide for beginners, we will show you how to create a WordPress site using Elementor, instantly and effectively.","breadcrumb":{"@id":"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/#primaryimage","url":"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Wordpress-site-using-elementor.jpg","contentUrl":"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2022\/11\/Wordpress-site-using-elementor.jpg","width":938,"height":527,"caption":"Wordpress site using elementor"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostingseekers.com\/blog\/how-to-create-a-wordpress-site-using-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostingseekers.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create a WordPress Site Using Elementor"}]},{"@type":"WebSite","@id":"https:\/\/www.hostingseekers.com\/blog\/#website","url":"https:\/\/www.hostingseekers.com\/blog\/","name":"Hostingseekers","description":"Hostingseekers","publisher":{"@id":"https:\/\/www.hostingseekers.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostingseekers.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hostingseekers.com\/blog\/#organization","name":"HostingSeekers Pvt. Ltd.","url":"https:\/\/www.hostingseekers.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostingseekers.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2025\/04\/Hosting-Seekers-Logo.png","contentUrl":"https:\/\/www.hostingseekers.com\/blog\/wp-content\/uploads\/2025\/04\/Hosting-Seekers-Logo.png","width":451,"height":520,"caption":"HostingSeekers Pvt. Ltd."},"image":{"@id":"https:\/\/www.hostingseekers.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hostingseekers","https:\/\/x.com\/Hostingseekers1","https:\/\/www.linkedin.com\/company\/hostingseekers\/","https:\/\/www.instagram.com\/hostingseekers\/"]},{"@type":"Person","@id":"https:\/\/www.hostingseekers.com\/blog\/#\/schema\/person\/881decbda30fc56898b2607e365785bc","name":"Abhishek mehta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/9b5aa5cd13a8e5d760788570d7799a1062dd2d42165775a27fe5b7440bc27d3f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/9b5aa5cd13a8e5d760788570d7799a1062dd2d42165775a27fe5b7440bc27d3f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9b5aa5cd13a8e5d760788570d7799a1062dd2d42165775a27fe5b7440bc27d3f?s=96&d=mm&r=g","caption":"Abhishek mehta"},"description":"I am Abhishek Mehta, CEO &amp; Founder of Wordpressfaster. I am a passionate, visionary and fun-loving person with 15 + years of experience in Technology and Marketing. Being a technophile, I slowly developed my interest in writing and started my WordPress blog. I write on any topic that spikes the hint of interest in him. Till now, I have covered business, technology and digital marketing areas.","url":"https:\/\/www.hostingseekers.com\/blog\/author\/abhishek\/"}]}},"_links":{"self":[{"href":"https:\/\/www.hostingseekers.com\/blog\/wp-json\/wp\/v2\/posts\/15901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostingseekers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostingseekers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostingseekers.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostingseekers.com\/blog\/wp-json\/wp\/v2\/comments?post=15901"}],"version-history":[{"count":19,"href":"https:\/\/www.hostingseekers.com\/blog\/wp-json\/wp\/v2\/posts\/15901\/revisions"}],"predecessor-version":[{"id":36879,"href":"https:\/\/www.hostingseekers.com\/blog\/wp-json\/wp\/v2\/posts\/15901\/revisions\/36879"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostingseekers.com\/blog\/wp-json\/wp\/v2\/media\/15904"}],"wp:attachment":[{"href":"https:\/\/www.hostingseekers.com\/blog\/wp-json\/wp\/v2\/media?parent=15901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostingseekers.com\/blog\/wp-json\/wp\/v2\/categories?post=15901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostingseekers.com\/blog\/wp-json\/wp\/v2\/tags?post=15901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}