WordPress 101
Text

What Is Website Conversion? How Do You Improve It?

Lesson 9 Module 2

"How much money do you want to make? "

That is the question that we should ask ourselves when deciding what to do with our website. If the answer is "a lot," then you should be focusing on "conversion " optimization strategies.

What Is Website Conversion


Before we start, we need to understand:

"What Is Website Conversion?"


Website conversion is all about getting people to take a desired action on your website:

  • click on a link
  • buy from your affiliate link
  • sign up to your e-mail list
  • contact you
  • leave a comment
  • share your post
  • read more articles, and
  • anything else that you command your visitors to do.

If visitors actually follow what you want them to do, then you can say that your website is "converting" or "has a high conversion rate."

Many bloggers spend time trying to increase "traffic" or website visitors (which is of course a must), but then fail to improve the conversion rate once the visitors are in. This is a huge mistake.

In this lesson, we will discuss the steps that will help create your own conversion-focused website!


Invest In A Conversion-Focused WordPress Theme

Install a conversion-focused WordPress theme. I highly recommend the Thrive Theme Builder. Having the right design for converting visitors is crucial.

You have to guide your audience's eyes - where to look first, what to read next, what to do after - otherwise, they wouldn't know what to do when they land in your site.

There are many benefits of trying to focus on optimizing for conversion. One that stands out in particular is guiding your visitor to do what you want them to do - in order, and take action, when it's time to take action.

Creating a professional website is also an investment that needs to be done right.

With the amount of options and control you have over the Thrive Theme Builder, everything is easier to do.

Want to customize the look of your homepage so visitors can focus on the most important things? Check.

Customize the colors, fonts, and every element? Check.

Put an email sign up on the header of a certain page, but not on other posts? Check.

Personalize the look of everything according to your brand? Check.

Etc.

With drag-and-drop functionality for everything - from page layouts to header and footer design, you can easily create your ideal website, with no coding knowledge required! The only limit is your imagination.


get the thrive theme builder!


Once you have the file, upload it to your "Plugins" page.

Go to Plugins > Add New. Upload your "Thrive Product Manager" zip file.

Install and Activate.

upload thrive product manager


In your WordPress dashboard, scroll down to the "Product Manager" and login to your Thrive Themes account.

login to your thrive themes account


Install the "Thrive Theme Builder."


Once connected to your Thrive account, go to your WordPress dashboard > Product Manager  and install "Thrive Theme Builder."

install thrive theme builder

Once installed, go back to your WordPress dashboard > Thrive Dashboard > Thrive Theme Builder > Theme Wizard.

Thrive Site Wizard


Open the "Wizard." It will give you the power to design your website's navigation and layout.


Logo

In the initial stages of building your site, your logo doesn't need to look "final." Here's a lesson on how you can create a free logo on Canva.

Set your logo.

how to upload your website logo

P.S. You can always change it later on.


Brand Color

Set your brand color. Here's a little background in Psychology Of Colors. While it may sound minor, colors do affect how your audience feel when in your site.

If you are using colors that are not suited for your content, it would immediately make the audience feel alienated.

For example, when your content is supposed to be taken seriously but you use baby colors, it can cause a click away faster than you can imagine!

To set your brand color, select > Brand Color.

Choose your main brand color, or type/copy-paste a color value from a set of pre-defined colors that work well together, such as those that are recommended by Canva.

choose a brand color

Header

A website header is a graphic, or banner that appears at the top of your browser window. It also usually contains your menu.

With a free theme, your header is restricted to a certain look, unless you do a little coding. Thrive Theme Builder will let you do whatever you want, with no coding needed.

Select your "Header " and choose a template.

how to change wordpress header

There are 30 templates for headers as of updating this lesson. Check them out one by one and feel free to change as desired.

how to change your header


Footer

A footer is what appears at the bottom of a website. It usually contains copyright information, contact information, social media buttons, and links to other relevant information such as your Privacy Policy, to name a few.

Select your desired footer template.

how to change website footer

 There are 27 footer templates to choose from, as of updating this lesson.

website footer templates


Homepage

In the your initial stages of building your site, (and therefore you have zero content), I highly suggest that you don't focus much on your homepage.

However, once you have a "decent amount" of content in one category (around 20 posts), I highly suggest that you start working on your website's homepage.

You can easily do this by selecting your desired homepage layout from one of the templates.

change homepage layout

My personal favorite templates are the "content-focused" and "personal branding" templates. They are completely customizable.

homepage templates


Single Blog Post

This is the look/layout of your blog posts. For each blog post category, you can have a different look if you want.

For example, all my "work from home jobs" articles are contained in a template that is different from my courses' posts and pages. 

Choose > Single Blog Post to select a template. 

choose single blog post template

There are 25 blog post templates to choose from - all of which are completely customizable.

blog post templates


Blog Post List

You can choose from a number of different templates for how the list of all the posts on your blog should look like.

blog post list template

There are 18 templates to choose from.

blog post list templates


Page

You'll be able to choose from any of the 21 completely customizable page templates.

blog page template
blog page templates


Menu

There are lots of different menu templates available for you to choose from.

choose a menu template

If you already have a header and footer menu, you can already set and activate them.

set menu templates


get the thrive theme builder!


Branding

If you go to the "Branding" tab, the theme colors, logo and favicon are just a click-away if you want to change them.

how to customize your brand

Learn what is a Favicon

Note: It's not that important though so you can do it later when you have spare time.


Typography

Typography is the design and use of fonts. Create a new set if you don't like the default one.

Press Create New Set > Edit

customize website font

Select the sample paragraph.

how to change website font

Specify your desired font settings on the left side bar.

change font style and size

Selecting the H1, H2, H3, and so on, one by one, will let you customize the font settings, too.

To make sure that your paragraphs will be readable, make sure that they are not smaller than 16px.

To do this, select Paragraph > Font Size > then set to 18px.

set paragraph font size bigger

Doing this will make the Paragraphs bigger than the H5 and H6.

By default, the H5/H6 are 16 px in sizes. Make them 18px, too.

As a general rule, the H1 should be the biggest, followed by the H2, and then the H3.

The rest like H4, H5, H6 and paragraph can be 18 pixels or more (depending on the font style, they can be up to 20 px).


Templates

On the "Templates " tab, you'll be able to customize your "landing pages."

Landing pages are your pages that appear when someone arrives at your site.

These pages will give the first impressions, so you want to make sure they're impressive and engaging enough!

A lot of templates are already available. All of you have to do is to choose and customize (or leave them as they are).

page templates thrive


Here are some of the plugins that you can get rid of if you have the Thrive Theme Builder in place:

  1. Plugin for customizing fonts
  2. Social Sharing plugin
  3. Sidebar/Header/Footer Widget's Customization
  4. The "Insert Headers And Footers" we installed from this lesson.


Font Change

While this might sound minor, it is actually something that Google will prompt you about in your Google Search Console if you happen to choose a theme that has "small fonts."

My past theme was from Genesis. It's called Magazine Pro and the default font is 16px.

My Google Search Console prompted me that "the font is too small to read."

Changing the font size alone required me to either install another plugin to change its size, or to paste a code, which I had to learn how to read and rewrite. This will definitely take some time to learn especially if you have zero coding skills.


Social Sharing Plugin

Do you really need a social sharing plugin?

Depending on your website, its content, and what kind of visitors you wish to attract, there are many factors to consider in this equation.

But yes, I highly recommend that you put one in place so your visitors can have an easy way to share your content, anytime they wish to.

A social sharing plug-in can help bring in new traffic from the likes of Facebook or Twitter when someone shares an article with their network of friends.

However, many plugins are heavy on performance which slows down website load times so you need to be careful of what kind you get!

Here's my recommendation: Don't use any flashy animation effects and choose one that offer quick share buttons across all major networks.


The good news? If you are using the Thrive Theme Builder, you'll have acesss to social media sharing options without an additional plugin (that can slow down your site).

Just open a blog post or page. Go to the top part, select > Edit Theme Template.

edit a template in Thrive

Whatever you change in this template will reflect sitewide. Meaning, if your have 100 posts using the same template, all the other 99 posts will be automatically updated.

To customize a social sharing widget, select the content box for the default social media icons and edit the design as desired. You can also add, delete or reorder the social media icons.

customize social sharing buttons


Sidebar/Header/Footer Widgets' Customizations

Conversion is sometimes about showing what is relevant to your audience so they can relate accordingly.

Showing a list of articles about "work from home jobs" in the sidebar of my courses' pages will not make sense, and should therefore not be done.

In the same way that showing a list of blogging lessons in my reviews' pages will also not make sense.

With Thrive Theme Builder, you can easily customize what to show in you sidebar, header, footer, etc...depending on what's relevant to your audience.


Insert Headers And Footers

I showed you how to easily put a code in your header, body or footer in this lesson by simply using the "Insert Headers And Footers" plugin.

However, having the Thrive Manager plugin in place will also give you easy access to place the needed codes in the desired locations.

Just go to Thrive Dashboard > Analytics And Scripts > Manage Scripts.

how to insert google analytics code in your Thrive themes

Press Add New then paste your existing codes one by one.

how to save code in header footer body in Thrive Theme Builder

Label accordingly, choose the correct location (header, body, footer), activate the script both in Thrive Themes and Landing pages, and click Continue to save.

codes to save in Thrive Analytics and scripts

Once done, you can already uninstall and delete your Insert Headers And Footers plugin. Every script/code you put in your Thrive Analytics And Scripts will be displayed neatly with labels (which you can also activate/deactivate/delete in one click).

Getting the Thrive Theme Builder will also let you access the rest of the Thrive plugins. One of the most useful plugin to add is the "Thrive Architect," which we will discuss how to use in the next lesson.


get the thrive theme builder!

Leave a comment

Comment as a guest:

Name * E-Mail *
Website
Pen
error: Content is protected !!