Boost Visitor Conversions with these Customizable Progress Bars for WordPress

Author
David Lindop   6

Have you checked the latest updates to Thrive Suite yet?

You might discover a powerful new element that could easily be offered as a separate, premium WordPress plugin on its own... but instead, we decided to add it as a free update to all Thrive Suite customers.

In this post, you’ll learn how the Progress Bar element can be used to improve conversion rates across your sales and marketing funnels!

It’s easy to use, versatile, visually stunning and, of course, endlessly customizable.

More...

Introducing the new Progress Bars

Before we explore the exciting opportunities made possible by the new Progress Bar element, let’s take a quick look at the two main flavors it comes in…

The Simple Progress Bar

Current Progress
Current Progress
Current Progress
Current Progress

Simple Progress Bars show the progression as a percentage.

You can choose whether to keep it super simple, or to include a secondary progress indicator, to show your visitors how far the next step will take them.

Current Progress
Current Progress
Current Progress
Current Progress

Both of these simple Progress Bars are great for illustrating page sequences that don’t have recognizable milestones along the way, such as surveys and membership onboarding.

But simple Progress Bars are also excellent for illustrating gradual data, like product stock availability and funding goals.

The Noded Progress Bar

Current Progress
Current Progress
Current Progress
Current Progress

Noded Progress Bars show step-by-step progress with defined milestones, called nodes.

These nodes help visitors to understand their actions as they progress through the bigger sequence. Noded Progress Bars are perfect for maximizing conversions across multi-stage funnels like sales enquiries, commissions, webinar registrations and more.

How Can You Use Progress Bars on Your Website?

The new Progress Bar has tons of potential applications, both as a purely aesthetic element, and as a conversion booster.

You can use them on a simple landing page to communicate an impressive statistic, or you can use them across a series of pages to encourage visitors to complete a conversion goal.

Of course, each niche is different, but I’m sure you can find a home for this customizable new Progress Bar element on your website!

Here’s some inspiration to get those gears turning...

1. Multi-Page Funnel Sequences

Book a free consultation with our Google Ads experts

No obligations, just a friendly chat with actionable advice.

Current Progress
Current Progress
Current Progress
Current Progress
Current Progress

Let’s jump right into the big use case for noded Progress Bars.

By definition, a funnel is a series of actions that lead to a final conversion… whether that’s a lead, a sale, or a collection of vital data for your business.

But each step (or page) of your funnel reduces the overall conversion rate, as visitors drop off due to frustration, disorientation, cold feet, or simply getting distracted. Progress Bars can help to mitigate funnel dropoff by setting expectations, and reminding visitors of their progress towards an overall goal.

The example above shows a lead generation enquiry form split into 4 stages. Instead of throwing an overwhelming contact form at the user, it simplifies the process into easily understandable steps, helped along by a noded Progress Bar.

Here, I’ve customized the nodes with different icons, and added labels to help the visitor orientate themselves.

2. New Email Subscriber Funnels

Here's how to get your free ebook...

Current Progress
Current Progress
Current Progress
Current Progress

Do you ask new subscribers to click a confirmation link in their first welcome email (also known as double opt-in)?

Or maybe you offer a free lead magnet?

Then this Progress Bar use-case might be perfect to boost your email subscription conversion rate.

Again, we’re using a noded Progress Bar to encourage visitors to sign up, and then check their email for the confirmation or download link. Each node has a unique icon to make the process clear and simple.

Notice the partial progress? You can choose whether to show progress increments in half or full steps. More on this later.

3. Multi-Criteria Reviews

Lenovo 15.6" Legion Y7000 Laptop Review

Current Progress
Current Progress
Current Progress
Build Quality
Current Progress
Current Progress
Current Progress
graphics capability
Current Progress
Current Progress
Current Progress
Design
Current Progress
Current Progress
Current Progress
value for money

Progress Bars can be great for visually communicating statistics and data too.

By using multiple Progress Bars together, you can create stunning multi-criteria reviews.

The fill animation feature really helps to draw attention to this section when it scrolls into view. keeping readers engaged and impressed.

Just like in the example above, Progress Bars will fill the width of any container or column they’re placed in.

4. Charity Fundraising

Help us raise $100,000 for Mental Health Foundation

$ 38,255 achieved so far
Current Progress
Current Progress
$ 38,255 achieved so far

Here’s a simple but effective use of the new simple Progress Bar element.

I’ve chosen to show fundraising as an example, but this could easily be adapted to promote any target-driven metric… weight lost, pages written, kilometers run etc.

Simple Progress Bars are a great way to breathe life into what would otherwise be a boring statistic or metric on a landing page.

5. Product Stock Levels

Custom-made Amber and Silver Pendant

€79 including shipping

Sold: 11

Available: 4

Current Progress
Current Progress
Current Progress
Current Progress

Don’t miss out!

Simple Progress Bars, like the one above, can inject some urgency for small scale product sales pages.

This shows visitors that:

  1. others have purchased the item – social proof!
  2. they’ll miss out if they don’t make a decision soon – fear of missing out!

Before you get too excited, no this Progress Bar isn’t dynamically linked to any eCommerce system stock levels. It will need manually updating each time, so it’s more suited to custom work like commissions and limited edition items.

6. Video Launch Funnels