Notice: Function register_rest_route was called incorrectly. REST API routes must be registered on the rest_api_init action. Please see Debugging in WordPress for more information. (This message was added in version 5.1.0.) in /home/thrivethemes/dev/thrivethemes/staging.thrivethemes.com/wp-includes/functions.php on line 6078

Notice: Function register_rest_route was called incorrectly. The REST API route definition for membership/v1/tags/schema is missing the required permission_callback argument. For REST API routes that are intended to be public, use __return_true as the permission callback. Please see Debugging in WordPress for more information. (This message was added in version 5.5.0.) in /home/thrivethemes/dev/thrivethemes/staging.thrivethemes.com/wp-includes/functions.php on line 6078

Notice: Function register_rest_route was called incorrectly. The REST API route definition for membership/v1/tags/activity/(?P[\d]+)/(?P[\d]+) is missing the required permission_callback argument. For REST API routes that are intended to be public, use __return_true as the permission callback. Please see Debugging in WordPress for more information. (This message was added in version 5.5.0.) in /home/thrivethemes/dev/thrivethemes/staging.thrivethemes.com/wp-includes/functions.php on line 6078

Notice: Function register_rest_route was called incorrectly. The REST API route definition for tve-dash/v1/growth-tools is missing the required permission_callback argument. For REST API routes that are intended to be public, use __return_true as the permission callback. Please see Debugging in WordPress for more information. (This message was added in version 5.5.0.) in /home/thrivethemes/dev/thrivethemes/staging.thrivethemes.com/wp-includes/functions.php on line 6078

Notice: Function register_rest_route was called incorrectly. The REST API route definition for tve-dash/v1/growth-tools is missing the required permission_callback argument. For REST API routes that are intended to be public, use __return_true as the permission callback. Please see Debugging in WordPress for more information. (This message was added in version 5.5.0.) in /home/thrivethemes/dev/thrivethemes/staging.thrivethemes.com/wp-includes/functions.php on line 6078
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!

More...

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:

The default WooCommerce shop template in Thrive Theme Builder

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.

Pre-made WooCommerce shop page templates.

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:

Add the Shop element to any page

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:

  1. 1
    Templates that change the appearance of the shop content.
  2. 2
    An 'Edit Design' mode.

Choose your template and edit your design

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. 

Pre-made shop layouts you can add to any page

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.

Apply a product filter

Add or remove display features

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:

  • Button colors, borders, hover-state and typography
  • Image borders, corners and sizes.
  • Fonts, font sizes, font weight and color
  • Star rating sizes and colors
  • Background colors, pagination, filter appearances, etc.

The 'Add to Cart' button can be styled just how you want it

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.

Select your pagination and style it

Resize or color Star ratings

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.

That's a nice looking, simple 2-product shop!

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

Jump straight to Step 12 to add a WooCommerce 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.

Lots of different eCommerce headers to choose from!

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:

  • Shop Home template
  • Product Templates
  • Cart
  • Checkout
  • My Account Pages

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.

Change your templates with a click

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.

Look for the new Social Follow element

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.

Social Follow settings when you first place it on the page

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

Click the link to open the Smart Site Dashboard

Your Smart Site dashboard is a central place to create and store links for Social media accounts, privacy policy pages, contact email addresses, phone numbers, etc.

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.

Under Global Fields, add all of your social account URLs.

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

Add a custom social URL directly to the element

Here you can set a non-global URL and pick the appropriate icon from our vastly growing icon library:

The Brands tab in the Icon Library now has 655 free brand icons.

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.

Your custom social icon won't have a color value yet.

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.

Apply a Network Color to your new icon and it's ready to go!

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.

Applying Styles

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!

Swap between styles without losing the links you've saved to your icons.

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:

Note how each icon has the network color displayed.

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

Enable custom branding and choose a color that applies to all icons!

Author Links

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

Choose 'Author' for your dynamic link source.

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:

Your Author links are set at the WordPress user 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.

These Thrive Social URLs are applied per-author.

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.

Impressive, right?

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.

Thrive Ultimatum's default timeline overview for a single campaign.

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.

Set your evergreen countdown duration by days, hours, minutes and seconds.

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.

This is a campaign that would trigger on mailing list sign-up.

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:

The promotion page that only shows until the counter hits zero.

The result?

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.

Minimum Duration

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.

Minimum Durations let's you set a time of day to end the campaign.

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:

Navigate to the page level breadcrumb to find your custom script boxes.

If you have Thrive Theme Builder installed, you'll find it available in the WordPress editor from the right-hand menu here.

Custom scripts can be added in the WordPress editor too.

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.

Website wide scripts are managed from your Thrive dashboard.

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.

About the Author Bradley Stevens


Brad is the CEO at Thrive Themes, and a serious marketing nerd. He’s been a videographer on top of the Sydney Harbour Bridge, a drummer in a rock band, an actor in independent films, and he’s created and sold his own online courses.

Get In Touch
>