fbpx

Beginner's guide to building a website with Elementor

A simple, step-by-step guide to creating a WordPress website from scratch with zero coding knowledge required.

This beginner’s guide will show you how to create a modern and professional looking WordPress website from scratch without writing a single line of code.

  • Follow 4 simple steps to build a fully-functional website
  • Use the world's # 1 Page-Builder for WordPress
  • Quick and cost-effective way to establish an online presence
  • Ideal for startup entrepreneurs, small business owners, digital marketers and bloggers

What you will need

siteground logo

Domain/Hosting

Domain name is the search address your visitors will use to find your website. Hosting is where you will store the files relating to your website.

Cost: $63.35/YR

WordPress

WordPress is the platform we will be using to build the website. With almost 32% of the world's website using it, you'll be part of an active community.

Cost: FREE

Elementor

A Page-Builder plugin used to add functionality and design to your web pages. It is what will let us design without writing any lines of code.

Cost: FREE

Envato Elements

Provides us with hundreds of template kits for almost every niche. They can be easily imported into our website in minutes by installing the plugin!

Cost: FREE

$63.35 is all you need to get started with Elementor!

4-steps to building your website

1

Register domain & hosting

This step will show you how to register a domain, a hosting provider and an e-mail address.

2

Install WordPress

With one-click install, here you will set up your WordPress account and install a basic theme.

3

Install Elementor

Here you will learn the basics of installing and setting up Elementor on your WordPress website.

4

Upload Demo Content

This final step will show you how to import content into your website using Envato Elements plugin.

Step 1 - Register your domain & hosting

Domain

To get started, you will need to register a domain name and hosting. Your domain name will most likely represent your brand name or the industry you serve. Depending on the name you choose, the most common being “.com”, the cost can differ.

Shared Hosting

A shared hosting plan is a great choice if you are just getting started. With its free WordPress installation, Siteground certainly provides affordable pricing plans with an excellent support team, fast performance and extra security. Their StartUp WordPress hosting plans are ideal if you want to build a small business website. Besides, they are also one of the highly recommended hosting companies by WordPress!

  • FREE 1-click WordPress Installation
  • FREE SSL/HTTPS Certificate
  • 24/7 WP Support
  • FREE E-mail Account
  • FREE Daily Backup

Step 2 - Install WordPress

To get started with WordPress, you will need to install it on your server. At the end of this step, you will have a fresh installation of WordPress on to your hosting account. Why WordPress? Well, simply because it’s the most popular Content Management System for building websites. With over 32% of the web using WordPress, you will also be part of a large WordPress community that can support you.

After you register with Siteground, you will be prompted to install an application. In this case, we would be installing WordPress. Alternatively, you could install WordPress using your cPanel admin area in Siteground. Look for the WordPress icon in the “Auto-Installers” section and follow the prompts. It’s that simple!

Once the installation is complete, you will use your login credentials to gain access to the back-end of your website with the intuitive WordPress dashboard. Here, you will be able to install the themes and plugins that you will need to build your website. As default, you will have the TwentySeventeen theme installed.

Note: WordPress installation may take up to 1 business day.

For the purpose of this tutorial and to simplify things, we will be using the default theme to continue designing our single-page website. You could alternatively use a theme such as Astra to import fully-fledged demo sites directly from the theme.

Step 3 - Install Elementor

To give your website better styling and functionality, we will be using the Elementor Page-Builder. Since we are using the free version of Elementor for this tutorial, you can download the plugins directly from the WordPress dashboard. 

Navigate to Plugins > Add New and search for “Elementor”, click Install and Activate. Alternatively, you can download the plugin from the official Elementor website.

Once installed, you will see the Elementor Setup Guide which will take you through to the basic setup required to work with Elementor.

Step 4 - Upload Demo Content

Now that we have the backbone of the website installed, this final step would be to import content to your website that suit your requirements. Backed by ThemeForest, this plugin provides an extensive collection of templates for every niche. Instead of designing from scratch, this plugin lets you import demo content which you can build upon. Once the plugin is installed;

  • Click Elements on the WordPress dashboard;

  • Choose Elementor at the top as your page builder;

  • Browse through the various templates and select a template you would like to import;

  • Give a name to your page (eg: Homepage);

  • Click “Create New Page”

That’s it! You now have a fully-functional WordPress website built from scratch which you own 100%. Please note that this guide serves as a quick intro on working with WordPress and Elementor. It should act as the foundation to further learning and development for your new website.

You will find is a list of resources below that could benefit you in expanding your knowledge on working with WordPress and Elementor.

Elementor Blog

Elementor's official blog has a ton of resources on how you could get started. Go through their archive of articles and tutorials to learn more about working with Elementor.

Elementor Facebook Group

Join the official Elementor Facebook group to connect with other users. With approximately 28,000+ members, you will be part of a growing community who can support you.

Elementor YouTube Channel

This channel features plenty of tutorials that can help kickstart your web design journey. It's a great place to learn and expand your knowledge on using Elementor Page Builder.

Learn from our blog

why design website with elementor

9 reasons to use Elementor to design your next website

Are you planning to design a new website for your business? Have you given Elementor a shot? If you have not or in the fence, this article breaks down 9 reasons why you should start using it! Best part of all, you need little/no coding knowledge to get started.

Read More
how elementor boosts presence online

6 ways Elementor can help boost your presence online

Elementor continuously provides features that help you boost your web presence online. Whether it’s a local or digital-based business, Elementor’s widgets will help you create a website that looks credible and modern too. Explore the 6 ways how it can help you do it.

Read More

Learn all things

Relating to Elementor

From plug-in reviews, tutorials, template designs and much more!

Be the first to know by joining our list now!

  • We won't spam & that's our promise. We hate it as much as you do. 

We use cookies to give you the best experience. If you continue using our website, we’ll assume that you are happy to receive all cookies on this website.