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.
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.
What you will need
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.
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.
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.
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!
$63.35 is all you need to get started with Elementor!
4-steps to building your website
Register domain & hosting
This step will show you how to register a domain, a hosting provider and an e-mail address.
With one-click install, here you will set up your WordPress account and install a basic theme.
Here you will learn the basics of installing and setting up Elementor on your WordPress website.
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
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.
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!
Step 2 - Install WordPress
To get started with WordPress, you will need to install it on your hosting server (the one you registered in Step 1). At the end of this step, you will have a fresh installation of WordPress on to your hosting account.
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 WordPress dashboard.
Here, you will be able to install the themes and plugins that you will need to build your website.
Note: 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'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
Elementor’s template library provides you with over 100+ premade designer templates for page and section layouts. This eliminates the need for designing your website from scratch and get you off the ground sooner than you think. Learn how to start using these templates as this article guides you through the steps.
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.