WordPress Logo

How To Make A Website With WordPress

We will show you how to make a website with WordPress in this guide.

If you have any questions, feel to contact us.

How To Make A Website With WordPress

This guide will walk you through the steps necessary to make a website with WordPress.

Table of Contents

Get A Domain Name

To have a website, you need a domain name first. To get a domain name, go to a domain name registrar to register a domain name for your website.

Some examples of domain name registrars are Godaddy.com and NameCheap.com.

GoDaddy.com Website Preview

Some examples of domain names are google.com, x.com and freewebdesignservice.com.

The cost to register a domain name for one year is about $13. 

Get Web Hosting

Once you have a domain name, you will need to host your website on a server. This is called web hosting. The company that provides a web hosting service is called a web host, or a web hosting provider.

Some examples of web hosting providers are scalahosting.com and namecheap.com.

ScalaHosting.com Website Preview

The cost for web hosting can range quite a bit. Also, some web hosting providers require you to pay yearly.

If you go with a web host that offers month-to-month web hosting, the cost is usually around $4 to $5 per month. If you choose to pay for the whole year, the cost will usually be around $40 to $50 for the whole year. This will vary depending on the each individual web host.

Get The DNS Servers Information (Domain Name Servers)

I’m skipping ahead a little bit here to save you some time. You will want to get the DNS servers information from your web host if you are going to point your domain name to your web host. If you get your web hosting through NameCheap and use either their Stellar or Stellar Plus plan, the DNS servers information is most likely going to be:

dns1.namecheaphosting.com
dns2.namecheaphosting.com

Point Your Domain Name To Your Web Host

Once you get your web hosting from a web host, you will want to have your domain name point to your web host.

I will guide you on how to install WordPress within NameCheap using their “One-Click Install”. The installation process should be very similar no matter what web host you use as long as they have “One-Click Install” for WordPress.

I will walk you through how to point your domain name to your web host in GoDaddy.com. The process should be similar if you register your domain name with any other domain name registrar.

First you have to register a domain name. In this example, we registered the domain name with GoDaddy. Once you have registered your domain name, log in and you will be at GoDaddy.com’s Hub Home page. From here, there are two “Domains” links on the page. One link is in the left hand menu, the other link is in the right hand menu. Click on either link.

GoDaddy.com Hub Home Page

You will be taken to GoDaddy.com’s “Domain Portfolio” web page. From this web page, click on the domain name that you want pointed to your web host.

GoDaddy.com Domain Name Portfolio Page

Once you have clicked on the domain name that you want to point to your web host, you will be taken to this web page, which I call GoDaddy’s domain name overview page. Click on the “DNS” tab when you are on this page.

GoDaddy.com Domain Name Overview Page

Once you have clicked on the “DNS” tab of GoDaddy’s domain name overview page, you will be taken to that domain name’s DNS web page. From here, click on the “Nameservers” tab.

GoDaddy.com Domain Name DNS Page

You should now be on domain name NameServers page. Now click on the “Change Nameservers” button.

GoDaddy.com Domain Name NameServers Page

When you click on the “Change Nameservers”  button, you will get a popup with the text “Edit namerservers” at the top of it. 

When this popup first pops up, there will be two radio button options. The top one, which will be “GoDaddy Nameservers (recommended)”, will already be selected. Click on the bottom radio button  with the text “I’ll use my own nameservers”.

GoDaddy.com's Domain Name NameServers Popup

When you click on the radio button with the text “I’ll use my own nameservers”, two input fields will be appear below. You will need to put in your web host’s nameservers in the input fields and click on the “Save” button to save the changes.

Remember, if you get your web hosting with NameCheap and use either their Stellar plan or their Stellar Plus plan, the nameservers will be probably be:

dns1.namecheaphosting.com
dns2.namecheaphosting.com
Changing NameServers In GoDaddy.com

Once you click on the “Save” button, you will be asked to click on the “Continue” button to confirm the changes to the domain name’s nameservers.

Confirm Nameserver Changes In GoDaddy.com

Now when you go to the “Nameservers” tab, you should see the text “Using custom nameservers” with the two DNS nameservers below. If you see this, your domain name is now pointed at your web host.

GoDaddy.com NameServers

Add Your Domain Name To Your Web Host

Next, you will need to add your domain name to your web host. Within cPanel, scroll down to the “Domains” sections, and click on the “Domains” link.

cPanel Domains

Click on the “Create A New Domain” button on this page.

Create A New Domain In cPanel

Install WordPress

We will now show you how to set up WordPress on a website that is hosted by NameCheap using the Softaculous Apps Installer if you signed up for either NameCheap’s Stellar or Stellar Plus hosting plan.

The process should be similar if you host your website with another web host other than NameCheap.

To begin, you will need to log in to NameCheap. You will be in NameCheap’s dashboard. Once you are logged in, go to the navigation menu that is on the left side of the screen and click on “Hosting List”.

NameCheap Web Hosting Dashboard

On the next page in the dashboard, click on the “GO TO CPANEL” button that is on the right side of the screen.

NameCheap.com Dashboard Page To Go To cPanel

You should now be in your web host’s cPanel. From here, click on the “Softaculous Apps Installer” link.

cPanel Dashboard

When you click on the “Softaculous Apps Installer” link, it will take you to the Softaculous Apps Installer dashboard.

Once you are here, click on the “Install” button that is under WordPress.

Softaculous Apps Installer Dashboard in cPanel

When you click on the “Install” button, you will be taken to the Softaculous WordPress installation page.

Softaculous WordPress Installation Page

What Is Elementor?

Elementor is one of the best, if not the best, website builders for WordPress.

It is a drag-and-drop WordPress plugin that allows you create and customize web pages visually. This means that you do not have to write a single line of code to create web pages, or to customize them.

Examples Of Websites Built With Elementor

Below are a few examples of websites that we have built with Elementor.

Website: Dallas Soft Play Rentals

Dallas Soft Play Rentals is a website about bounce house and party rentals.

Can You Also Help Me With Installation
Can You Also Help Me With Installation

Website: Fat Boys Mobile Car Wash

Fat Boys Mobile Car Wash is a website for a mobile car wash and detailing service.

Fat Boys Mobile Car Wash Website Template Preview
Can You Also Help Me With Installation
Can You Also Help Me With Installation

How Much Does Elementor Cost?

Elementor comes as both a free WordPress plugin, and as a paid WordPress plugin.

You can get the free Elementor WordPress plugin from your WordPress admin panel.

How To Get The Free Version Of Elementor

To download the free Elementor plugin, go to your website’s WordPress admin panel and to go to the plugins section and search for and install the free Elementor plugin.

Wordpress Admin Panel

It should be the first option when you search for “Elementor”, and will be “By Elementor”. Install the plugin and activate it.

Wordpress Plugins Page

How To Get The Paid Version Of Elementor

To get the paid version of Elementor, you will have to go to their website and pay for a subscription.

Once you have paid for a subscription to Elementor, you will need to be logged into to your Elementor account. Once you are logged in, click on the download icon that is located in the upper right hand corner of the page and download “Elementor Pro” to your website.

Elementor Log In Page

Once you have downloaded the paid version of Elementor from the Elementor website, go to your plugins page in your website’s WordPress panel and click on the plugins tab, and then click on the “Add Plugin” button.

Wordpress Elementor Add Plugins Page

On the following page, click on the “Upload Plugin” button.

Wordpress Elementor Upload Plugin Page

When you click on the “Upload Plugin” button, you can click on the “Choose File” button to look for the Elementor ZIP file that you downloaded or look for it using your computer’s File Explorer to look for it and upload it to WordPress.

Wordpress Elementor Upload Plugin Or Choose File Page

Once you have activated the Elementor plugin, both the free Elementor plugin and the paid Elementor plugin should appear in your WordPress admin panel’s Plugin page, like shown below.

Wordpress Elementor Add Plugins Page

You are then able to use Elementor’ free plugin and their paid plugin to build your web pages and blog posts.

Some Of Elementor's Features

Elementor is one of the best, if not the best, website builders for WordPress. I will go over some of it’s features below.

It Is A Drag-And-Drop Editor

Elementor is a drag-and-drop WordPress plugin that allows you create and customize web pages visually and with live previews. This means that you do not have to write a single line of code to create web pages, or to customize them and that you are able to see any changes that you make, as you make them.

Elementor's Free Plugin

Elementor offers a free WordPress plugin. This free plugin will let you play with Elementor which will let you get a good feel for it, while the free plugin actually let’s you build a simple, but functional website.

Elementor’s free WordPress version comes with over 40 widgets including headings, images, text editors, videos, buttons, galleries, carousels, icons, Google Maps, and more.

Elementor's Paid Version

Elementor’s paid version includes over 100+ Pro Widgets, including for contact forms, posts, portfolios, slider, login forms, pricing tables and eCommerce elements.
Elementor let’s you easily and quickly create pages and sections of pages such as custom header, footers, hero sections and more.
With Elementor, you can custom section of your pages, as well as create templates of them so that you save time by reusing sections, such as headers and footers, that you already created.

WooCommerce Builder

Elementor let’s you use WooCommerce to build fully customizable product pages, shop archives, shopping carts, checkout pages and more eCommerce features.

Templates

Elementor templates are pre-designed layouts that help you build professional looking pages and sections that you can customize using Elementor’s built-in drag-and-drop editor in seconds. This not only saves you a ton of time and effort, but many of them are professionally designed so you they help you start designing from a design that is already professionally designed.

Summary Of Features

Elementor has a ton of great features that make designing beautiful and fully functional websites and web pages easily and quickly.

Let Us Help You

If you want help designing and building your website using Elementor, reach out to us, or better, let us design and build your website for you and save yourself all of the time, energy and money that goes into building your website.

Get Elementor!

Start designing professional looking, beautiful and functional websites easily and quickly with Elementor.

clipart-2.png

Learn More About Our Features

Nam sit amet dolor eros. Sed dui erat, pharetra et gravida tincidunt, volutpat aliquam nunc. Morbi et sem pretium, pharetra metus ac, hendrerit turpis.
Custom UI toolkit
Open-source plugins
Embeddable checkout
Subsidiary support
Mobile customer interfaces
3D Secure

Get Our App!

Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper
clipart-3.png

Advantages

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam cursus ipsum.
icon-1.png
Simplicity
icon-2.png
Integration
icon-3.png
Performance
icon-4.png
Security
icon-5.png
Evolution

Control The Workflow from Any Place

Mauris sit amet est enim. Aliquam vitae eros ultrices, malesuada metus at, pretium mi. Duis aliquet imperdiet pulvinar.
clipart-4.png
blockquote.png

Flexible API for Faster Workflow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam cursus ipsum eros, at vehicula felis pellentesque eu. Etiam tempus, ipsum ac facilisis auctor, mi nisi luctus lorem, sed viverra est eros ac eros.