How To Build A Website Without Code [2020] The Best Solution

If you want to learn how to create a website as easy as possible, you’ve come to the right place. Hiring a developer to code your website from scratch can be very expensive and time consuming. Not only if you’re an entrepreneur, but even a big business. We’ll tell you from the very beginning that WordPress is the answer to how to build a website without code.

Many businesses today use the WordPress platform to build a website. WordPress is powering over 30 percent of the internet according to this article and many other sources. So there isn’t any excuse for you to not use it. You can build a fully functional website in WordPress within a day or two, in comparison with a custom made website built from scratch by a developer that’ll take weeks to months.

How To Create A WordPress Website Step By Step

Let’s cover the steps you have to take in order to create a website in WordPress:

  1. get hosting & domain name
  2. install WordPress in your hosting’s server
  3. install necessary plugins and get a theme
  4. create pages
  5. design the website
  6. start creating content/sell products!

Now let’s break down each step into practical manner:

How To Get Hosting To Your WordPress Website

If you don’t know what hosting is, it’s basically a storage in a server in a data center of a hosting company, which contains all of your website’s files, pages, configuration, etc. In order to have your website available online, you have to pay a hosting company to give you access to their server where your website will reside. You can read our article that describes in detail the importance of choosing a good web host.

If you want the short answer on which hosting provider you should choose, our recommendation would be SiteGround. With our discount SiteGround allows us to offer to our readers, you’ll pay as low as 3.95 dollars a month to get hosting.

In regards to a domain name, you can choose a different company if you prefer another one and then connect it to the hosting’s servers if you know how to do it. Or you can simply buy the domain you want straight from SiteGround at 15.95 dollars a year.

How To Build A Website Without Code
Benefits of using SiteGround

How To Install WordPress In SiteGround

After filling the registration form you’ll have to click the button ‘proceed customer area’ and then click on the ‘set up site’ button. Select start a new site and choose WordPress for a regular website or WordPress + Woo if you also want to have an online store. After that you’ll have to provide email and password to login to WordPress and then SiteGround will install WordPress on your server space. In order to get to the WordPress dashboard, type: Fill the email address and password you’ve just created and you’re in!

A mini step you’ll want to make as soon as possible is to encrypt your website via SSL (it’s free if you’ve signed up to SiteGround). You can check their page here or contact their support if you’re having trouble doing it.

How To Install Plugins In WordPress

On the left menu bar, hover over the plugins button, and then click on ‘add new’. Now you’re in the plugins repository where you can install all the plugins you need. You can sort them by featured, popular, recommended and favorites. You can also type in the search box for a plugin you’re looking for, or a functionality you need. For example, if you need a security plugin but don’t know any, just type ‘security’ and WordPress will give you all of the security plugins you need.

How To Install Plugins In WordPress
WordPress plugins

Our recommended plugins:

  • Wordfence – for extra security
  • Rank Math – SEO
  • SG optimizer – for website’s speed (should come pre-installed)
  • Pretty Links – creating custom links
  • Elementor Pro – for designing your website’s pages, header, footer, popups, contact form, and store.
  • UpdraftPlus – local backups

Another very important thing to do is to pick a theme, but we’ll get later when we’ll talk about the website design step.

How To Create Pages On WordPress

Creating pages is super easy. Hover over the pages button in the left menu bar, and click add new. All you have to do is only type the page’s title (home, blog, contact us, store, etc.) and click on publish. The reason we’re leaving the pages blank is because we want to design them with a page builder later.

Here are two important tweaks you want to make after creating the pages. Go to settings and then to reading and choose the home as the homepage and blog as the posts page and click save changes. Then go to permalinks, choose the ‘post name’ option and click save. WARNING – do not change this setting later because it can break your links and cause SEO problems.

Now go to Appearance – menus. Tick all the pages you’ve created and click on add to menu. You can change their order by dragging and dropping them. Adding the pages to the menu makes sure you’ll see them in the website’s menu in the header.

How To Design A Website In WordPress

We are getting to the best part! Designing your website just the way you like. There are two components you have to have in order to design your website. A theme and a page builder.

What Is A Theme

A WordPress theme is the basic structure of your website. You can control many settings there such as header, footer, typography, menus, logo and much more. Even though you’ll do most of the initial page design in the page builder, there are many settings and tweaks you want to perform in your theme first.

What Is A Page Builder

A page builder is a tool that’s designed to help you customize and design your website’s pages. You can’t configure the blog, store, header and footer with the page builder. You’ll have to use the theme itself to do this and use the page builder to design the home page, about us page and other custom pages you’ll create. But there is a catch! The most advanced page builders today are also theme builders. Which means you can pay for a premium version and use the page builder to design everything without touching the theme.

Should I Choose A Premium Theme Or A Premium Page Builder

The most advanced and feature rich page builder we recommend is Elementor. The most Advanced theme we recommend is Astra. Now you’ll have to choose. The point is that both of them have a free version, but if you’re a business and not just a blogger and you want to make money out of your website, it should be as professional as possible. For that you’ll need to either pay for a premium theme or a premium page builder.

If you go for the premium theme route, you’ll want to get Astra Pro. Astra Pro allows you to have: sticky header, custom page headers, mega menu, blog layouts, woocommerce settings and more. The main difference between working on the theme and on the page builder is that the theme is not drag and drop. You simply click and change the options you want from the left menu bar in the theme customizer.

Bare in mind that you can’t design individual pages with the theme besides the store and the blog, so you’ll use the free version of elementor to design the rest of the individual pages. Astra Pro comes with professional starter sites which is basically importing you a beautiful fully designed website with one click, which you can then tweak and change with the Elementor Page builder.

Astra Pro and Elementor Pro offer almost the same set of features, the difference is the execution. If you’re more comfortable with the theme customizer and want to work more with the theme then go for Astra. But if you prefer the page builder drag and drop way, go with Elementor Pro. If you don’t like the theme customizer and want to do everything without even touching it ever again. buy Elementor pro and install the Hello theme instead.

Each website have to have a theme in order to function properly, The Hello theme is literally a blank page. It’s bare and bones, the most minimal theme possible, created by the Elementor team. It’s propose is the ability to have the most lightweight theme possible so you can do everything just in Elementor. We almost forgot to mention a great feature that elementor pro have, that’s the popup builder, so you won’t have to pay for an additional premium popup plugin.

So to conclude this part – buy astra pro and use the free version of elementor if you love the astra theme and want all the added functionality from the pro version. Or buy elementor pro and use the free hello theme to design everything with the page builder. If you still aren’t sure, check both of them carefully and choose the one you prefer.

If you want a fully capable theme and a fully capable page builder and want a middle ground between the two, you can go with Divi. In Divi you’re getting a premium theme and a premium page builder all in one. So you can choose to work with the theme and page builder together, or only use the Divi page builder without touching the theme. The downside is that the Divi theme is meant to be fully featured and not bare-bones like the hello theme. Another thing to consider is that Divi don’t have a free version at all, but is has a lifetime very lucrative plan which Elementor doesn’t have.

Divi also comes with a social share plugin (built within elementor but with less functionality) and a popup builder plugin (built within elementor) for free when you buy one of their plans. If it’s easier for you to manage those features in a different plugin, then Divi can be a good choice.

Let us list in a more organized pro’s and con’s list for choosing each one:

Elementor Pro Pro’s

  • very lightweight and efficient because you work with the bare-bones hello theme so your website will be faster and less bloated.
  • has built in popup builder
  • block layouts
  • page layouts
  • design the header, footer, blog page and store page without needing to touch the theme customizer

Elementor Pro Con’s

  • don’t have full website layouts like divi and astra. Only page and block layouts
  • don’t have a lifetime plan like divi and astra
  • don’t have unlimited websites license. The highest one is for 1000 sites. If you’re a website designer that could be a big issue.
  • not a good visual builder like divi
Elementor Pro Pricing
Elementor Pro’s Pricing

Astra Pro Pro’s

  • tons of amazing starter sites
  • powerful theme with powerful features
  • usage of unlimited sites even in the cheapest plan
  • you get ton of added premium plugins if you buy the most expensive version

Astra Pro Con’s

  • You’ll still need another software (the free version elementor) to design individual pages.
  • lifetime plans are a bit expensive
Astra Pro Pricing
Astra Pro’s Pricing

Divi Pro’s

  • The best user experience of all of the page builders, even more than elementor
  • tons of pre made full website layouts (like astra starter sites)
  • both a premium page builder and a premium theme
  • lifetime plan and financially in our opinion the easiest choice
  • unlimited websites license for both lifetime and yearly plans
  • comes with the monarch plugin for social shares, bloom plugin for creating pop ups and the extra theme and the divi theme besides the divi page builder.

Divi con’s

  • don’t have block layouts like elementor, only full website layouts
  • don’t have 3rd party add-ons which you can add to increase functionality like elementor have.
How To Build A Website Without Code [2020] The Best Solution 1
Divi’s Pricing

Don’t get confused, all of the three options are great, you just have to check all of them and see which one is the most suitable for you. You have 30 days money back grantee, so you have nothing to loose, and you can even check them simultaneously. The answer to how to build a website without code and also design it without code is using a great theme and a great page builder.

Create Content And Sell Products

The making money part. The best part. It’s time to build content for your customers. If you’re going to build an online store you can check our Woocommerce guide here. If you’re creating content like us then start writing! You can get money from ads, affiliate marketing, selling a course, recommending different product and services and more. If you’re an offline business so congratulations! Your business is online too, then start promoting it.

How To Build A Website Without Code – Conclusion

We’ve learned how to build a website without code. We saw how to get hosting and domain, install wordpress, create pages, menu and tweaking your site, install plugins, design the website and get things started. We hope you got everything you need to get started. If you think we’ve missed something please write in the comments and we’ll add more content if needed. Good luck and thank you for reading!

Leave a Reply