WooCommerce and New Features at Thrive Themes – Late September 2020
Back in July, we released a game-changing improvement to Thrive Theme Builder: our integration with WooCommerce.
In terms of flexibility, this was leagues ahead of the average WordPress theme. Instead of stiff and limited styles, Thrive Theme Builder gave you the power to customize sidebars, footers, and templates across all of your ecommerce pages.
But we wanted to make it even more flexible.
In our latest update, we've rolled out a huge improvement to our WooCommerce integration...
...along with a few other (unexpected) improvements. Read on to find out what's new!
1. WooCommerce Shop Element Styling
Your WooCommerce shop page operates like a homepage for an ecommerce store.
It's where you list your products, prices and descriptions, and allow visitors to apply filters, search and add items to their cart.
To bring you up to speed, your shop page has a shop element embedded in the middle of any surrounding content such as sidebars, footers, menus, etc. With Thrive Theme builder, it will look like this:
Our integration with WooCommerce doesn't just allow you to style the content around your shop, but it also allows you to pick from a number of beautiful, designer-made shop page templates.
Take a look at this selection.
This is where our WooCommerce integration was already at.
You could style the content around your shop easily, but you couldn't directly apply styles to the appearance of the products inside your shop.
In our latest update, we've changed that. You now have incredible granular control of the styling and appearance of your shop items.
Let me walk you through it.
When you have WooCommerce installed, you'll find a Shop element available in your Thrive elements tray:
By default, the shop element is already embedded right in the middle of your WooCommerce shop page, but you can also embed it onto any page you want.
That means customized shop templates on landing pages, WordPress pages... even blog posts if you want!
There are two stand-out new features of this Shop element:
- 1Templates that change the appearance of the shop content.
- 2An 'Edit Design' mode.
When you click to apply a new template to your shop element, you'll see that our designers have already built a library of templates you can choose from.
If you're confused so far, here's the main difference:
Thrive Theme Builder already had templates for your core shop page... but now we also have templates for the appearance of the product listing inside of the shop element which you can embed anywhere on your website.
You'll see options with dark backgrounds, light backgrounds, square images and round images, one or two rows (or more), etc.
Although you'll still have your main shop at yourdomain.com/shop, you can embed this shop element anywhere you want and configure it to your heart's content.
In the Thrive Architect sidebar, you can select specific products or filters that apply to the shop, and enable/disable features such as pagination, rating, sales flash labels and more.
Where this element gets really powerful is when you combine it with the Edit Design mode.
By entering Edit Design mode, you'll be able to change eeeeeverything, including:
Inside of Edit Design mode, you can just click on anything inside the shop, make your changes, and it will apply like a template. That means that as your visitors browse through products in your shop, your new design style will apply to all products.
Spend a few minutes modifying the Shop styling and you can end up with a professional, attractive shop embedded on any landing page or WordPress page of your choosing.
Here's one I made and embedded on the eBook Smart Landing Page set.
Editing Styles not Content
It's important to note that you are editing the appearance of the shop, without changing the content itself. The content of your WooCommerce shop is loaded dynamically from the products you've created in the backend of your website.
This means your edits will be compatible with a host of WooCommerce extensions that add new functionality to your shop.
It's a win-win.
2. WooCommerce Headers
If you want to scale an eCommerce business, you'll want to build out a content-driven website that lives alongside your shop and can funnel traffic from Google search results and social media towards your products.
This means both a content-site and an eCommerce shop living in harmony.
In our latest update, we've added new eCommerce focused website headers that you can apply to just your eCommerce pages, leaving your standard website header across the rest of your site.
In the Thrive Theme Builder website wizard, spot the new Step 12: 'Shop Header'.
Once again, our talented design team have put together a selection of conversion-focused, eCommerce-friendly header templates that you can pick from.
These templates will automatically inherit your brand colors, include calls-to-action, search bars, and My Account + Cart links in the header... even using our popular mini-cart element.
Here's an example of a WooCommerce header below.
Take note of the 4 shop-related notices across the top and the My Account and Cart icons on the right.
WooCommerce headers will apply to key eCommerce pages including:
If your visitors arrive at any of those pages, it's fair to say that they are interested in your eCommerce options, so the appropriate header will be displayed.
As for the rest of your website, customize the header to exactly what you want!
Remember, you can always change these headers from the Thrive Theme Builder sidebar here.
3. New Social Follow Element
Thrive Architect users, there's a new element in your element tray called Social Follow.
This is a vastly improved version of the now-renamed 'Business Social Links' element that existed for Thrive Theme Builder only, and is now available across both tools.
The purpose of this element is in the name: to help your website visitors follow you on social media.
The Social Follow element makes it ridiculously easy to drop a series of social icons on the page that link out to your social media accounts.
Smart Site Social Links
By default, the Social Follow element will be pre-populated with popular social accounts and will encourage you to set up Global Social fields.
Global Social fields allow you to manage the many, many different links you'll find yourself reusing again and again as your website grows... including links to your social accounts.
Inside the settings for each social icon, you'll see a link to your 'Smart site dashboard'.
We encourage you to use these global fields because if you ever change your social profiles, addresses or contact information, it can be very frustrating to update your whole website one link at a time.
With Smart Site, it updates everywhere at once.
Whatever Social links you've configured in this dashboard will be automatically assigned to icons in the Social Follow element
Adding Custom Social Accounts
You don't have to use Global Social fields.
You can add any custom accounts of your choosing just by clicking 'Create New' on the Social Follow element
Here you can set a non-global URL and pick the appropriate icon from our vastly growing icon library:
Once you've added your icon, it'll appear enabled in the list Social Follow list.
But there's one problem... you'll see that it's just dark grey.
To assign a network color, simply enter the edit mode, select your new icon and define a color value under 'Network Color'. Your icon will be updated.
A Network Color is a shared value between different styles, and will apply to the icon, background or border as defined by the style.
This means if you change the look of your Social Follow, the network color information will be retained.
You didn't think it was only going to come with 1 style, did you?
Of course not. This element comes with 8 social follow styles!
Some are monochrome, others are colored, but they all have the appropriate network colors saved behind the scenes.
You can also override network colors with your custom branding. (Yeah, we've thought of everything!)
For example, if you have a colored style like this one below:
...and you would prefer to re-color all the icons to seamlessly blend in to your page, you can enable the 'Custom branding' icon and apply a single color that will override the network colors of all icons.
But wait... there's more!
Your Global social links are for you and your business. However, on occasion you may have blog posts written by a contributor that wants to link out to their own social accounts.
Can you do that? Of course you can.
You can add the Social Follow element to a blog post template made in Thrive Theme Builder and create an author box. Then, instead of choosing 'Global site' links, you can select 'Author Links'.
This will mean that the Social Icon links will be dynamically updated to match the Author of the accompanying blog post. You'll have one template that will modify itself to suit the content of your website. Amazing!
Author Links are attributed to the WordPress author. To edit these, in your WordPress dashboard, navigate to Users >> Profile:
Inside of your profile, you'll see a list of Thrive Social URL Settings, where each author can define their own personal social media links that will be applied to the Social Follow icons on the posts they write.
Note: The Social Follow element is smart enough that if it can see an Author does not have a specific social account setup, it will intelligently hide that icon from being displayed on their blog posts.
4. Thrive Ultimatum Gets Shorter Evergreen Campaigns
I bet you didn't see this one coming...
Thrive Ultimatum got an update!
Just like a father shouldn't pick a favorite child, I probably shouldn't pick a favorite Thrive plugin. But I'm going to anyway (just don't tell the others, it'll hurt their feelings).
Thrive Ultimatum is the unsung hero of the Thrive Themes suite and I think it's incredibly over-powered when placed in the hands of a knowledgeable marketer.
To bring you up to speed: Thrive Ultimatum isn't just a countdown timer... It's a website-wide scarcity marketing tool that let's you build out timelines, triggers and conversions for time-limited campaigns.
The new feature we've just added is support for shorter evergreen scarcity campaigns.
You can now create countdown durations that are hours... or minutes long, that will start from an un-hackable evergreen lockdown trigger.
Perhaps you're wondering: "Why on earth would I want to do that?"
The answer is because One-Time-Offers (aka: OTOs or Tripwire funnels) are known to convert very well.
To set one up, all you'd do is set a short countdown durations such as 20 minutes, activate 'lockdown' (which means no-one will get access to the offer unless they meet strict criteria) and tie the evergreen timer to a Thrive Leads conversion.
Then, style your Thrive Ultimatum countdown and embed it on your 'Thank you' page with a promotion for your one-time-offer, something like this:
Visitors that sign up through specific Thrive Leads forms are immediately offered a special one-time-offer that lasts only 20 minutes, and they won't ever get access to it again.
It's intelligently tied to their email address and cookies so if they try to get access to the promotion again... too bad buster, it's gone!
Capturing visitors in this frozen 20-minute offer is a great way to say "Here's something special but you have to take us up on it right now" - hence why it converts.
We've also consolidated a 'Minimum duration' feature into this evergreen countdown settings area.
If you choose the minimum duration option in Thrive Ultimatum, you'll be able to set a specific time of day and timezone for the countdown to expire.
What this means is you can have your evergreen campaigns end at a realistic time of the day.
You set the minimum duration that must pass before the countdown expires and Thrive Ultimatum will then count to your nominated time of day after that duration has passed for each visitor.
An example would be setting your minimum duration to 3 days and the time to 11 am.
Rather than expiring exactly 3 days after the trigger occurs, which could be an unusual time of day such as 10:14 am, the timer will count to exactly 11 am on the 3rd day after the trigger event.
Making your evergreen timers finish on-the-hour adds believability to your automated scarcity funnels.
Now are you starting to understand why Thrive Ultimatum is my favorite?
(Ps: There are more updates coming for Thrive Ultimatum soon too!)
5. Custom Page Scripts
For years now, we've had a Custom Page Scripts feature that has been buried a few menu-items deep in Thrive Architect.
We've now made it more accessible in Thrive Architect and we've made it available at the WordPress post/page level for those of you that prefer to blog with the Gutenberg editor.
In Thrive Architect, you'll find it as a new option from the Page level breadcrumb here:
If you have Thrive Theme Builder installed, you'll find it available in the WordPress editor from the right-hand menu here.
These script areas are where you would paste custom tracking scripts, advertising scripts, affiliate marketing scripts or any other type of script.
Whatever you paste here will only be relevant for that specific page.
If you're looking to add scripts website-wide, then don't forget that we already have a custom scripts manager for you whole site located under Thrive Dashboard >> Analytics and Scripts.
Leave Your Comments Below!
You know we always love hearing from you and what troubles you are having with your business. It helps us keep our finger on the pulse.
So drop a comment below and let us know what you like, don't like, or what you want next.
Your comments are read and discussed by our product team and go towards making our software better and your websites more powerful.