Raddy Website Design & Development Tutorials

How to Create a WordPress Website with Elementor on Hostinger

By Raddy in WordPress ·

In this video, I will show you how to create a WordPress website from scratch using Elementor. For this tutorial, I am going to be using Hostinger as our Web Hosting platform. To accompany the video tutorial I’ve written a short article to further explain some of the things that you might want to consider.

1) About Elementor

In my opinion, Elementor is one of the best real-time Drag & Drop WordPress Website Builder plugins out there. Elementor works with all themes, but if you are starting fresh I would suggest installing a fast and lightweight, minimal theme. I would personally go with something like the Hello theme which was actually created by the Elementor team. There are other great alternatives such as Layers, Astra, GeneratePress and the Page Builder Framework.

2) Who is Elementor For

Elementor is mainly targeting Web Designers, Marketers, Developers, Agencies and SMB’s. Ideally, you would need to have some sort of design, marketing and web knowledge.

You could create a good looking website with Elementor Pro, but if you don’t have design and some web skills you might struggle to create everything manually. I guess it just takes time and effort to learn.

3) How does it work

It’s like any other WordPress plugin. You install it on any WordPress website and it’s ready to use. You can start customizing your layout and pages straight away.

4) Cost

There is a free Elementor version that you can download and use, but soon or later you would probably want to upgrade to Elementor PRO to get the full benefit of the theme. So you might as well know this in advance and have a few coins ready to spend.

The essential starts at $49/ year which is a fairly sensible and competitive price. Buy Elementor Pro from here. If you are a small agency I would 100% invest in the Expert tier where you get 25 Pro Websites.

elementor cost table

3 for $99 also sounds great! That’s what I have.

5) Features

Here is the full list of the features for the Free Elementor plugin and Elementor Pro.

6) PROS VS CONS

Inside each theme/plugin, there is a seed of both good and evil. It’s a constant struggle as to which one will win. And one cannot exist without the other. Okay, I kind of modified a quote from Eric Burdon here.

Let’s look at some of the PRO’s and CON’s

PROSCONS
Ease Of UsePerformance
Packed With FunctionalityUpdates – Bugs
Flexible CustomisationLearning Curve
Cost / Value
Integration
Saves Time

The PRO’s definitely outweigh the CON’s but saying this element shouldn’t be used for all projects. I would probably use it for Agencies and small to medium SMB’s. If you are making a website for a big company, they most likely have the budget to go custom, employ good designers, programmers and so on.

7) No coding required

That’s right, you don’t need to be able to code to build, beautiful websites that sell and promote your business. Saying this, it’s beneficial if you know a tiny bit of CSS and how website layouts work. It can get a little bit overwhelming when we start designing and developing fully responsive websites.

8) Can anybody create a good Elementor Website

Yes and no. I am leaning more towards no. If you are not great with content creation in terms of writing, design, marketing and you don’t have a good knowledge of how the web works you might struggle. Marketing, Design, Writing and Web Design are skills that are not easily acquired. It takes a ton of practice, dedication. Saying this, you can always develop the skills with practice and a lot of reading.

The Pro version might help you a little, but it’s easy to create a big mess.


Tips to save you a lot of time and effort

  1. Have a basic knowledge of website layouts and HTML Structure and Design. I am talking about Sections, Rows, Columns, Headings, Paragraphs, Links and so on. Design is quite a complicated topic. It covers Colours, Typography, Structure and so much more. Knowing a little bit about HTML and Design will help you structure your content, make beautiful designs and also have it all make sense when it comes to SEO.
  2. Don’t design straight in Elementor. Have a vision for your design before you start otherwise you are going to waste a lot of time and effort dragging and dropping stuff around trying to fit things in. Ideally, I would advise you to design your website outside in a software like Adobe XD, Figma or even draw it on a piece of paper. Having your content ready suck as text, images, videos and so on will help you massively when you develop your website and it’s going to make the process a lot more simple and enjoyable.

2) Domain & Hosting

Every website needs a domain name and hosting to live in. You can buy domains from pretty much everywhere and you can get some great deals if you know where to look. I’ll help you out with a few of my favourite companies that have great offers pretty much all the time:

Domain Offers
Popular Domains for just 99 Cents at Namecheap!
Get a .COM for just $5.98!
90% off! .xyz domain at only $1!
Looking for a cheap domain name?

Currently I have two favourite Hosting Companies starting with AWS LightSail and Hostinger. AWS is a lot harder to set up and everything needs to be configured manually. I am talking about Domain name, Emails, SSL and so on. Hostinger is a lot cheaper and friendlier to use. Normally you can get a £1.99/mo (UK) / $2.59/mo (US) deal with a FREE domain name which is hard to beat! I use both of them.

Hosting Offers
AWS LightSailDifficult to Setup
Premium Web Hosting + FREE DomainEasy to Setup & Maintain

That’s all.

The video above explains pretty much everything else that you need to know to get started.

Thank you for reading this article. Please consider subscribing to my YouTube Channel. It’s FREE!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.