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.
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
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.
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
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.
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...
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
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
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.