2 Great ways to create an outstanding landing page for free using WordPress and Elementor

By achatainga | internetaddicts | 4 Aug 2019


: : :

Previously I posted:

1- How can I create a free website without any coding skills?

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

Today, I will show you the power of Elementor with a different approach:

(I assume you have a working WordPress installation or you have followed my previous guides)

Let's get started:

Go to your WordPress admin area usually following your site link and adding "/wp-admin" (without quotes) to the end. Login if you have not already and mouse over Plugins > Add new:

: : :

In the search box type "Elementor" and make sure you have it installed and Active. After that, scroll down until you see "Astra Starter Sites – Elementor, Beaver Builder & Gutenberg Templates". Click on install and then on "Activate":

: : :

: : :

Once you have done that, you will a message at the top asking to install a new WordPress theme. Go ahead and click on "Install & Activate now":

: : :

After that, mouse over "Appearance" > "Astra Starter Sites":

: : :

Next, click on "Free":

: : :

From there, you can choose any of the themes and preview them one by one, or just mouse over each one of them to be able to have a quick preview of what the landing page might look like. (Some themes require premium plugins, and since this guide is meant to be 100% you will have to omit them).

For this guide, I will choose "Product Landing Page" because it is beautiful and 100% free. To install it click on the theme and wait until it loads and click on import:

: : :

The process of importing does not take long and once it is finished you can "Visit your site". This is how the http://cent.cloudaccess.host is looking at the moment:

: : :

The landing page is looking amazing!. Now you can start editing using Elementor. Make sure to click at the top back nav bar "Edit with elementor":

: : :

Elementor plugins is very powerful and user friendly. It allows you to modify every aspect of the website just by clicking, dragging and dropping. This is a lot of fun! Let's start editing a bit!:

: : :

The picture above shows how it is looking so far. Now let us edit the menu. Click on the top black nav bar on "Customize":

The customize button will lead you to WordPress's built in customizer. It will help you edit the menus, logos and other Theme related features. Play around a bit and make sure your final result is of your linking:

: : :

After some editing, this is the final result (I am sure you can do a better job than me): https://cent.cloudaccess.host (this may look different than what is shown in the picture below)

: : :

Thank you for reading, tipping and commenting. If this tutorial/guide served you, say something in the comment section. If you have questions regarding this, or the previous tutorials, feel free to ask

This guide/tutorial is my original content. There is a version of this Guide/Tutorial on my 3 different blogging sites under the same username @achatainga. I have re-posted it from my other blogging platforms to this amazing site. I have included the link on the resources

How do you rate this article?


0

0

achatainga
achatainga

I'm a freelancer programmer, translator and blogger. My aim is to combine both my skills to create a startup which helps both the community and myself. I am Blogging on different platforms such as Steemit.com/WhaleShares.io/Cent.co under the same username


internetaddicts
internetaddicts

Post related to technology, website creation, programming, freelance services, crypto and more

Send a $0.01 microtip in crypto to the author, and earn yourself as you read!

20% to author / 80% to me.
We pay the tips from our rewards pool.