Completely Free Course

Or log in with email below...

Forgot my password

Reset Your Password

Enter your email address below. We'll look for your account and send you a password reset email.

Don't Have An Account? Sign Up Free

Completely Free

Or sign up with email below...

By signing up to create an account I accept LaunchParty’s Terms of Use and Privacy Policy.

Already Registered? Log In Here

How To Make A Website For Your Coaching Business

Step-by-step video guide created specifically for non-coders, non-designers, and absolute beginners (updated for 2019)

Matthew Averkamp

Before You Begin

Who is this guide for?

We created this guide for coaches that want to create their own WordPress website, but feel overwhelmed by the number of steps required, and unsure of the best method.

This guide will provide you clear instructions for every step, from start-to-finish. We even added progress tracking to this guide so you can work through each step at your own pace.

All of the step-by-step video tutorials in this guide were created specifically for non-coders, non-designers, and absolute beginners. We take great pride in simplifying the process of creating beautifully-designed websites in a way that anyone can understand.

“The moment I discovered LaunchParty I knew it was something special. As a student I feel like the team has done everything they can to set me up for success in the course and in the wild. The structure is well thought out and delivered in a way that is easy to follow for any learning preference. Thank you for creating a truly phenomenal course. Five enthusiastic gold stars!” -Michele M.

Do I need to know how to code?

No, there is absolutely no coding in this entire guide. We created this guide for beginners that want to build their website visually using Elementor (the most popular drag-n-drop editor for WordPress).

“I am so in love with LaunchParty. It is by far the best time investment I made for my business. The tutorials are the ultimate guide to building a professional website with ZERO coding skills needed! Not only am I thrilled about the resulting site that I built for my business.” -Nicole L.

Are there video instructions?

Yes, there are more than 25 step-by-step video tutorials throughout this entire guide. You can find our video tutorials in the Action Plan sections we’ve included at the end of each part. This is where you can track your progress, watch our video tutorials, and read our FAQ.

“The LaunchParty tutorials have been amazing – the step by step method – and small bitesized video tutorials for every step has given me a more systematic way to approach things. Previously I was spending hours trying to figure these things out. I’m loving the tutorials!!” -Sabrina A.

Can I use your templates?

Yes, we created our very own collection of 600+ professional Elementor templates the you can download and use for free. This means you won’t ever have to start with a blank page and you won’t need any previous design experience.

Our video tutorials will teach you how to customize these free templates in any way you want so you can use your preferred style, layout, colors, fonts, etc.

“LaunchParty completely blew me away. It was much more than a tutorial. It guided me step-by-step to success. The resulting website looks amazing and I learned a ton of tips & tricks on the way. The templates are versatile and make building a website as fun as playing with LEGOs. The course itself is well thought out, with videos, transcripts and motivating badges. Oh, and it’s free. Wait, what? Yup. Mind blown. LaunchParty rocks!” -Daniel W.

Can I customize my design?

Yes, of course! In fact, the goal of this guide is to give you the skills and confidence to create any kind of design you need, all on your own. And since you will be using Elementor to design your website, anything is possible! You’ll have fun (and feel empowered) to express yourself and give your website your own personal touch.

LaunchParty is INCREDIBLE! I have built websites on many other platforms, but it’s never felt easier, and I’ve never felt more in control. Each step is clearly explained, and I had a beautiful website up before I could believe it. I feel empowered to make changes and put my vision directly on my website. Huge thanks to LaunchParty for helping me build a website that impresses people everyday. -Adam K.

How long will this take?

This varies widely depending on the type of website you’re creating. While technically, your website will be live in as little as an hour, it usually takes several days to create and design a basic website.

Most of our students like to work at their own pace, so we’ve added progress tracking to this guide so that you can come back at anytime and continue where you left off.

“I LOVE this course. With LaunchParty, I’ve learned how to launch my designs on my own — literally in a day. After trying various courses and tutorials, I was thrilled to find a course that demonstrated a clean workflow, wasn’t costly, and explained everything step by step from install to site launch. Also, the free template library is amazing! So glad I found you all!” -Julie M.

How much does it cost to make a website?

There are a few things you will need to purchase in order to create a website with WordPress.

1) You will need a domain name, 2) you will need web hosting, and 3) you will need Elementor Pro (the most popular drag-n-drop visual editor WordPress).

The total cost of these three services will be less than $10 per month. Our video tutorials will guide you through this entire process step-by-step from start to finish.

“I needed a website for my business, and the amount of money that some of these agencies charge I could not believe! I stumbled onto LaunchParty trying to learn how to do the website myself. Since finishing Matthew’s tutorials I have built 3 websites! I am very happy with the videos and Matthew’s teaching style! I tried a few other WP development courses out there and they just could not hold my attention, but I could not stop watching the videos on LaunchParty! The videos are to the point, informative and very easy to follow. Thank you Matthew for providing such a great service for free!” -Luke

Is this guide really free?

Yes, everything we offer is completely free. Our goal is to provide free educational resources to entrepreneurs, small business owners, and students all around the world.

Our website is supported by those who purchase SiteGround hosting and Elementor Pro through the links on our website. The small affiliate commission we receive from these companies is what allows us to keep our tutorials completely free.

“These tutorials are excellent. It’s by far the clearest, most comprehensive and easiest course I’ve seen. Highly recommend for both new business owners and experienced entrepreneurs looking for a quick and easy way to set up a website without paying anything at all to gain this knowledge! The step-by-step video tutorials are very straightforward and use the best tools available in the industry. You could pay hundreds or even thousands of dollars for someone to set this stuff up for you – which would take months – or you could watch these videos for free and achieve a better result. The choice is pretty clear.” -Miguel R.

Read Our Testimonials
1
Part 1

Register A Domain Name For Your Coaching Business

 

Brainstorm Ideas For Your Domain Name

Before you register your domain name, you’ll want to do a little research and brainstorm some possible ideas. Sometimes it can be hard to find a good .com domain name that’s available to purchase. That’s why I recommend using a tool called Lean Domain Search to brainstorm ideas (even if you think you already know what domain name you want to use).

Once you’re on their website, simply enter a keyword and it will give you thousands of available .com domain names that include that keyword. Some example keywords you could try searching for might be path, guidance, direction, balance, potential, academy, advice, transformation, transition, brave, fearless, method, formula, radiant, etc.

 

More Ideas: Use Your Name

If you can’t find a domain name you like using the method above, you might decide to use your personal name or combining your personal name with other words, such as “coach”. Here are some domain name ideas for coaching websites:

  • [name].com
  • coach[name].com
  • [name]thecoach.com
  • coachingwith[name].com
  • [name]coaching.com
  • coachwith[name].com
  • lifecoach[name].com
  • yourcoach[name].com

 

Consider How Your Coaching Business Might Change

It’s always important to think about the future when deciding on your domain name. For example, how might your services change and expand in the future? What if you want to sell your coaching business some day? What if you want to hire and train additional coaches? Are you working locally or do you want to expand worldwide? Pondering questions like this can help you choose a more flexible domain name as your business evolves.

 

Register Your Domain Name With Hover

Now that you’re ready to purchase your domain name, I recommend using Hover. We like Hover because their checkout process is super easy to use and they don’t hassle you with any upsells. They also include free privacy protection on all orders (privacy protection hides your personal information from publicly available databases).

Visit Hover

 

Hover domain name registrar

 

Did you know? Each part of this guide includes a step-by-step Action Plan (shown below) where you can track your progress, watch our help videos, and read our FAQ.

Action Plan For Part 1
1.
Visit Lean Domain Search to brainstorm domain name ideas before purchasing your domain name.
When using this tool, one-word keywords work best. The results will display available .com domain names using that keyword. You can filter and sort the results on the right-hand side of the page.
2.
Visit Hover and purchase your domain name.
Enable WHOIS privacy.
This protects your personal information (name, address, and email address) from being publicly displayed in various domain registration databases. Spammers can use this public information to send you unsolicited emails.
After submitting your order, click the confirmation link in your email and follow the instructions to finalize registration.

Need Help?

2
Part 2

Sign Up For SiteGround Hosting And Install WordPress

 

Sign Up For SiteGround Hosting

Every WordPress website requires web hosting. I recommend using SiteGround hosting and choosing either their Startup plan or GrowBig plan. All our step-by-step video tutorials in this guide assume you are using SiteGround.

SiteGround WordPress hosting

Here are a few reasons we love SiteGround:

  1. Their customer support team is amazing. This is the #1 thing that sets SiteGround apart from other (similar priced) hosting companies. It only takes a few seconds to be connected to a live chat support agent that is extremely knowledgeable and will quickly assist you in resolving your issue.

  2. SiteGround has consistently proven themselves to stay on the cutting edge of technology. For example, they were one of the first to offer free SSL certificates and PHP 7 standard on all servers. They continue to add innovative features such as their site migrator plugin, easy-to-use control panel, and free daily backups with one-click restores.

Visit SiteGround

 

Install WordPress

Once you’ve purchased your hosting with SiteGround, you’ll need to install WordPress and create a username and password for your WordPress admin. This is really easy to do from within your SiteGround account. You can follow the step-by-step help videos in the Action Plan below.

 

Change The Nameservers For Your Domain Name

Lastly, in order for your website to go live, you’ll need to add your new SiteGround nameservers to your domain name in your Hover account. Be sure to follow our video tutorial found in the Action Plan below to make sure you set this up correctly. Keep in mind your website will not be accessible until your nameservers have finished updating. This usually takes around 15-30 minutes, however, in some rare cases it can take up to 24-48 hours.

 

Did you know? Each part of this guide includes a step-by-step Action Plan (shown below) where you can track your progress, watch our help videos, and read our FAQ.

Action Plan For Part 2
3.
Visit SiteGround and choose either the StartUp or GrowBig plan.
Choose the StartUp plan if you want to create a single website. Choose the GrowBig plan if you want to create multiple websites.

Why we recommend SiteGround
After testing a lot of other hosting providers (Bluehost, HostGator, etc.), we always come back to SiteGround. Their control panel is more intuitive, their support is extremely fast and knowledgeable, and they are always launching new cutting-edge features and upgrades.

For example, they were one of the first hosting providers to offer free SSL certificates and PHP 7 standard on all servers. They continually add innovative features such as their new control panel, site migrator plugin, and free daily backups with one-click restores.
Choose your data center.
Pick a data center (server) that's closest to your location, or better yet, closest to your customers or website visitors.
Pay up to 3 years upfront and get 60% off.
When it comes time to renew your plan you will be offered additional discounts, usually 20-30% off the renewal price depending on how many years you want to renew.

This pricing structure is pretty standard for hosting companies.
Confirm your order, save the login details from the email confirmation.
4.
Install WordPress in the SiteGround control panel.
Log into the SiteGround control panel (login.siteground.com).
In the Websites tab in the main menu, click Complete next to your new website/domain.
Click Start A New Website > WordPress and choose a username and password. Then click Continue.
Save this username and password somewhere safe, you will be using it to log into your WordPress dashboard.
Click Finish.
There’s no need to add any extras like the SG Site Scanner.
5.
Add the SiteGround nameservers to your domain name in your Hover account.
Log into SiteGround and go to Websites > Site Tools. Copy the two nameservers listed on the right-hand side as you scroll down the page.

Now open a new browser tab, log into your Hover account, and find the Edit Nameservers link for your domain name.

Paste the two SiteGround nameservers into the two appropriate fields in Hover and save your changes.
Note: Your website will not be accessible until your nameservers have finished updating. This usually takes around 15-30 minutes, however, in some rare cases it can take up to 24-48 hours.

Need Help?

3
Part 3

Install An SSL Certificate And Configure WordPress

 

Why You Need An SSL Certificate

Installing an SSL certificate is now a standard requirement for securing your website and protecting your visitors’ privacy. Once your SSL certificate is installed, web browsers (such as Chrome) will start to show your website as being secure. This will be especially helpful in building trust when you start selling coaching services, taking online bookings, creating intake forms, etc.

If you don’t have an SSL certificate installed, some browsers will display a warning message to your visitors warning them that your site might not be safe.

 

Install An SSL Certificate Using SiteGround

You can easily install a free SSL certificate from inside your SiteGround control panel. Just watch the video tutorial in the action plan section below and it will walk you through the entire process from start-to-finish.

 

Configure The Most Important WordPress Settings

Once your SSL certificate is installed, you will need to tell WordPress that your URL structure has changed and that it should use https:// URLs. Your site won’t be secure until you take this step.

You’ll also need to configure some of our other recommended WordPress settings in your WordPress admin (general settings, discussion settings, media settings, and permalink settings). Be sure to follow the video tutorial for this step in the Action Plan section below.

 

WordPress settings

 

Did you know? Each part of this guide includes a step-by-step Action Plan (shown below) where you can track your progress, watch our help videos, and read our FAQ.

Action Plan For Part 3
6.
Install the Let’s Encrypt SSL certificate in your SiteGround control panel. (Websites > Site Tools > Security > SSL Manager). 
An SSL certificate is extremely important for both security and Google search engine rankings. After installing the Let’s Encrypt SSL certificate your website’s URL will be using https://. This tells your visitors that they are accessing a secure connection and their personal information will be protected.
On the SSL Manager page, choose your domain from the first drop-down. In the second drop-down, choose Let’s Encrypt. Click the Get button to activate your SSL certificate.
In the sidebar, go to the HTTPS Enforce page and enable Enforce HTTPS.
7.
Log into your website's WordPress dashboard.
To log into your WordPress dashboard, first log into the SiteGround control panel and go to Websites > WordPress Kit > WordPress Admin.

This will launch the WordPress dashboard for your website. You can bookmark your website's WordPress login page after we show you how to change the URL structure later in this tutorial.
Exit the WordPress Starter setup by clicking the Exit link at the bottom of the page.
WordPress Starter is a plugin developed by SiteGround that walks you through a different method for launching a WordPress website. You can de-activate this plugin since it will not be needed for our tutorials.
In your WordPress dashboard, switch to the default layout by clicking the switch to default link at the bottom of the page.
8.
De-activate and delete any unnecessary plugins.
De-activate and delete the WordPress Starter plugin by SiteGround.
Go to Plugins > Installed Plugins and click Deactivate and then Delete.

WordPress Starter is a plugin developed by SiteGround that walks you through a different method for launching a WordPress website.
Leave the SG Optimizer plugin activated.
This plugin was created by SiteGround to help improve your website’s speed and performance. I recommend leaving it activated.
9.
Adjust the Settings > General options.
Add your site title (This should be your company name or brand name.)
Delete the tagline and leave that field empty.
Change the WordPress Address (URL) so that your URL is using https://.
Because you activated the Let’s Encrypt SSL certificate in the previous tutorial, you now need to make sure your website is using secure https:// URLs.
Change the Site Address (URL) so that your URL is using https://.
Because you activated the Let’s Encrypt SSL certificate in the previous tutorial, you now need to make sure your website is using secure https:// URLs.
Change your admin email address if necessary.
Your WordPress admin email will be the default email address used by WordPress and other plugins such as Elementor. For example, when you create a contact form with Elementor, form submissions will be sent to your admin email address by default.

Once you save your changes on this page, WordPress will send you a confirmation link to the new email address. Please note that your admin email will not be updated in WordPress until you click that confirmation link.

In a future tutorial, we will show you how to create custom email addresses for your domain, such as [email protected] You may want to wait until then to change this email address.
Click Save (you will be logged out since you changed your URLs to https://).
Bookmark your new login page and log back into your WordPress dashboard.
You can use this new URL to log into your WordPress dashboard instead of going into the SiteGround control panel.

Your WordPress login URL will be https://yourdomain.com/wp-login.php.
10.
Adjust the Settings > Discussion options.
Uncheck Allow people to post comments on new articles.
I recommend keeping comments turned off until your website grows and you have enough traffic for meaningful discussions.
Click Save.
11.
Adjust the Settings > Media options.
Uncheck Organize my uploads into month- and year- based folders.
I would turn this off so that your image URLs don’t show the year you uploaded each image (it can make your content seem old).

For example, let’s say five years from now I’m reading one of your blog posts and I notice that the image URL for one of your images is five years old. That might make me feel like your content isn’t up-to-date.

I prefer to hide any evidence of when my content was published so that it always feel current for the user.
Click Save.
12.
Adjust the Settings > Permalinks options.
Select Post name.
The Post name permalink structure uses the titles of your Pages and Posts as your URLs. This is really important for SEO (search engine optimization) since it makes your URLs more relevant and easier to read.

Keep in mind you can also manually choose your URLs each time you create a new Page or Post in WordPress. We will discuss this in a future tutorial.
Click Save.

Need Help?

4
Part 4

Install And Configure The Astra WordPress Theme

 

Install The Astra WordPress Theme

A WordPress theme is required for all WordPress websites. You can think of it as the “nuts and bolts” of your website. It’s where the main framework and functionality resides.

The reason I recommend Astra is because it’s one of the best themes to use with Elementor (the drag-n-drop editor you’ll be using to design your entire website). Astra’s theme settings are also much more intuitive than other themes, especially for beginners. And since their theme is super lightweight, your website will load much faster than other themes.

To install Astra, go to Appearance > Themes > Add New in your WordPress admin and search for “Astra” in the search box. Next, click Install and then click Activate to activate the Astra theme.

 

Astra WordPress theme

 

Configure The Customizer Settings For Astra

Now that Astra is installed you’ll need to configure Astra’s settings in the WordPress Customizer. There are quite a few settings that you’ll need to change, so we created a downloadable file with our recommended settings that you can import into the Customizer. This will save you a ton of time trying to adjust all the necessary settings individually.

See the Action Plan below to learn the exact steps or watch our help video for step-by-step instructions. If you want to see exactly which settings are included in our settings file, click the FAQ link in the Action Plan below.

 

Did you know? Each part of this guide includes a step-by-step Action Plan (shown below) where you can track your progress, watch our help videos, and read our FAQ.

Action Plan For Part 4
13.
Install and activate the Astra WordPress theme.
In your WordPress admin go to Appearance > Themes > Add New and search for Astra in the search box. Click Install and then click Activate.

We tested many different WordPress themes for this course and Astra was easily our favorite choice. The Astra theme is continuously updated and their team is dedicated to making sure it works perfectly with Elementor (the visual drag-n-drop editor you will be using to build and design your website).

Astra’s theme settings are also much more intuitive than other themes, especially for beginners. And since their theme is super lightweight, your website will load much faster with Astra compared to other WordPress themes.

We will be using the free version of Astra throughout all of our tutorials. Astra also offers a pro version with even more features.
14.
Download and import our recommended Astra settings.
Download our Astra settings file.
Below is a list of all the changes we make to the Astra theme's default customizer settings when you import the astra-settings.dat file.

Global > Container >
Container Width: 1360
Layout: Full Width / Stretched

Global > Typography > Base Typography >
Family: Open Sans
Size: (18, 17, 16) px
Line Height: 1.6
Paragraph Margin Bottom: 1.4

Global > Typography > Headings >
Family: Libre Franklin
Heading 1: (3.4, 2.6, 2.3) em
Heading 2: (2.8, 2.3, 2) em
Heading 3: (2.3, 2, 1.8) em
Heading 4: (1.7, 1.6, 1.5) em
Heading 5: (1.3, 1.3, 1.2) em
Heading 6: (1.1, 1.1, 1.1) em

Global > Colors > Base Colors >
Text Color: #61636b
Theme Color: #0072e5
Link Color: #0072e5
Link Hover Color: #0856d3
Background Color: #ffffff

Global > Buttons >
Text Color: #ffffff
Background Color: #0072e5
Hover Text Color: #ffffff
Hover Background Color: #0856d3
Border Radius: 35 (5 if using rounded edge buttons, 0 if using straight edge buttons)

Blog > Blog / Archive >
Post Structure Featured Image: Not Visible
Post Structure Title & Blog Meta: Not Visible
Meta Comments: Not Visible
Meta Category: Not Visible
Meta Author: Not Visible
Archive Title Font Size: (1.7, 1.6, 1.5) em
Post Title Font Size: (2.8, 2.3, 2) em

Blog > Single Post >
Structure Featured Image: Not Visible
Structure Title & Blog Meta: Not Visible
Meta Comments: Not Visible
Meta Category: Not Visible
Meta Author: Not Visible
Post/Page Title Font Size: (3.4, 2.6, 2.3) em

Sidebar >
Default Layout: No Sidebar

Footer > Footer Bar >
Layout: Disable

Additional CSS >
h1 {line-height:1.2 !important;}
h2 {line-height:1.2 !important;}
h3 {line-height:1.3 !important;}
h4 {line-height:1.4 !important;}
h5 {line-height:1.5 !important;}
h6 {line-height:1.6 !important;}
p:last-child {margin-bottom: 0 !important;}
In order to import our settings file, install and activate the Customizer Export/Import plugin by the Beaver Builder team.
Go to the WordPress Customizer, click to the Export/Import tab and import the settings file you just downloaded.
Click Publish (if necessary) to save your changes.

Need Help?

5
Part 5

Install And Configure Elementor + Elementor Pro

Why Elementor

Elementor has quickly become the most popular page builder for WordPress and is being used by more than 3 million websites worldwide. With Elementor, you’ll be able to visually design every aspect of your website with their drag-n-drop editor (no coding needed).

To follow along with this guide, and to access our library of 600+ free Elementor templates, you’ll need both the free version of Elementor and the Elementor Pro add-on.

 

Elementor page builder

 

Install The Free Elementor Plugin And Configure The Settings

There are some important settings you will need to configure after installing the free Elementor plugin, so I recommend watching our video tutorial for this step in the Action Plan below.

 

Install The Elementor Pro Add-On

To follow along with this guide, you will need to purchase the Elementor Pro add-on. See our Action Plan below for instructions on how to purchase, download, install, and activate your license. Here are some of the cool features you’ll have access to once you purchase Elementor Pro:

  • Design your headers and footers
  • Design blog post layouts
  • Design blog archive pages
  • Use more than 30 pro widgets
  • Access the pro template library
  • Create contact forms and surveys
  • Create portfolios and image galleries
  • Create and design popups with advanced targeting
  • Integrate with email marketing services
  • Add social media sharing buttons
  • Add Facebook comments to any page
  • Add pricing tables and price lists
  • Use motion effects and animations
  • Save your most-used widgets (pre-styled)
  • Create targeted layouts using conditional formatting
  • Create custom post types with ACF, Toolset, and Pods
  • Design your WooCommerce pages and archives
  • Get premium support from Elementor

Purchase Elementor Pro

 

Did you know? Each part of this guide includes a step-by-step Action Plan (shown below) where you can track your progress, watch our help videos, and read our FAQ.

Action Plan For Part 5
15.
Install and Activate Elementor.
In your WordPress admin, go to Plugins > Add New and search for Elementor in the search box. Click Install and then click Activate for the Elementor Page Builder plugin by Elementor.com.

You will be using Elementor (and Elementor Pro) to visually create and design your entire website. It’s the absolute best drag-n-drop editor for WordPress.

Our entire course will walk you through how to fully take advantage of this amazing plugin.
16.
Go to Elementor > Settings and configure.
In the General tab, check the box for Disable Default Colors and check the box for Disable Default Fonts and click Save Changes.
The reason you want to disable these two options is so that you can control your site-wide fonts (and some colors) using the WordPress Customizer.

This will make it easier to ensure you’re using consistent fonts and colors throughout your entire website. We will discuss this further in future tutorials.
In the Style tab change the Content Width to 1400 and click Save Changes.
In our testing, we found that a default width of 1400 pixels (px) worked best with our free Elementor templates. You can still use the default width if you prefer, however, we think 1400 pixels is best.
In the Advanced tab, next to the Switch Editor Loader Method, choose Enable from the drop-down and click Save Changes.
The reason you want to enable this Switch Editor Loader Method is because with some configurations (like the configuration we're using in this course), when you try to open the Elementor editor you’ll get a blank white screen. Enabling this option fixes that issue.
17.
Purchase Elementor Pro.
In our tutorials, you will be using Elementor Pro to design your entire website. That means you will need access to Elementor Pro's theme builder features in order to design your header, footer, blog posts, archive pages, search results pages, and more.

You will also need Elementor Pro if you want to use their 30+ pro widgets. For example, with their form builder widget you can create contact forms, surveys, and opt-in forms that integrate with email marketing providers such as MailChimp.
18.
Download the Elementor Pro plugin zip file from your Elementor account.
Log into your Elementor account (my.elementor.com) and in the My Account tab, click the Download Plugin button.
19.
Install the Elementor Pro plugin in your WordPress admin and activate your license key.
In your WordPress admin, go to Plugins > Add New > Upload Plugin and select the zip file you just downloaded. Click Install Now and then click Activate Plugin.

Next you will need to activate your license key. In your WordPress admin, go to Elementor > License and click the Connect & Activate button. Then click Connect.

Confirm the Status on the License Settings page, it should now say Active.

Need Help?

6
Part 6

Create A Business Email Address For Your Domain

 

Why Create An Email Address

Using an email address that has your domain name in it will look more professional than using a personal email address (such as a Gmail account). For example, [email protected] will look more professional than using [email protected]

 

Create Your Email Address Using SiteGround

It’s really easy to create email addresses for your domain inside your SiteGround control panel. SiteGround allows you to easily create as many email addresses as you want. Watch the video tutorial in the Action Plan below for step-by-step instructions.

 

Add Your Email Address As An Alias In Gmail

I recommend adding your new email address as an alias to your personal Gmail account. This way you can check your business email using an existing Gmail account. Since there are several steps to this process, you’ll want to watch our step-by-step video in the Action Plan below.

 

Did you know? Each part of this guide includes a step-by-step Action Plan (shown below) where you can track your progress, watch our help videos, and read our FAQ.

Action Plan For Part 6
20.
Create an email address in your SiteGround control panel.
Log into your SiteGround control panel and in the Site Tools section go to Email > Accounts. Choose your new email address and password and click Create.
Adjust the mailbox quota to 2000MB.
Scroll down to Manage Email Accounts and next to your new email address, click the three-button kebab menu in the Actions column and click Change Quota. Slide the quota to 2000MB and click Confirm.
Configure your email client (or skip this step and watch the Gmail alias video tutorial below).
In the Manage Email Accounts box, click the three-button kebab menu in the Actions column and click Mail Configuration. Select Manual Settings to find all of the necessary settings needed to configure your email client.

If the recommended Incoming Server and Outgoing Server settings shown in your SiteGround account are not working, try using your nameserver URLs instead.

For example, if your ns1 nameserver is ns1.giow1001.siteground.us then your mail configuration will be as follows:

Incoming Server (POP3): giow1001.siteground.us
Outgoing Server (SMTP): giow1001.siteground.us

Make sure to use the nameserver URLs shown in your SiteGround account, and not the URLs shown above.

You can find the nameservers for your website by logging into your SiteGround account and going to Websites > Site Tools. Your nameservers will be shown on the main Dashboard page.
21.
Create a Gmail alias for your new email address (please watch our video tutorial below for this step).

Need Help?

7
Part 7

Download And Import Our Free Templates

 

Why Use Our Templates

In this guide, you will be using our free Elementor templates to design your entire website (header, footer, pages, blog posts, archives). Using our templates will allow you to follow along with all our video tutorials and make learning Elementor a lot easier!

 

Download Our Templates

To download our templates, you will first need to make sure you are logged into our website. If you haven’t registered yet, click the “Sign Up” button at the top of the page. Once you’re logged in, you can visit the template download page and select your preferred color scheme.

Visit The Download Page

 

Import Our Templates Into The Elementor Template Library

I recommend watching the video tutorial in the Action Plan below to make sure you correctly import our templates into your Elementor template library found in your WordPress admin.

In this guide I’m going to use the “Bold Gold” color scheme (with “Curved Edges”) for my coaching website.

Once the zip file is finished downloading you will need to unzip the file. After unzipping the download file you will find five additional zip files inside. These are the five files you will be importing into the Elementor template library. Again, I recommend watching our video tutorial in the Action Plan below for this step.

 

LaunchParty Bold Gold color scheme

 

Creating Your Own Custom Color Scheme (Optional)

If you don’t see a color scheme you like on our download page, you can always “Edit” the colors for any color scheme. Keep in mind that creating your own color scheme is more suitable for advanced users (so I would try and keep any changes minimal). If you want help customizing one of our color schemes, you can use our recommended tools for color palettes and gradient backgrounds to get some color palette ideas.

 

Did you know? Each part of this guide includes a step-by-step Action Plan (shown below) where you can track your progress, watch our help videos, and read our FAQ.

Action Plan For Part 7
22.
Download our free templates (must be logged in).
Choose one of our existing color schemes or create your own.
To create your own color scheme, first choose one of our existing color schemes and then click the Edit Colors button. This will take you through our custom color scheme editor. Any custom color schemes you create will be saved to your account.

If you need help with our custom color scheme editor, please watch our video tutorial below. We discuss custom color schemes towards the end of the video.
Once the download has finished, unzip the download file.
After you unzip the download file, you will find five zip files inside. These are the files you will be importing into the Elementor template library.
23.
Import each of the five zip files into the Elementor template library.
In your WordPress admin, go to Templates > Saved Templates and click the Import Templates button. Click Browse and import each zip file one by one.

If you need help, please watch our video tutorial below.
Import the PAGE-templates.zip file.
Import the SECTION-templates-1.zip file.
Import the SECTION-templates-2.zip file.
Import the SECTION-templates-3.zip file.
Import the THEME-BUILDER-templates-(requires-pro).zip file.
You will not be able to import this zip file unless you have Elementor Pro activated.

Need Help?

8
Part 8

Add Your Default Colors To Elementor And WordPress

 

Why Add Your Default Colors

Adding your most used default colors to the Elementor color picker is going to save you a ton of time as you design your website. It will give you quick access to the exact colors used in your color scheme so you don’t have to remember any color codes.

You’re also going to add a few of your color scheme colors to the WordPress Customizer. This will ensure that any default pages or 3rd party plugins (not controlled by Elementor) will use the correct colors from your color scheme.

 

Add Your Default Colors To Elementor And WordPress

We created a special template (LP-SETTINGS-colors) that will make adding your colors to Elementor and WordPress go super quick. Watch the step-by-step video in the Action Plan below to see how to add your colors using our LP-SETTINGS-colors template.

 

Elementor color picker

 

Did you know? Each part of this guide includes a step-by-step Action Plan (shown below) where you can track your progress, watch our help videos, and read our FAQ.

Action Plan For Part 8
24.
Add your color scheme colors to the Elementor color picker using our LP-SETTINGS-colors template.
Adding your most-used colors to the Elementor color picker is going to make creating your website go much, much faster.
Open our LP-SETTINGS-colors template to find the color codes for your color scheme.
In a separate browser tab, open the Elementor editor, go to the hamburger menu at the top left and click Color Picker.
It’s much easier to copy and paste these color codes if you have our LP-SETTINGS-colors template opened in a separate browser tab.
Copy and paste the color codes from the LP-SETTINGS-colors template into the eight color picker boxes found in the color picker.
25.
Add your color scheme colors to the WordPress Customizer.
In your WordPress admin, go to Appearance > Customize and then go to Global > Colors > Base Colors.
Copy and paste the colors shown in the LP-SETTINGS-colors template in the appropriate fields (Text Color, Theme Color, Link Color and Link Hover Color).
Next change the button colors by going to Global > Buttons and click the pencil icon next to Color. Copy and paste the colors shown in the LP-SETTINGS-colors template in the appropriate fields in the Normal tab and Hover tab.
Click Publish to save your changes.

Need Help?

9
Part 9

Pick Your Fonts For Your Coaching Business

 

Brainstorm Ideas For Your Font Pair

In this step you’re going to choose the Google fonts you want to use on your coaching website.

I recommend using a website called Font Pair to browse hundreds of Google font pair combinations and decide on your preferred fonts. If you can’t find what you need there, you can also browse the fonts found on the official Google Fonts website.

Visit Font Pair

 

You’ll need to pick two fonts for your coaching website. One will be for your headings/titles and one will be for your body/paragraph text.

Since you’re a coach, you might want to start looking at sans serif fonts for your titles. Sans serif fonts can sometimes feel more authoritative and classy. You can watch the video tutorial in the Action Plan below to learn more about sans serif and serif fonts.

Here are a few heading/title fonts I liked:

  • Libre Bakersville (this is the one I chose)
  • Playfair Display
  • Lulo Clean
  • Poppins
  • Montserrat
  • Cardo

Here are a few body/paragraph fonts I liked:

  • Mavin Pro (this is the one I chose)
  • Open Sans
  • Nunito Sans
  • Lato

 

What About A Third Font?

In addition to my main font pair, I also wanted to choose a third “handwriting” font. I thought this might be a nice, playful, personal touch that I can use in various places on my website. I actually ended up using it more than I thought I would as you’ll see later in this guide.

To browse some possible “handwriting” fonts, visit the Google Fonts page, click on the “categories” button, and filter the list by “handwriting” fonts.

Here are a few handwriting fonts I liked:

  • Bad Script (this is the one I chose)
  • Dawning of a New Day
  • Mrs Sheppards
  • Mr Bedfort

 

Add Your Font Pair To The WordPress Customizer

Now that you know what fonts you want to use, you’ll need to add your heading/title font and body/paragraph font to the WordPress Customizer. We created a template (LP-SETTINGS-typography) for this step so you can visualize more easily what these fonts will look like on your website. I recommend watching the video tutorial in the Action Plan below for this step.

Note: I won’t be adding the “handwriting” font to the Customizer since the Customizer only allows for two main fonts. Instead, I will add it manually on different pages using Elementor. You’ll see this illustrated later in this guide.

 

WordPress Customizer font settings

 

Did you know? Each part of this guide includes a step-by-step Action Plan (shown below) where you can track your progress, watch our help videos, and read our FAQ.

Action Plan For Part 9
26.
Visit Font Pair to browse hundreds of Google font pair combinations and decide on a font pair for your website.
27.
Add your font pair to the WordPress Customizer. You can use our LP-SETTINGS-typography template to make this step easier. Watch our video below to learn more.
In the WordPress Customizer, go to Global > Typography.
To open the Customizer, go to Appearance > Customize in your WordPress admin.
Click on Base Typography and select the font you want to use from the Family drop-down list. Adjust the Weight and Line Height if necessary.
Click on Headings and select the font you want to use from the Font Family drop-down list. Adjust the Font Weight if necessary.
Our recommended headings sizes are as follows. These should have been automatically updated when you imported our recommended Astra settings in the previous step.

Heading 1: (3.4, 2.6, 2.3) em
Heading 2: (2.8, 2.3, 2) em
Heading 3: (2.3, 2, 1.8) em
Heading 4: (1.7, 1.6, 1.5) em
Heading 5: (1.3, 1.3, 1.2) em
Heading 6: (1.1, 1.1, 1.1) em
If you want to adjust the line height for your H1-H6 Headings, you can do so in the Additional CSS tab of the Customizer.
We added this Additional CSS code as a work-around for users using the free version of Astra.

If you want full control over Astra's typography settings (and more advanced features) we recommend upgrading to Astra Pro.
Click Publish to save your changes.

Need Help?

10
Part 10

Create A Home Page For Your Coaching Business

 

Create A New Page In WordPress

It’s time to create your first page! Let’s start with your home page. To get started, you’ll need to create a new page in WordPress and create a title for your page. The title you choose here is the same title that Google will use in its search results, so keep that in mind when choosing your title. The title I chose was “Personal Coaching For Stay-At-Home Moms”.

 

Editing The Permalink (Your Page URL)

If you watch the video tutorial for this part, you’ll also learn about permalinks (the URL of your page) and how those can be helpful for SEO. This isn’t important for your homepage, however, when you start creating more pages you’ll want to be able to customize your page URLs.

 

Add A Featured Image

When somebody shares your website on social media sites such as Facebook, there will be a preview image that’s shown with your website’s URL. By default, Facebook will use the featured image you chose for that particular URL.

 

How I Designed My Coaching Home Page

To start designing your page with Elementor, click “Edit with Elementor” to open the Elementor editor. Below, I’ll show you exactly which templates I used (from the templates you imported earlier) and how I customized them for my home page design.

You can either choose to start with one of our full-page templates and then add/remove the sections you need, or you can build your page from scratch using section templates like I did. Here are the five section templates I used to create my home page. I’ll walk you through how I used each one below:

  • LP-TITLE-01-xtall-img-bg
  • LP-CARD-01-2box-white-bg
  • LP-CTA-BUTTON-34-img-right-white-bg
  • LP-TESTIMONIAL-22-3col-white-bg
  • LP-CTA-BUTTON-01-dark-bg

 

Home Page Usability

Before you continue, I just want to briefly discuss home page usability. Before you create any page, you’ll want to decide what the goal for that page will be. What’s the action you want users to take? Do you want them to book a discovery call? Do you want them to learn more about your coaching services? Do you want them to sign up for your email list? Knowing the goal of the page you’re creating will help you choose the best layout.

When creating a home page, I usually try to segment my visitors. This way you can target your visitors more directly once they’re on the page that’s more specific to their needs. For example, let’s say I offer 1-on-1 coaching services, a coaching retreat, and a mindfulness course. Instead of trying to explain all those services on a single page, it’s best to force your visitors to pick one before you get into the specifics.

You could also segment your visitors by demographic. Maybe you are offering coaching for parents and also coaching for entrepreneurs. Your messaging is going to be much different for each of those audiences, so it’s best to try and segment them as soon as possible so you have a more targeted sales pitch. You want your visitors to feel like you’re speaking directly to them, that you “get” them.

 

Coaching Home Page: Title Section

The first section template I used was from the “Title” category on the section template preview page. Watch the help video in the Action Plan below to learn how to add templates to your page.

The specific template I decided to use was the LP-TITLE-01-xtall-img-bg template shown here:

LP-TITLE-01-xtall-img-bg

After adding this template to my page here are the adjustments I made.

  • I added a new background image and adjusted the background overlay. For the background photo, I used a 1920px width and made sure to compress the photo using BeFunky (you should always resize and compress your photos before adding them to your website).

    Since I wanted the photo to show through the overlay, I adjusted the “second color” in the overlay gradient to be transparent. So, the overlay goes from left to right, navy to transparent. See our video tutorial on background images and overlays.

  • I deleted both subtitles in this section and instead added a divider widget above the main title. The divider widget in Elementor allows you to add text in the middle of the divider, so you could add your business name or personal name.

    I also adjusted the typography settings in the divider widget to use the “Bad Script” font I chose earlier in this guide. If you don’t know what font size to use when manually adjusting fonts, just look at the recommendations in the LP-SETTINGS-typography template in your Elementor template library. Once I got the divider widget looking good on desktop, I adjusted the settings for tablet and mobile. See our video tutorial on adjusting the mobile layout.

    Since I might use this same widget on other pages, I saved it as a global widget. That way I don’t have to re-adjust all settings again next time. See our video tutorial on saving global widgets.

  • Lastly, I added the “Arrow” shape divider to the bottom of the section. Shape dividers like this one can help visually direct users down the page so they keep scrolling. See our video tutorial on adding shape dividers. Once this section looked how I wanted it to, I double checked the layout and tablet and mobile and made any necessary adjustments.

    The great thing about Elementor is that everything can be customized for each device (desktop, tablet, and mobile) This means your website is going to be responsive and look great no matter what device your users are using.

Here’s what the section looked like after my adjustments:

 

Coaching home page title

 

Coaching Home Page: My Services Section

In the next section of my home page I wanted to try and segment my visitors based on what services they were most interested in. I wanted to offer them two options, either my personal coaching or my mindfulness course.

The template I decided to use was LP-CARD-01-2box-white-bg from the “Card” category on the section template preview page. All of the templates offered on the LaunchParty preview page come in both dark and light versions. So even though the preview is dark, I can always use the light version instead:

LP-CARD-01-2box-white-bg

After adding the white version of this template to my page, here are the adjustments I made:

  • I changed the subheading to use the “Bad Script” font I chose earlier in the guide and adjusted the fonts size on desktop, tablet, and mobile.

  • I added an image widget to each of the two boxes. After selecting the photo, I wanted to use from the media library I made sure to adjust the image size options. I selected 300×300 from the drop-down menu. Next, in the style tab, I changed the border radius to 50%. This is a neat trick that can change any square photo into a circle. If you want to learn how to crop and resize your photos, see our video tutorial on cropping, resizing and compressing images using BeFunky.

  • Next, I added a button widget to each of the two boxes. Since I didn’t want to have to restyle the default Elementor button widget to match my color scheme, I instead copy/pasted one of the button widgets found in the LP-SETTINGS-widgets-white-bg template found in your template library. This another cool thing about our LaunchParty templates, we’ve already restyled all the widgets to match your color scheme so you can just copy and paste them or save them as global widgets. See our video tutorial on copying and pasting widgets and styles.

    I can assign the links to these buttons after I create my “personal coaching” page and “mindfulness course” page.

Here’s what the section looked like after my adjustments:

 

Coaching home page segment

 

Coaching Home Page: About Section

For my third section on this page, I created an about section so people can learn a little bit more about Regina. The template I decided to use is the LP-CTA-BUTTON-34-img-right-white-bg shown here:

LP-CTA-BUTTON-34-img-right-white-bg

After adding the white version of this template to my page, here are the adjustments I made.

  • I changed the background of this section to grey using the grey color I saved in the color picker. Note that when adding sections to your page, you’ll want to alternate the background color of the section. For example, the page I’m creating right now is going to have five sections and the background colors will alternate down the page (dark, white, grey, white, dark).

  • I copy and pasted some text into the text widget using the “Text” tab (important). Whenever you copy and paste text with Elementor, you want to use the “Text” tab instead of the “Visual” tab. This way there won’t be any additional formatting added to your text.

  • For the subheading, I just copy and pasted the widget from the previous section since that already had all my custom settings for my “Bad Script” font.

  • Next, I updated the photo in the image widget. You’ll notice that since this coaching website guide is for educational purposes, I’m using stock photos for all my images. However, if you’re going to hire a photographer to take pictures of yourself, it helps to know how your website is going to be organized. For example, in this section, the woman in the photo is looking towards the headline. This helps draw attention to the important part of the section (the headline).

  • I also added a box shadow to the bottom and right side of the photo. See our video tutorial on adding borders and box shadows.

Here’s what the section looked like after my adjustments:

 

Coaching home page about

 

Adding Shape Dividers Between Sections

I also added a “Waves” shaped divider to the bottom of this section and adjusted the shape divider responsive settings on tablet and mobile. This adds a fun little transition in between sections. Keep in mind that a shape divider has two colors (one for each section it touches). So, if you end up changing the background color in either section, you’ll also have to adjust the shape divider colors. See our video tutorial on adding shape dividers.

Here’s what the waves shape divider ended up looking like:

 

Coaching home page Elementor shape divider

 

Coaching Home Page: Testimonial Section

For the fourth section on this page, I wanted to add some 1-on-1 coaching testimonials. The template I decided to use is the LP-TESTIMONIAL-22-3col-white-bg shown here:

LP-TESTIMONIAL-22-3col-white-bg

This template didn’t really need any adjustments. I just changed the photos and added the appropriate text. The only change I made was adjusting the typography settings for the person’s name. I used the Bad Script font again for this. Here’s what the section looked like after my adjustments:

 

Coaching home page testimonial

 

Coaching Home Page: Book A Call Section

For the last section, I wanted to add a call to action for people to book a free discovery call. The template I decided to use is the LP-CTA-BUTTON-01-dark-bg shown here:

LP-CTA-BUTTON-01-dark-bg

After adding the dark version of this template to my page, here are the adjustments I made.

  • I added an icon list widget to this section to list some information about booking discovery calls. I copy and pasted the pre-styled icon widget from the LP-SETTINGS-widgets-white-bg template so I would haven’t to style the widget from scratch. See our video tutorial on copying and pasting widgets.

  • I added another “Arrow” shape divider to the top of this section. Since this shape divider dipped down into the section a little bit, I add a few pixels of padding to the top of this section on desktop, tablet, and mobile. See our video tutorial on adjusting padding and margins.

Here’s what the section looked like after my adjustments:

 

Coaching home page call-to-action

 

Check The Responsive Design

Now that our page is complete, you’ll want to double check every section on desktop, tablet, and mobile and make any necessary adjustments. You’ll also want to make sure that all the photos you added to this page have been properly resized and compressed.

 

Set This Page As Your Home Page In WordPress

After you’ve published this page and made it live. You’ll notice that it’s not currently set to be your home page (if you type in your domain name, this page won’t be shown). You’ll need to assign this page as your home page in your WordPress admin.

To set your home page, go to Settings > Reading in your WordPress admin. Next to where it says Your home page displays, select static page and then select the page you want to use for your home page from the Homepage drop-down list.

 

Creating More Pages

You can use the same process above to create as many pages as you need for your website. Here’s a another “Coaching Services” page I created using the following section templates.

  • LP-TITLE-01-xtall-img-bg
  • LP-VIDEO-07-vid-right-white-bg
  • LP-FEATURES-04-2col-white-bg
  • LP-PRICING-28-2box-dark-bg
  • LP-FAQ-04-white-bg

 

Coaching services page

 

Did you know? Each part of this guide includes a step-by-step Action Plan (shown below) where you can track your progress, watch our help videos, and read our FAQ.

Action Plan For Part 10
28.
Create a new page in your WordPress admin.
Create a new page.
In your WordPress admin, go to Pages > Add New.
Add your page title.
This is the title that will appear in Google search results. When creating your title, think about which keywords people will be searching for and will want to click.

Watch our video below to learn more.
Click Save Draft and edit the permalink (if necessary).
After you click Save Draft, on the right-hand side there will be a box called Permalinks. This will be the URL for the page.

You can watch our video tutorial below for more tips on how to edit your permalinks.
29.
Design your page using the Elementor editor and our templates.
Click the Edit with Elementor button to start designing your page.
Add one of our Page Templates.
To add a template to your page, first visit our page template preview page. Click the template you want to use and it will automatically copy the template name.

Next, in Elementor, click the Add Template icon to open the template library popup. Click the My Templates tab and paste the template name in the search box. Click Insert to add the template to your page.
Insert additional Section Templates to customize the layout.
To add a template to your page, first visit our section template preview page. Click the template you want to use and it will automatically copy the template name.

Next, in Elementor, click the Add Template icon to open the template library popup. Click the My Templates tab and paste the template name in the search box. Click Insert to add the template to your page.
Learn more about customizing your design by watching our design tutorials.
Click Publish to make your new page live.
30.
Create more pages using the same process.
31.
In your WordPress admin, set your default home page by going to Settings > Reading.
In your WordPress admin, go to Settings > Reading. Where it says Your homepage displays, select static page and then select the page you want to use for your homepage from the Homepage drop-down list.
32.
Create a contact page by watching our video below.
33.
Use the Facebook sharing debugger to see how your page will look when shared on social media.
Enter your URL and click Debug. If your URL has never been shared on Facebook, you will need to click the Fetch new informtion button. Review the Link Preview section.

The link preview will be using the featured image you have set for your page in WordPress. If you update your featured image, click Scrape Again in the debugger to have Facebook refresh your information.

Need Help?

11
Part 11

Create A Blog For Your Coaching Business

Now I’m going to walk you through how to create a blog for your coaching business using Elementor. Elementor Pro’s “theme builder” functionality allows you to create and edit blog posts just like you do any other page on your website. To make sure you get everything set up correctly, you’ll want to watch our video tutorials in the Action Plan below. It’s really important that you watch every minute of these videos to make sure you’ve done everything correctly.

 

Choose Your Preferred Template And Set The Display Conditions In Elementor

Before you start publishing blog posts, you’ll need to create a blog post template using Elementor. Elementor refers to these blog post templates as “Single” templates. To get started, first find your preferred design in the “Post Single” section of our theme builder preview page. I chose LP-POST-SINGLE-13. To continue with this step, please watch our video tutorial in the Action Plan below.

 

Create A New “Post” In WordPress

Now that we’ve finished assigning the display conditions to our template, it’s time to create your first blog post. In your WordPress admin, go to Posts > Add New and create a title for our blog post. Since the template you just created uses dynamic titles, the title you choose will automatically be inserted into your blog post.

Next, you’ll want to choose your Featured Image. If you chose one of our templates that includes an image, this is the image that will be automatically inserted into your template. The template I’m using (LP-POST-SINGLE-13) doesn’t use a featured image, however, I still want to add a featured image since that’s the image social media website will use when people share my posts online.

 

Edit Your Blog Post With Elementor

Now it’s time to edit the blog post with Elementor. We created a special series of templates for adding content to your blog posts. You’ll find them in the “Post Content” category of our theme builder preview page. I started my post with LP-POST-CONTENT-10.

You’ll want to watch our video tutorial in the Action Plan below to learn how to add full width background images, drag in widgets, and add additional sections to your blog post. Here’s how mine looks so far:

 

Coaching blog post content

 

Warning: If you copy and paste text into the text widget or directly onto your site, the formatting of your text will get messed up. Always use the “Text” tab in the text widget when copying and pasting text. In the sidebar, in the Text Editor area, you’ll see a “Visual” and “Text” tab. Click on the “Text” tab and paste your text there. Once the text has been pasted you can go back to the “Visual” tab.

 

Publish Your Blog Post

Once you’ve finished adding content to your blog post, you can click “Publish” to make it live. However, you still need to customize the bottom portion of your blog post template. You’ll do that by editing the “Single” post template from earlier. I’m going to customize this by adding a call-to-action at the end, which I’ll explain below.

 

Template Customizations: Add A Call-To-Action

Whenever you create a blog post, you should always have a clear goal for your post. What action do you want your users to take at the end? In the case of your coaching business, your goal might be for them to book a discovery call with you, view your services, or maybe it’s to sign up for your email list and download a free guide. Whatever the case, your visitors should be motivated by your blog post to then take action at the end.

We refer to this as the call-to-action. You can use our call-to-action templates in the “Post CTA” section of our theme builder preview page. Watch our video tutorial in the Action Plan below to make sure you set this up correctly.

Since the call-to-action we’re adding is part of our “Single” template (LP-POST-SINGLE-13), it will now automatically be added to the end of every blog post I create. Here’s what my call-to-action looks like.

 

Coaching blog post call-to-action

 

If you want to customize your blog posts even further, you could create “Single” templates for different blog post categories or tags. That way you could have different designs and different call-to-actions for different types of content you are creating. As you know, the more targeted your call-to-action, the better.

 

Template Customizations: Adding Widgets To The Header

A couple more adjustments I made to the “Single” template (LP-POST-SINGLE-13) was in the header section. Here’s what I did:

  • I added a picture of the author below the blog post title. The 150×150 size felt a little big so I made the image even smaller by setting the “PX” width to 80 in the “Style” tab. I also added a 50% border radius to make the square image a circle and I added a 2px gold border around the image.

    Did you know? The image widget also offers dynamic options. For example, if my website has multiple authors, I could have the image widget picture automatically change depending on the author of the post. In the image widget options, click the “Dynamic” link and choose “Author Profile Picture”. The image widget will now dynamically display the profile picture of the particular author that published the blog post. Author profile pictures can be set in the “Users” section of your WordPress admin.

    Coaching dynamic author profile picture settings

  • Since the author image looked a little too close to the title, I added a 10px spacer widget above the image. I also added “Regina Langhart” in the Bad Script font below the image.

  • I changed the shape divider type to “Curve” and adjusted the height on desktop, tablet, and mobile. I also added some additional padding to the bottom of the section so that there was a little more room above the shape divider.

Here’s what the end result looked like:

 

Coaching blog post hero

 

Create Your Blog Home Page

In the next part of this guide, you’ll be creating a home page for your blog where people can view all of your latest blog posts. In WordPress, these are called “Archives”.

 

Did you know? Each part of this guide includes a step-by-step Action Plan (shown below) where you can track your progress, watch our help videos, and read our FAQ.

Action Plan For Part 11
34.
Create a blog post template using Elementor Pro's theme builder functionality.
Visit our theme builder preview page to find the Post Single template you want to use for your blog posts.
In your WordPress admin, go to Templates > Theme Builder and click the Single tab. Find your template and click Edit with Elementor.
To use this template as the default for all of your blog posts, edit the display conditions. Click Update > Add Condition > All Singular > Save & Close. I recommend watching our video tutorial for this step.
Display conditions will allow you to choose which blog posts should use this particular design.

In the future, you can create additional blog post designs for specific blog categories by using the display conditions.
35.
Create a new blog post by going to Posts > Add New in your WordPress admin.
Add your post title.
This title that will automatically appear at the top of your blog posts. The location of your blog post title is set in your Post Single template.
Click Save Draft and edit the permalink (if necessary).
After you click Save Draft, on the right-hand side there will be a box called Permalinks. This will be the URL for the blog post.
Add a featured image.
If your Post Single template uses a featured image, the image you set here is what will be used. This featured image will also be used as the image thumbnail when you share this blog post on social media sites such as Facebook.

To learn more about creating images, view our tutorial on how to download, crop, resize, and compress photos.
Click Edit with Elementor.
Use our LP-POST-CONTENT templates to create your blog post. I recommend watching our video tutorial for this step.
Click Publish to publish your blog post.
36.
Customize your call-to-action by editing your Single template and adding one of our LP-POST-CTA templates. I recommend watching our video tutorial for this step.

Need Help?

12
Part 12

Design Your Blog Archive Pages

In this step we’re going to create the home page for your blog so people can view all of your latest blog posts. In WordPress, this is what’s known as an “Archive”. Archives are also used for your blog post categories. So after completing this step you will be able to link to both your blog homepage and individual blog post categories.

 

Create A New Page In WordPress

Before you create your archive template, you first need to create a page where you want your blog to reside. I recommend creating a new page in WordPress called “Blog” and making sure the permalink URL is /blog/.

Once that page is created, you’ll need to tell WordPress that you want this to be your blog home page. In your WordPress admin, go to Settings > Reading and in the drop-down next to Posts page, select the “Blog” page you just created. If you need any help, you can watch the video tutorial in the Action Plan below.

 

Choose Your Archive Template

Now let’s design your archives using our LaunchParty templates. You can choose one of the archive designs in the “Archive” category of our theme builder preview page. I chose LP-ARCHIVE-01-1col-light-bg. Watch the video tutorial in the Action Plan below to learn how to set the display conditions for this archive template.

Here’s how my template looks:

 

Coaching blog archive

 

Now when you visit your /blog/ URL, you should see your new blog archive with all the blog posts you’ve created.

Blog post archives are also available by category. If you created categories for your blog posts, you can link to those specific category archives as well. In your WordPress admin, go to Posts > Categories to create or view your categories. Any blog posts that are assigned to a specific category will be displayed on the category archive page.

 

Choose Your Search Results Template (Optional)

You can also design your search results page using an archive template. We offer two search results designs you can use, LP-ARCHIVE-07 and LP-ARCHIVE-10. Watch our video tutorial in the Action Plan below to learn how to design your default search results page using Elementor.

 

Did you know? Each part of this guide includes a step-by-step Action Plan (shown below) where you can track your progress, watch our help videos, and read our FAQ.

Action Plan For Part 12
37.
Create a new page and set the permalink as /blog/.
In your WordPress admin, go to Pages > Add New. This page will be your blog homepage (also known as a blog archive).

Set the title as Blog and click Save Draft. Click the Permalink box and set your permalink (/blog/ is usually the standard). Click Publish > Publish to make this page live.
38.
Set this new page as your blog archive by going to Settings > Reading in your WordPress admin.
In your WordPress admin, go to Settings > Reading and in the drop-down next to Posts page, select the page you just created.
39.
Design your blog archive page using Elementor Pro's theme builder functionality.
Visit our theme builder preview page to find the Archive template you want to use for your blog archives.
In your WordPress admin, go to Templates > Theme Builder and click the Archive tab. Find your template and click Edit with Elementor.
Customize the template if necessary.
Click Update and set the Display Conditions.
Display conditions will allow you to choose which archives use this design. To set this design as your site-wide archive design, go to Update > Add Condition > All Archives > Publish.

In the future you can create additional archive designs for specific blog categories by using the display conditions.
40.
Design your search results page using Elementor Pro's theme builder functionality.
Visit our theme builder preview page to find the Archive template you want to use for your search results page (either LP-ARCHIVE-07 or LP-ARCHIVE-07).
In your WordPress admin, go to Templates > Theme Builder and click the Archive tab. Find the correct template (either LP-ARCHIVE-07 or LP-ARCHIVE-07) and click Edit with Elementor.
Click Update and set the Display Conditions.
To set this design as your search results page, go to Update > Add Condition > Search Results > Publish.

Need Help?

13
Part 13

Create Your Header And Footer

 

Create Your Main Menu

Before you design your header, you’ll first need to create your main menu in WordPress. In your WordPress admin, go to Appearance > Menu and create your menu. You can watch the video tutorial for this step in the Action Plan below.

Keep in mind, you can always adjust this menu and add/remove pages in the future. Any changes you make will automatically be applied to your entire website.

Here’s what I added to my menu:

  • My Services
    • Personal coaching
    • Mindfulness course
  • About
  • Testimonials
  • Blog
  • Contact

I typically don’t add a home button to my main menu and instead just link my logo to the home page. You’ll be creating your logo in the next part of this guide.

 

Design Your Header With Elementor

Now that your menu has been created you can go ahead and design your header using Elementor’s theme builder functionality. To get started, choose one of the header designs in the “Header” category of our theme builder preview page. I chose LP-HEADER-13. I highly recommend watching our video tutorial in the Action Plan below for this step.

Here’s what my header looks like so far. You’ll notice that there’s no logo yet. We’ll cover this in the next step. Once you create our logo and add to the WordPress Customizer, your logo will automatically replace the blank image shown below.

 

Coaching header

 

Did you know? You can use Elementor’s display conditions to create different header templates for different pages on your website. For example, you could use a very minimal header (with only your logo) on sales pages.

 

Design Your Footer With Elementor

You can create your site-wide footer in the same way you created your header, using Elementor’s display conditions and theme builder functionality. To get started, choose one of the header designs in the “Footer” category of our theme builder preview page. I chose LP-FOOTER-04. I highly recommend watching our video tutorial in the Action Plan below for this step.

 

Coaching footer

 

Did you know? Each part of this guide includes a step-by-step Action Plan (shown below) where you can track your progress, watch our help videos, and read our FAQ.

Action Plan For Part 13
41.
Create your header menu in your WordPress admin by going to Appearance > Menus.
Create a new menu.
Add any pages and posts you want to appear in your menu.
Edit the names for each page/post.
42.
Create a header using Elementor Pro's theme builder functionality.
Visit our theme builder preview page to find the Header template you want to use for your website header.
In your WordPress admin, go to Templates > Theme Builder and click the Header tab. Find your template and click Edit with Elementor.
Customize your header template on desktop, tablet, and mobile.
Make your header sticky (optional) by going to Edit Section > Advanced > Motion Effects > Sticky > Top.
Using a sticky header means that your header will "stick" to the top of the page as users scroll down the page. I usually disable the sticky header on tablet and mobile by removing those devices from the Sticky On options.
Click Update and set the Display Conditions.
Display conditions will allow you to choose which pages use this header design. To set this design as your site-wide header, go to Update > Add Condition > Entire Site > Save & Close.

In the future you can create additional header designs for specific pages by using the display conditions.
43.
Create a footer using the Elementor Pro's theme builder functionality.
Visit our theme builder preview page to find the Footer template you want to use for your website footer.
In your WordPress admin, go to Templates > Theme Builder and click the Footer tab. Find your template and click Edit with Elementor.
Customize your footer template on desktop, tablet, and mobile.
Click Update and set the Display Conditions.
Display conditions will allow you to choose which pages use this footer design. To set this design as your site-wide footer, go to Update > Add Condition > Entire Site > Save & Close.

In the future you can create additional footer designs for specific pages by using the display conditions.

Need Help?

14
Part 14

Design Your Logo

Use A Free Logo Creator

To design your logo, we’re going to use a free logo creator called Ucraft. You’ll be able to create your logo using their drag-n-drop interface and download the finished logo for free.

Later, if you want to improve your logo, I recommend hiring somebody using 99designs.

I highly recommended watching our video tutorial in the Action Plan below to learn how to add Google Fonts to Ucraft, add icons, auto-align icons with text, and export your logo. Also, you will need to be logged into Ucraft in order to customize your colors.

I ended up created a simple text logo using the Bad Script font I chose earlier (I decided not to add any icons or shapes to my logo).

 

Coaching logo creator

 

When you export your PNG logo, I recommend exporting several different versions (colored logo, black logo, and white logo). This way you can use your logo on both light and dark backgrounds. You’ll want to keep these logo files in a safe place so that you always have a master copy that can be customized. You can also pay to download the SVG version of your logo if you need something larger than 600 pixels.

 

Resize Your Logo And Upload It To The WordPress Customizer

Now you’ll need to resize two versions of your logo, one regular-sized version and one retina-sized version (for high-density displays). You can use BeFunky to do this. Once you’ve saved both versions of your logo, you’re going to then upload them to the WordPress Customizer. Our video tutorial in the Action Plan below will walk you through this entire process.

 

Did you know? Each part of this guide includes a step-by-step Action Plan (shown below) where you can track your progress, watch our help videos, and read our FAQ.

Action Plan For Part 14
44.
Visit Ucraft logo creator to create your logo.
Design your logo. I recommend watching our video below for this step.
Download your logo by creating a free account and choosing PNG with transparent background on the download options page.
Keep the full resolution version of your logo in a safe place. You may want to download your logo in different colors (white with transparent background, black with transparent background, full color, etc).
45.
Visit BeFunky to crop and resize your logo. You will need one regular size logo and one 2x logo for retina devices. (Watch our video below for more help with this step.)
46.
Create an icon version of your logo to use as a Site Icon (also known as a favicon). You can do this by either cropping your existing logo in BeFunky or creating a new icon-only logo in Ucraft.
47.
Add both logos (regular size and retina size) to your website in the Customizer. You will find the Logo options by going to Header > Site Identity.
To open the Customizer, go to Appearance > Customize in your WordPress admin. In the Customizer, go to Header > Site Identity. In the Logo section, click Select Logo and upload your regular size logo.

Next, select the box for Different Logo for retina devices. Click Select image and upload your retina logo.
48.
Add your Site Icon to your website in the Customizer. You will find the Site Icon options by going to Header > Site Identity.
To open the Customizer, go to Appearance > Customize in your WordPress admin. In the Customizer, go to Header > Site Identity. In the Site Icon section, click Select site icon and upload your icon.
49.
Click Publish to save your changes.

Need Help?

Additional Resources

How Can This Challenge Be Free?

Our "Website In A Weekend" challenge is supported by the small affiliate commissions we receive from SiteGround Hosting and Elementor Pro. Other than this, we are not associated with SiteGround or Elementor in any way.