How to Build a Conversion Focused Coaching Website – Step-by-Step

If you're convinced now is a good time to create an online presence for your coaching activity, this is the video you're looking for.

In this video, I guide you step-by-step through building a complete, conversion focused coaching website.

Check it out!

More...

How So "Conversion Focused"?

Our goal is to help you get more clients through your website. That's why having a site that not only looks good but also helps turn visitors into leads is essential. 

In his tutorial you'll see how we've:

  • Added several call-to-action buttons in strategic places to guide your visitors to your lead generation landing page.
  • Connected all the lead generation forms with our email marketing provider.
  • Created a lead generation landing page that matches our site in just a few minutes.
  • Activated a full screen overlay lead generation form on all blog posts.
  • And many more little tips and tricks to make your site do all the hard lifting for you!

Full Tutorial: Build Your Site Step-by-Step

Preparing the Assets 

At the beginning of the video, we'll go over the assets that you need to build your website.
This includes you logo, the favicon (that little image in the tab of your site) and the photos. 

Basics WordPress Setup (8:46 min)

WordPress settings are pretty good from the start, but there are a few things you want to do to improve the readability (and SEO) of your website.

Essential Plugins (including Thrive Theme Builder) (10.25 min)

Now it's time to install the essential plugins. You'll see that we only need 3 plugins:

  • Antispam bee: Against spam comments
  • SEO Press (or Yoast SEO): For SEO purposes
  • Thrive Product Manager: to easily install any Thrive Themes product including Thrive Theme Builder and the Shapeshift theme.

Setting up Your Site (12.14 min)

With Shapeshift and Thrive Theme Builder it's ridiculously easy to set up the basic templates of your website.

Though the site setup wizard you'll choose your:

  • Header
  • Footer
  • Homepage Design
  • Single Blog Post Layout
  • Blog Post Layout
  • Single Page Layout

After just a few short minutes you'll have your basic website layout set up and you'll ready to start tweaking.

Connecting your Email Service, Analytics Code & Social Media Data (20:42 min)

Thrive Theme Builder is powerful and it's even more powerful with the right integrations.

In this part of the video, we'll show you how to connect your email marketing service (in this case ConvertKit, but we have tutorials on how to integrate any of them).

Where to put your tracking scripts such as the Google Analytics script.

And how to connect the Global Fields elements that are used all throughout ShapeShift for things like social follow buttons, telephone number, address, ...

Setting Up Your Homepage (24:19 min)

Here, we cover in detail:

  • how to connect the menu,
  • how to connect the buttons to your lead generation page,
  • how to add your own photos,
  • how to connect the contact form
  • and much more. 

Creating Website Content (40:31 min) 

But there are more pages on your site than just your homepage and building them can be a challenge...

Not with Shapeshift though.

We just released Page Blocks for Shapeshift, which means that you can choose from over 150+ pre-designed blocks to enrich your homepage OR to build any page on your site.

We'll be making specific tutorials for this feature, but here you can already see how to use them and how awesome they are!

If you already had Thrive Theme Builder and Shapeshift installed don't forget to update Thrive Theme Builder. To do so go to Appearances >> Themes >> Thrive Theme Builder and click the update notification. This is not going to affect any changes you already made in the Shapeshift theme.

And if you're looking to learn how to write a good about page, you can follow this free Thrive University course.


Make Your Comments Irresistibly Engaging With Thrive Comments (59:49 min)

Let's be honest, the commenting feature of WordPress is a bit boring and lacking behind on the latest engagement options.

By activation Thrive Comments you'll add cool options to your site such as up voting and down voting, commenter badges, etc. 

Create Landing Pages in No Time With Thrive Architect (1:02:48 min)

Thrive Theme Builder and the Shapeshift theme come packaged with Thrive Architect Light. This is what allows you to create basic page and post content. 

Activating Thrive Architect (the full version) will add a bunch of extra options including new elements, element templates and 300+ landing pages templates.

Add Any Lead Form to Your Site With Thrive Leads (1:07:45 min)

Thrive Theme Builder and Shapeshift as well as Thrive Architect come with an impressive arsenal of lead generation options already, but that's nothing compared to Thrive Leads.

Thrive Leads, our dedicated lead generation plugin, allows to add any opt-in form type to your site (from ribbon to welcome mat to exit intent lightboxes to overlays and more), see the statistics of the number of leads you collect right in your WordPress dashboard and A/B test all of your forms. 

Capture Testimonials, the Easy Way With Thrive Ovation (1:13:20 min) 

And last but not least we'll install a testimonial capture form on the site using Thrive Ovation.

You can use this page to send to customers and collect testimonials that will be saved in one dashboard. 

If that's something you're interested in, we've written a full tutorial on how to collect testimonials on autopilot.

Ready to Build Your Coaching Website?

All of the tools used in the tutorial are part of the Thrive Themes Membership. 

Become a member today.

And let me know if this tutorial was helpful for you. What was confusing? Which step would need an in-depth tutorial? Let me know in the comments below!

Author: Hanne Vervaeck

Hanne knows exactly what companies have ever retargeted her (she keeps an updated file). And when she's not busy discussing high-level funnel design over cocktails with the equally geeky, you'll find her discovering a place for the first time

  • duric.dzemal says:

    Great job Hanne. Thank you very much.

    • Hanne says:

      You’re welcome Duric

  • Anja D says:

    Thank you Hanne, it looks good and for sure I am going to make this.

  • Keith K says:

    Please use Tools > Usage Rights when accessing Google search for Images to be sure to use images that may be shared, even for commercial reuse.

    • Hanne says:

      That’s an option. Personally I find that the results are very average though compared to a specific website like Unsplash or Pixabay.

  • Karl K. says:

    Thank you, Hanne, very useful, learned new features and tasks I will implement asap.

    • Hanne says:

      Yay happy to hear Karl

      • Karl K. says:

        Thanks for your update with the actual result of your demo. “You’re hired!”

  • David N says:

    Amazing, thank you

    • Hanne says:

      Glad you like it David

  • kristiandegroot1306 says:

    Amazing! Couldn’t come at a better time. I watched Shane’s Thrive Themes Builder how to build a website video yesterday, this is a great follow-up for me! Many thanks!!

    • Hanne says:

      You’re welcome Kristian

  • Gabi says:

    The video cannot be played :(

    • Hanne says:

      Sorry Gabi, you caught me while I was updating the video… Should be all good again now :)

  • Eduardo says:

    Hi! I really noticed that the website was missing. Thank you very much for the excellent work, really step by step, and for the final result! Congratulations!

  • frankfalcone says:

    Video worked for me. I have already started the tutorial for this project. TYVM.

  • Justin says:

    Awesome tutorial, but it leaves me with a question:

    How do you reduce the padding in the header and the top?

    There’s a huge white space below my header menu, and a large green space at the top of the “top” section, before the title of a page/post is seen.

    Adsense likes to put an ad in that whitespace; I’m OK with that, but there’s still a large swath of green space after that. Seems like unnecessary space that takes away from the User experience, but if I alter the margins (under “layout & position” for both sections), the ad fades into the green, and the title is still well below the ad.

    Any suggestions?

    • Hanne says:

      Hi Justin,

      Reading your comment if feels like you have some kind of plugin installed for ads?
      I can’t help you out here, but please contact our support team. They will be able to have a look at your site and see what’s causing the “green space” you’re talking about.

  • Carsten L says:

    Just a humble wish for the next fantastic walkthrough: A better mike or at least one that does not pick up so much keyboard sound and a hum from the building.
    Small things, the walkthrough itself is amazing, thank you.

    • Hanne says:

      Yeah the room here is a bit echo-y but I didn’t want to use that as an excuse not to shoot the video…

  • Desheen Evans says:

    Thank you for sharing Hanne. I am a coach and recently became a Thrive member. My current website while nice is way too busy and doesn’t convert. http://www.eyesofpower.com.

    I am working on my staging site now using the same theme used in your demo. My logo /trademark is registered, but I am thinking the homepage is a bit busy with photos? The other pages are temp from the original site and will be changed.

    Please share your thoughts in re: the staging site’s homepage
    http://x1p.57d.myftpupload.com/services/

    • Hanne says:

      Less is more :) Make your message stand out rather than your photos compete with the message.

  • Jonah J says:

    Hi Hanne – Thank you. Great job. I always learn a great deal from your tutorials and I did wonder why you didn’t include a ‘before and after’ intro in the first video.

    Can’t wait to see what other tutorials you produce to show us how to use/implement the other elements available. I’d like to see more tutorials on actually using/adapting the content blocks that are available and how those can be saved as templates for future use etc.

    I have been through the wizard tutorial just using the demo set up so far and nowhere near ready to go live or launch the site. However, despite the site being set as ‘coming soon’, the demo ‘generated homepage’ is still showing as live when I use the sites main URL in Google search bar …….but all other demo pages/posts are showing as ‘Coming Soon’. How do I get the homepage to also show as ‘Coming Soon’?

    I also don’t have those two blue arrows that let me switch between header/menu sections in the wizard.

    • Hanne says:

      Hi Jonah,

      Sorry but without knowing what you use to put your site as “coming soon” I’m not sure I can help you…

      • Jonah J says:

        Hi Hanne. The ‘coming soon’ page I used was the generic ‘coming soon’ page set through my hosting company (Bluehost) but it wasn’t showing as active on the ‘homepage’ that I created using the Theme Builder wizard and your tutorial.

        However, the generic ‘coming soon’ page was showing on all other pages that I create using the wizard (About/Blog/Contact etc.) I wasn’t sure if that was a Thrive Theme Builder issue or a hosting issue, so I asked here first.

        So i contacted my hosting company, who initially said it was an issue with the ‘theme cache’ and some ‘code missing from the index file’. (I’ve no idea what that actually means or if it was a Bluehost issue or Thrive Theme Builder issue).

        They told me that they had fixed the ‘cache and index file’ issue and that they had also added a ‘custom coded coming soon page’……………and completely screwed up the work I had done so far using the Thrive Theme Builder wizard.

        Now I have a site wide ‘custom coded coming soon page’ (uploaded by Bluehost) and I can’t access the Thrive Theme Builder wizard or Templates at all and I can’t find the pages/header/footer that I had created and customised using the wizard.

        I have no idea what has happened and I don’t think Bluehost know either. To say that I am annoyed is an understatement.

        So it’s back to the drawing board with a fresh install of everything!!

        Not sure if a child theme/coming soon/maintenance mode used through Thrive Theme Builder would have prevented any of this.

      • Hanne says:

        I’m sorry to hear.

        ATM we don’t have an in-build coming soon mode but I can see how that would be helpful for sure.

  • Debbie T says:

    Fantastic tutorial! Thanks, Hanne.

    How seamless is the Thrive Theme Builder when applied to an existing WP site? Meaning, if my site isn’t a fresh WP install, will the Thrive Theme Builder still ‘play nicely’?

  • Dino says:

    Is there any way for clients to pay us on this coaching website?

    • Hanne says:

      Hi Dino,

      It’s super easy to integrate a Thrive Theme Builder website with a payment system like PayPal. What are you using as payment system?

  • Martin E says:

    Hi Hanne,

    In Canva, I did what you did.
    But I cannot add the text to page. It simply does not work.
    When I open another template, then it works fine.
    But not when I work with custom dimensions.
    Maybe you know, where it is going wrong

    Thanks in advance

    • Hanne says:

      Hi Martin,

      I would suggest asking the Canva team ;-)

  • Maurice says:

    Great Tutorial! Is it planned that Contact Form is getting some new features? I live in germany and its unfortunately not possible to change the outcome of contact request in email. For example.. if i use phone number i cant use “Telefonnummer” (thats the german version). Doenst look so professional if i answer a client and he is watching english requesting tool. Thanks alot! :)

    • Hanne says:

      Hi Maurice,

      All the fields are fully translatable already :) https://share.getcloudapp.com/geu21p9X

      • Maurice says:

        Hey Hanne, yes onpage they are translatable but if i receive the request in my postbox it won’t show the translations. It displays the field types and they are written in english.

      • Hanne says:

        Hi Maurice, I see. I’ll log it as a request.

  • Esther says:

    I need to change my Wix website for my holistic therapies business to a WordPress site – will this Thrive Themes template be suitable? I will use / integrate the Fresha booking system to take bookings and payments. Thank you!

    • Hanne says:

      I’m not familiar with Freshna but a quick search taught me they have a link to their online booking page. So you could simply link your buttons to that page.
      And this templates would be perfect for your business :)

  • Karen M McCamy says:

    Hi Hanne,

    Your email (introducing the 2nd video) made me laugh! You’re definitely not a “rookie” but a total professional! ;-)

    Between this tutorial & Shane’s introducing TTB, I have learned so much! <3

    But, of course…I have *another* question: regarding custom menus — I had never used them before (I know, resisting something new to learn ;-) LoL!) — but found your illustration so helpful & clear.

    My question is about what takes precedence in WP (or maybe TTB). I have default WP menus created already. When I followed your above tutorial, I didn't get the Home page header menu to populate **across the entire site**…

    Is that because you didn't have ANY existing WP menus already created? I'm guessing so, but just wanted to confirm my suspicions…

    You are SO correct that custom menus are the way to go! They are so much easier & more feature-rich to "edit" than default WP menus! :D

    Thank you again for such a great duo of tutorials!

    • Hanne says:

      Hmm not entirely sure to be honest. If you choose the wp menu in the wizard than that will definitely take precedent.

      • Karen McCamy says:

        Gotcha! Thanks!

        I’ll experiment on my ‘training’ site & report back here! ;-)

        I think going forward with TTB, that “preferred priority” would be good to know…

  • george yoder says:

    Great tutorial!!! Very helpful. Thank you.

    • Hanne says:

      Happy you like it George

  • Michael S says:

    I have been a Thrive Theme user for years and love it. I love the new Thrive Theme Builder, but I see one flaw that might be really easy to correct.

    Why can’t we choose the TTB Home Page template and then add Page Blocks to that? It just doesn’t make sense to me that in order to use Page Blocks, I have to overwrite the TTB Home Page template that I like and use a Landing Page first. There are so many good Page Blocks available with the Landing Pages…why not make them available to use with the TTB templates? Now that would be good integration.

    • Hanne says:

      I love it when I can give an answer like this:

      Of course you can :D When you choose a homepage, you’ll see the “add blocks” button and you can choose from over 160 blocks to add :)
      For the about page it was just easier to start from the blank template rather than the homepage template because it’s different content.

  • Emilio J says:

    Awesome content! It really shows you how fast and fabulous Thrive Architect + TTB work together. Quick question are there any plans to make the contact forms more customizable? Like multiple message fields, and customizing the message in the email sent? that would be awesome!

    • Hanne says:

      Hi Emilio,

      I don’t believe we currently have that on the roadmap but I’ll log your suggestion.

  • Hello Hanne, I have a stupid question – but really it would save time if you could tell me. As a Thrive member, how do I access Thrive Theme, if I want to install it on my site ? I need a .zip file, no ? I am confused about that, can you tell where it’s explained ? Thanks a lot !

    • Hanne says:

      Hi Emanuelle,

      If you look at the step-by-step video in the middle of the page you can see me do it… around the 12 min mark.

  • >