Share: How to Create a WordPress Website – Beaver Builder
[Sassy_Social_Share title align="center"]
How to Create a WordPress Website using Beaver Builder Tutorial. This is the start to finish guide to creating a WordPress Business website and we have also added special links in the instructions below that allow you to skip ahead if needed, see below.
WordPress has exploded with popularity and its easy to see why. You can tailor it to yours needs, set it up quickly and the community is huge, so you can easily find a solution to your unique website challenges.
WordPress is a fantastic platform for creating a website for your business, personal hobby, blog, events and more.
In this guide we will take you through the process from start to finish from setting up the hosting, buying a domain name, connecting everything together and diving into WordPress.
Create a WordPress Website using Beaver Builder Video Tutorial
We may earn a small commission for affiliate links in this post at no additional cost to you. Thanks for supporting our website and YouTube channel!
- Always choose WordPress.org
- Your site needs to live somewhere we recommend you signup for Siteground hosting Here (https://www.siteground.com/go/wordpress-site-hosting)
- The SiteGround “GrowBig Plan” covers most sites (but any plan will do)
- Get a cheap domain name from, NameCheap.com
- Buy and Download Beaver Builder Pro for a “drag-and-drop” editing experience https://pressavenue.com/beaverbuilder
- Upload the Beaver Builder Theme and Plugin to Your Site
- Add recommended plugins (see below)
- Setup sites header, menu and footer via the WordPress customizer
- Build your Homepage, About Page, Services Page and Contact Page with Beaver Builder Page Builder
- Need additional help? Have Questions? Ask on the Facebook Group Here
- We would love to see what you have created, please share it with the group as well on Facebook
Full Playlist: How to Create A WordPress Website from Start to Finish
1. Getting started: WordPress.org VS WordPress.com?
WordPress Dot COM and WordPress Dot ORG are two different things and it creates confusion quite quickly. They both say WordPress but have different domain names.
WordPress.org is the WordPress that you have heard of, it allows you to create powerful websites, its open source and its 100% free.
WordPress.org requires you to host the software somewhere but gives you full control of your website.
WordPress.com is a hosting service, (aka a software as a service). You pay a fee and you can unlock additional features such as having your own domain name or removing the advertising on your site.
Choosing WordPress.org will benefit you immensely in the long and short fun which will allow you to truly edit your site and make it yours.
We Recommend WordPress.org to Everyone!
2. Buy a Cheap Domain Name – NameCheap.com
Now let’s dive in! First you need a domain name.
Click Here: http://pressavenue.com/namecheap to buy a cheap domain name from NameCheap.com and support the site.
Domain Name Purchase Directions
- Search for your domain name in the search bar
- If it is available, click Add to Cart.
- Go to Promo Codes / NameCheap Discount page here (we love to save money whenever we can)
- Go to cart and add promo code on the righthand side (some discount codes require that you have an account, simply sign up and it will save you a buck or two)
- Enter in billing details and click Order
- It will send you to the Dashboard. We recommend keeping this tab open as you move to the next step.
3. Hosting Your WordPress Website, Setting it up, Caching and SSL
WordPress.org allows you to download the WordPress software, but most people get stuck here! The software has to live somewhere and that somewhere is a server.
We recommend and use SiteGround which is also Officially Recommended by WordPress.org.
Siteground Hosting & Setup
We have used SiteGround for 3+ years for client websites, our own websites and a few side projects. The biggest reason we recommend SiteGround hosting is the customer service. They know and understand WordPress which is helpful as we are talking about creating a WordPress website.
Go to SiteGround’s Signup Page:
You Will Have 3 Choices on the Siteground Signup Page:
Video Link (this special link sends you to the SiteGround setup 18 mins into the main video above: https://youtu.be/9FCXElWTMF4?t=1089
We recommend the Startup Plan or GrowBig majority of the time and keep in mind that upgrading is only a few clicks away when your site starts to grow or if you need to scale upward.
1. Startup Plan – Perfect for people with one website that are starting now or smaller sites
2. GrowBig Plan – Perfect for business sites and is probably the best value overall, including the option for multiple websites and the SuperCacher that greatly improves your WordPress’ website speed
3. GoGeek Plan – Great for more technical users and is perfect for people with e-commerce and larger sites, or more geeky development needs like staging and GIT integration
Point Your Domain to Siteground Hosting
Now that we have a domain name and hosting in place we need to connect these two services together.
- Login to SiteGround Hosting
- Login to NameCheap
- In NameCheap click Domain list and click manage domain or manage from the dashboard
- Scroll down a little and you will see NAMESERVERS listed on the left column
- Change this setting from NameCheap Basic DNS to Custom DNS
- Goto SiteGround now and goto the “My Accounts” tab at the top
- Under the “Information & Settings ” area you will see Account DNS
- Here is a list of your nameservers which start with NS1 and NS2
- Copy both of them and paste them into NameCheap in the Nameservers area
- Click the checkbox to save it
- May take up-to 48 hours to clear (but typically it happens in 15 mins or less)
Add Domain to SiteGround Hosting
Next we will add the domain to SiteGround.
- In SiteGround goto My Account and click CPanel
- Click Add-on Domains to add our domain name
- Fill in the form with your domain name
- The Document Root should be blank and choose a hard password
- Click “Add Domain”
Test Domain Name to See if it has Cleared
Next we will go to our domain name in the browser to see if it works. You will see a page that says “403 – Forbidden Error” which tells you to contact your webmaster which is you!
Don’t Panic! This just means the domain name works but nothing is installed yet. You are on the right track
Install WordPress on your SiteGround Hosting Account
Now the moment most of you have been waiting for…. Installing WordPress so we can build a website.
Directions for Installing WordPress
- Goto CPanel in SiteGround
- Under AutoInstallers click WordPress
- Click Install
- Fill out the form
- Click Install at the bottom
- You will see a congratulations, the software was installed successfully.
From here you will see your domain name, click it to view your WordPress website. Additionally you can click the Administrative URL and it will send you directly to the backend of WordPress.
Secure Your Site with a SSL Certificate
Adding an SSL certificate will show the little lock in the browser next to your domain name. This lock is seen if you have a SSL Certificate installed and everything on the site uses HTTPS instead of HTTP. Google went on a mission last year to secure the web and they will flag your website if it is not secure.
This is easily done with Let’s Encrypt’s Free SSL Certificates.
Directions for Securing Your WordPress Website
- In CPanel scroll down and click Let’s Encrypt
- Under Install new Let’s Encrypt Certificate
- Select your domain name
- Under Type Select “Let’s Encrypt SSL”
- click install and wait 10-15 mins for this to clear.
4. Install the Best WordPress Plugins and Themes
We Recommend the Following Plugins for all WordPress websites. Goto your WordPress dashboard and click plugins.
- SG Optimizer (comes with SiteGround hosting, includes caching, image optimization, PHP versions and more) HIGHLY RECOMMENDED (want SiteGround? Click Here)
- Beaver Builder Page Building Plugin (we recommend the Pro version so you get the Beaver Builder Theme, and Page Builder Plugin with support) Click Here To Buy
- Optional: Beaver Builder Themer allows you to edit every part of WordPress including creating layouts on archive pages, event calendar, WooCommerce and more this is what you need. Click Here for more info and click the banner at the top.
- Add Beaver Builder and Beaver Themer page builders to your WordPress website
- Add Google Analytics Dashboard for WP (GADWP) plugin
- Add Safe Redirect plugin to redirect links as needed
- Add Social Warfare plugin for social sharing or your blog posts and pages
- Add Yoast SEO to optimize your sites SEO so you can see how you will rank and look in Google
We Recommend the Following Plugins for creating contact forms, generating and capturing leads:
The number one reason you have a website is for marketing and sharing information about why your XYZ is amazing. Giving people both a way to contact you and a way for you to reach back to them is ideal.
- WP Forms – Highly recommended Forms Plugin for WordPress. Capture leads, and easily create contact forms
- OptinMonster – Easy Lead capture
- Gravity Forms – Create Forms and Gravity Forms features tons of integrations
- IceGram – Lead Capture
Beaver Builders philosophy is to create a toolset that’s powerful enough for developers, but simple enough for end users and this is why we love this setup.
The Beaver Builder theme is the perfect balance of settings and functionality. As a web agency, we’ve spent years working with thousands of clients, and we built this theme to serve real-world needs.
Download the Beaver Builder Theme and the Beaver Builder Click Theme from your dashboard. (click here to goto it – you must be logged in)
- Go to your WordPress website
- Click Appearance
- Click Themes
- Click Add New
- Click Upload Theme
- Click Choose File
- Select the Beaver Builder Theme.
- Click Install Now
- Repeat steps 1-8 and select the Beaver Builder Child Theme.
5. Use the Customizer to Edit the Header, Menu, and Footer of Your Site.
The Beaver Builder Theme uses the WordPress Customizer to set all of its theme options.
Access the Customizer in either of the following ways:
- On the WordPress admin panel, click Appearance > Customize.
- Click Customize in the admin bar.
Go through each of the setting to style the site the way you like it. Refer to the video for more details.
6. Creating the Homepage, Hero Image, About Page and Contact Page
7. Create a Contact Page with a Contact form
8. Next Steps & Get Help
Wow! This covers a ton of stuff and if you have any questions, please join the discussion on our free Facebook Group, https://www.facebook.com/groups/pressavenue/
Let us know where you are stuck or if you completed a site please share it!
Let us know what you think of the How to Create a WordPress Website – Beaver Builder WordPress Tutorial. Feel free to ask a question or give your two-cents. Additionally, you can continue the discussion on our Free Facebook Group: "WordPress Tutorials & Community Help"