How to Make a WordPress Website with Elementor
Last modified: June 18, 2026
WordPress powers more websites than any other platform, and it’s not hard to see why. It’s flexible enough to handle everything from a personal blog to a business site to a full online store, and you don’t need to write a single line of code to get started. Paired with Elementor, a drag-and-drop page builder, you can design professional pages visually, tweak layouts in real time, and launch a polished site on your own schedule.
This guide is written for beginners with no prior web design or coding experience. It walks through the complete process from the ground up: picking a host, registering a domain, installing WordPress, configuring the basics, adding Elementor, choosing a theme, and building and publishing your pages. By the end, you’ll have a working site ready to grow.
If you’re starting fresh with no technical background, follow the steps in order. Each one builds on the previous, so skipping ahead can create gaps that are annoying to untangle later. Take it one step at a time and you’ll have something live faster than you expect.
* This button will show the rest of the post and open up an offer from a vendor
Step 1 – Host a Domain
To build a WordPress website, you first need a web host and a domain name. A web host stores your site files and serves them to visitors; a domain name is your site’s address (like yoursite.com).
Hosting options broadly fall into two categories. Shared hosting puts your site on a server alongside many others, which keeps costs low (often under $10/month) and works perfectly well for new sites with modest traffic. Managed WordPress hosting, like Cloudways, runs on dedicated infrastructure optimized for WordPress performance. It costs more but delivers noticeably faster load times and better reliability once your site starts getting real traffic.
For most people starting out, shared hosting is a sensible first step. You can always migrate to managed hosting later as your site grows.
When choosing a host, look for:
- An SSL certificate included (for HTTPS security)
- Enough storage for your site files and images
- Good uptime and page load performance
- Regular backups either included or available as an add-on
- One-click WordPress installation support
Many hosts include a free domain for the first year. Register and connect your domain during the signup process. Your host’s documentation will walk you through the steps specific to their platform.
Step 2 – Install WordPress
Once hosting is set up, install WordPress. Most hosts offer a one-click WordPress installer found in cPanel, Plesk, or a custom dashboard. Look for a “WordPress” option under Applications, Softaculous, or CMS Installer.
If the one-click installer doesn’t appear in your dashboard, check whether Softaculous is available under cPanel’s Software section. If you can’t find it there either, contact your host’s support team. Most hosts can point you to the right location in a few minutes, and some will install WordPress for you directly.
Click install, choose your domain, and enter a few basic details:
- Site title
- Admin username (avoid “admin” as the username; it’s the first thing attackers try)
- Admin email address
- A strong password (at least 16 characters, mixing uppercase, lowercase, numbers, and symbols; a password manager can generate and store this for you)
The installer takes about a minute. Once complete, you’ll get your WordPress admin login link, usually yoursite.com/wp-admin. Bookmark it now so you can find it easily later.
Step 3 – Complete the Installation
Log into your WordPress admin at yoursite.com/wp-admin. Before building anything, take a few minutes to configure the basics so the site behaves correctly from the start.
Go to Settings > General to confirm your site title and admin email are correct. Set your timezone to match your location so post publish dates and scheduled content work properly.
Then go to Settings > Permalinks and select Post name (/blog/my-post-title/). For a full explanation of why this structure is best and what to do if you need to change it on an existing site, see our guide on how to change the permalink in WordPress. This creates cleaner, more readable URLs that are better for both visitors and search engines. Click Save Changes.
Go to Settings > Reading and check “Your homepage displays.” By default, WordPress shows your latest posts on the front page. If you plan to build a custom homepage with Elementor (which most people do), set this to “A static page” and select your homepage once you’ve created it. This is a step that’s easy to miss and worth setting up correctly early.
Next, install a basic security plugin. Wordfence Security (free version) is a reliable starting point. It adds a firewall, login protection, and malware scanning without requiring much configuration. Install it from Plugins > Add New.
Finally, remove the default placeholder content: delete the “Hello World” sample post and the “Sample Page” under Posts and Pages respectively. These make your site look unfinished.
Step 4 – Install Elementor
Now install Elementor. Go to Plugins > Add New in your WordPress admin and search for “Elementor.” Click Install Now next to Elementor Website Builder (the free version), then Activate.
Elementor’s free version covers the majority of use cases for most websites. There is also a premium Pro version that adds the Theme Builder, Popup Builder, WooCommerce design tools, and additional widgets. If you’re new to Elementor, start with the free version and evaluate Pro once you have a clearer sense of what extra features you need. Once you decide to upgrade, our guide on how to activate Elementor Pro walks through the exact steps.
After activation, Elementor will prompt you to create an account. For the free version, this is optional unless you want access to the template library. The template library is worth having; it gives you pre-designed page layouts you can import and customize rather than starting from a blank canvas. Create a free account if you plan to use it.
One setting worth knowing early: when creating a new page in Elementor, you can choose a Page Template from the right-hand sidebar in the WordPress block editor before opening Elementor. Setting it to “Elementor Canvas” removes the header and footer entirely, giving you a completely blank full-width canvas. This is useful for landing pages where you want total control over the layout without any theme elements interfering.
Step 5 – Choose a Theme
Your theme controls the overall structure and baseline styling of your site: the header, footer, font defaults, and color palette. Elementor works best with lightweight themes built specifically for page builder compatibility.
Good free options include Hello Elementor (made by Elementor itself), Astra, and OceanWP. Hello Elementor is ultra-lightweight with almost no default styling, which makes it an ideal pairing for Elementor Pro’s Theme Builder. If you’re using Pro, Hello Elementor lets you design completely custom headers and footers in Elementor itself, replacing the theme’s default ones entirely. If you’re sticking with the free version of Elementor, Astra is often the better choice. It comes with more built-in styling options and a library of starter templates, so you get a more finished look without needing the Theme Builder.
To install a theme, go to Appearance > Themes > Add New and search for your chosen theme. Click Install, then Activate.
When picking any theme, check:
- When it was last updated (avoid themes that haven’t been updated in over a year)
- Whether it lists Elementor compatibility
- Reviews and active installations (higher numbers indicate more community testing)
Once your theme is active, you’ll want to change your logo in WordPress via the Customizer to replace the default theme placeholder with your own branding.
Step 6 – Create a Page
Now create your first page. Go to Pages > Add New, give it a title (for example, “Home”), and click “Edit with Elementor” to open the visual editor.
Elementor’s interface shows your page on the right and a widget panel on the left. If you want a head start, click the folder icon at the top of the canvas to open the Template Library. Browse complete page layouts, import one, then customize it with your own text, images, and brand colors.
Good pages to create first:
- Home page — your main landing page that introduces your brand
- About page — who you are and what you offer
- Contact page — a form and your contact details
- Services or Products page — what you sell or provide
Once you’ve created your homepage, go to Settings > Reading in your WordPress admin. Under “Your homepage displays,” select “A static page,” then choose your new homepage from the dropdown. This is a common step people miss. Without it, WordPress will display your latest blog posts on the front page instead of the custom Elementor homepage you just built.
Start with your home page and build outward from there.
Step 7 – Edit Page
With a page open in Elementor, click any element to select it and edit it in the left panel. Drag new widgets from the panel onto your page to add content blocks.
Key things to customize:
- Text: Click any text block to edit content directly. Use the Style tab to change fonts, sizes, and colors.
- Images: Click an image widget to swap it out or adjust its size and alignment.
- Buttons: Update the label, destination link, color, and size of any button.
- Sections: Right-click any section to duplicate it, move it, or adjust its background color or image.
To add a background image to any section, click the section to select it, then open the Style tab in the left panel. Under Background Type, choose Classic, then click the image field to upload or select your image. This is one of the most effective ways to create a visually distinct hero area or call-to-action section. See our full guide on how to add a background image in Elementor for all the options.
For pages with a lot of sections and nested elements, the Navigator panel is a major time-saver. Open it with Ctrl+I (or Cmd+I on Mac) to see a hierarchical tree of every element on the page. You can select, reorder, and rename items directly from there rather than clicking through the canvas. To save your work at any point without publishing, press Ctrl+S (Cmd+S on Mac).
Use the responsive preview controls at the bottom of the editor (desktop, tablet, mobile icons) to check how your page looks on smaller screens and adjust as needed. When you’re done, click Publish to make the page live.
Step 8 – Publish More Content
Once your core pages are live, keep building. Blog posts are one of the most effective ways to attract visitors through search engines. Each post is an opportunity to rank for a keyword and bring new readers to your site.
Go to Posts > Add New to write your first blog post. You can use WordPress’s default block editor or open posts in Elementor for full design control.
Before you publish much content, install an SEO plugin. Yoast SEO and Rank Math are both strong options with free versions that cover everything a new site needs: meta title and description editing, XML sitemaps, schema markup, and readability analysis. Setting this up early means every post you publish from day one gets proper SEO metadata.
Also set up Google Search Console and Google Analytics early. Search Console shows you which searches bring people to your site and flags any indexing issues. Analytics shows how visitors behave once they arrive. Both are free, and connecting them early gives you data from the start rather than a blank history later.
Beyond blog posts, consider building:
- A portfolio or gallery if you’re a creative or agency
- A WooCommerce shop if you sell physical or digital products
- A resources or FAQ page that answers common questions in your niche
Aim to publish consistently. Even a few posts a month adds up. The more useful, specific content your site has, the more Google has to index and the more traffic you can build over time.
Final Word: How to Make a WordPress Website with Elementor
Building a WordPress website with Elementor is a straightforward process once you know the steps. The setup (hosting, domain, WordPress, and Elementor) takes an hour or two. Designing your pages can take as long as you want, depending on how detailed you want to get.
Once your core pages are live, focus on adding content consistently. Blog posts, service pages, and portfolio work all give search engines more to index and give visitors more reasons to stay. From there, you can refine your design further, customizing section backgrounds, typography, and spacing until the site feels genuinely yours.
You’ll also want to edit your footer in Elementor to replace the default theme footer with your own branding and contact details.
Before you start building pages, make sure you have the right theme in place. See our guide on how to add an Elementor theme to WordPress for the top compatible options and how to install them.
One final thing worth building into your routine: keep WordPress, your theme, and your plugins updated. Updates patch security vulnerabilities and fix compatibility issues. A site that falls behind on updates is significantly more vulnerable to attacks. Check for updates once a week, or enable auto-updates for minor WordPress releases if your host supports it. A well-maintained site stays fast, secure, and far less likely to cause you headaches down the road. Start publishing, stay consistent, and the results will follow.



Website Maintenance – Use Promocode: scanwp
Advanced JetPlugins for Elementor
Semrush 14 days trial
Kinsta – Managed WordPress Hosting
Bluehost Hosting