Complete Website

Building a Responsive WordPress Website from Scratch using Elementor

In this tutorial, I will show you how to make a Responsive WordPress website using Elementor for FREE. This is a complete step-by-step tutorial. In this tutorial I will make this full website from scratch using Elementor, also I will provide the ready template file download link, so if you don’t have time to watch the full step-by-step process you can use it. Now let’s have a look into some basic steps

Step 1 : Purchase Domain & Hosting. If you already have domain and hosting, you can skip this part.

Step 2 : Install wordpress.

Step 3: Install Theme (OceanWP).

Step 4: Install all necessary Plugins (Elementor, Elementor Header & Footer Builder, ElementsKit Lite, MetForm, Premium Addons for Elementor)

Part 1 (From Template)

Step 5: Download and Import  Templates.

Step 6: Create Footer and global settings(color, font etc).

Step 7: Create Home Page and import template.

Step 8: Create Contact form.

Step 9: Create one page website and create menu.

Part 2 (From scratch)

Step 5: Add Global color, fonts, and CSS.

Step 6: Create Home page and  Footer from scratch.

Step 7: Create others pages and update menu.

Step 8: Make header sticky.

Essential Links

Get Domain & Webhosting(60% off)

CSS Code

Download Ready Templates(JSON File)

Download Images

CSS Code


Download all files

Need this built rather than explained?

Send me the project details and I will suggest the right approach.

Start a Project