Whaleshares Logo

How to create a beautiful drag and drop landing page using WordPress and Elementor without any coding skills needed.

achataingaPosted for Everyone to comment on, 5 years ago2 min read

Previously: "How can I create a free website without any coding skills?"

Let's get started:

This GIF animation will guide you in a fast pace mode:

1 - Let's login to our site:

2 - Create a new administrator:

3 - Fill in the blanks and logout from this session and login with your newly created user:

4 - Adjust the permalink structure:

5 - Choose Post name and save. Click on Plugins > Add new:

6 - Type in the search box "Elementor":

7 - Click on Install now and wait until you see a blue button which says "Activate"



8 - Watch the video tutorial:

9 - Mouse hover over Pages > Add new:

10 - Close message there and add a Title. Name it Landing Page 1. Click on Page attributes and select "Elementor Canvas" and click on publish:

11 - Go to Settings > Reading. Select Static Page as your front page. Select "Landing Page 1" and Save:

12 - Head over to Pages > All pages now:

13 - Click on Edit below Landing Page 1:

14 - Click on Edit with Elementor:

15 - In here you can play around and familiarize with all the settings it has.

This Canvas is 100% blank. The website will look as good as your can make it.

16 - Click on the edit section button. Click on Style to add a background image:

17 - I will add a button which will take users to my Cent profile @achatainga


Now my landing looks pretty cool, it is live and it is free:
http://cent.cloudaccess.host (this is how it is looking so far)

Sign Up to join this conversation, or to start a topic of your own.
Your opinion is celebrated and welcomed, not banned or censored!