The latest updates for the Thrive Themes suite have been released... and you're going to love them!

In this latest batch of 6 updates, you'll find a few features that have been requested for some time... and some unexpected surprises too.

You're in the right place to learn more about these new features and how to get the most out of them, so read on!


1. Improved Social Share Element

If you're using a social share plugin for your WordPress website, you can go ahead and delete it.

Thrive Architect and Thrive Theme Builder already came with a Social Share element, but now we've now made it 100x better.

What is a Social Share button?

As the name implies, Social Share buttons on a website allow a visitor to share the page they are viewing onto their own social media accounts so it can be easily discovered by their friends and followers.

An example of 4 x social share buttons

This is different to the Social Follow element which links out to your own social media accounts, making your profiles easy to find.

When a visitor clicks a Social Share button, a new browser tab opens with a dedicated share view, making it only a few clicks to publish your page onto their social media account.

An example of what a user sees if they click the 'Tweet' button

For an online business, encouraging visitors to share your webpages is an essential part of building your brand, attracting organic traffic and generating viral marketing.

Not only have we improved the flexibility of this entire element, but our designers have built 13 more styles on top of the original 5 we had before. 

Click the image below to zoom in and see the new designs!

13 new designs? Click the image to see them up close!

What has been improved?

When you place a Social Share element on your page, you'll find a few new options in the Main Options panel of the Social Share element, and improvements to the old ones.

New Main Options in the Social Share element

Let's get a closer look at some of those options.

3 Social Share Types

There are 3 display types for your Social Share buttons.

1. Icon + text

This display type will show each social share button with it's network color and an editable call-to-action text next to it.

Icon + Text designs

2. Icon only designs

This display type strips away the text leaving just the icon, ideal for when you want to preserve space on your website or for vertical layouts.

Icon only designs

3. Counter designs

The Counter option replaces the call-to-action text with the number of times the current page has been shared on each network. Note that not all networks offer this data so we'll only show it where possible.

The counter design type

Orientation, Size and Alignment

Configuring the size, scale and appearance of your Social Share buttons is now ridiculously easy.

The Orientation toggle swaps your share button layouts

With one click, you can choose to display your icons horizontally as above, or vertically, perfect for blog sidebars.

Vertical view

Resizing the buttons is simple, with a draggable slider that will scale the entire element proportionally.

Want excessively big buttons? Or would you prefer discreet little icons? Drag the size slider and you're done.

Size and alignment settings

Alignment options let you set your Social Share button's position in their parent container. The 'Full' option will force a simple design like this:

Center alignment stretch evenly across the available space until it looks like this:

Alignment set to 'full'

In some cases, you might find your Social Share buttons are different sizes depending on the call-to-action text of your choosing.

To repair this, you'll find a 'common button width' toggle that neatens up the button widths until they are all uniform. Yes, we believe in keeping your website neat and tidy.

Notice that gap next to 'Pin'? Not so nice, is it?

Aaaand now it's gone!

Show Share Count

Social Proof is a strong influencer of conversion rates. When you see a YouTube video with millions of views, don't you think differently towards it than if there's only a few hundred?

Some social networks make a page's share count data available. We can aggregate and display that count right on your page, essentially letting you show off how many times a page has been shared. 

Your share count settings

However, it doesn't look so good if your site says '0 shares'... so instead, you can set a display count minimum. 

Until your page has been shared that number of times, the share count will be hidden. The moment it reaches that number, the counter will become visible.

Change the position and appearance of the share counter

By the way... Your social share buttons don't have to point to the page they are shared from, either. 

By setting a Custom share URL, share buttons on a page can point to any other page, ideal for multi-page ultimate guides where you want incoming social traffic to arrive on page 1, despite which page it was shared from.

Custom share URL will share the page you want shared

Custom Branding and Edit Design

Each of the 5 socially shareable networks have a network brand color assigned. On your website, you might find that a little too colorful for your liking.

By enabling Custom Branding, you can set a color of your choosing that will overwrite the network color defaults.

Enable custom branding and choose a color

Social Share buttons set to an orange custom branding color

The inclusion of an Edit Design mode means you are able to tweak the finest details of your Social Share buttons, from the typography, to the icons, to the borders, corners, padding and margins.

This is true design flexibility.

In Edit Mode, you can customize everything about your share buttons

Once again, we are proud to say this Social Share element is the most flexible element you'll find for WordPress... and that there are entire plugins we're replacing with this single element.

What about other networks?

Perhaps you are wondering "What about sharing to email, WhatsApp, iMessage, or Facebook Messenger?"

We do not recommend you offer any of these options to your visitors.

The more options you offer, the less likely that a visitor will take any action at all. All the above services are 1-to-1 shares and most mobile browsers have share functions that support these already built in. 

Sharing to Facebook, Twitter, LinkedIn, Xing and Pinterest means sharing on a publicly accessible page that can be seen by all followers, making them a much higher point of leverage in your business.

2. Thrive Ultimatum WebHook Triggers

This... This is big.

Really big.

We've added a new evergreen campaign trigger type in Thrive Ultimatum, our dedicated scarcity plugin for WordPress: Incoming webhooks.

The new webhook trigger option in Thrive Ultimatum

The first two trigger types, 'Thrive Leads conversion' and 'Visit to promotion page', both require a visitor to take an action on your website that will begin the countdown scarcity campaign.

Although that's useful for some evergreen campaigns, you might want to warm up your subscribers on your mailing list before triggering an evergreen campaign and trying to sell them something.

Now you can trigger an evergreen countdown from ActiveCampaign... just by sending a webhook.

Webhook settings for ActiveCampaign

When you select this option as your trigger type, Thrive Ultimatum will give you a webhook URL. You'll need this when configuring ActiveCampaign.

Why is this such a big deal?

At the moment, this feature is only available for ActiveCampaign, our preferred and recommended email marketing service. Based on demand, we'll expand this feature for other email marketing tools and webhook services (make sure to drop your requests in a comment!).

In ActiveCampaign, you can create a time-based automation that will send emails to a new subscriber over a sequence of hours, days or weeks.

You can configure ActiveCampaign to send a webhook at any given time in an automation sequence.

In ActiveCampaign, click the Plus icon on an automation to add a new action

When you add a new action to an ActiveCampaign automation, choose 'Conditions and Workflow', and add 'Webhook'.

The Webhook action in ActiveCampaign

You'll be prompted to enter a URL to send the Webhook data. That's where you paste the URL provided by Thrive Ultimatum.

The webhook action set to trigger after a 5-day wait

The end result?

Now when any subscriber or contact moves through this automation in ActiveCampaign, when they get to the webhook step, ActiveCampaign will send their email address to Thrive Ultimatum.

The moment Thrive Ultimatum receives that webhook, it will activate an unbreakable evergreen scarcity countdown campaign... only for that specific email address.

Your Thrive Ultimatum timers will begin counting down only when that specific subscriber visits your site, and since you know exactly when the campaign began in ActiveCampaign, you can synchronize the deadline with your emails.

Simply program ActiveCampaign to send a promotion email after the countdown starts or to automatically send a "48 hours left" email exactly 48 hours before the deadline.

Amazing, right?

3. Reading Progress Indicator in Thrive Theme Builder

Have you ever visited a website which displays a reading progress bar across the top of the screen that animates left-to-right as you scroll up and down the page?

It makes a website just that little bit more interactive and informative... and we've now added this feature to Thrive Theme Builder too.

Enable reading progress indicator

When you enable this feature from the Post or Page level breadcrumb in Thrive Theme Builder, you'll be able to customize the position, color and height of the progress indicator.

Reading progress indicator options

You can either set it at the very top of the viewport, or underneath the header, the latter which will display a line just like this:

This is a reading progress bar when the viewport arrives at the end of the content

However, we took this feature one step further...

Not only will that line expand left-to-right as the visitor scrolls, but you can dynamically display reading length in minutes on the page... a number that updates as the visitor reads!

Under dynamic text, look for 'Content' >> 'Reading time remaining'

An ideal use for this would be in a sticky sidebar. The number is auto-generated based on the average reading time of a website visitor (200 words per minute) and the number of words in your article.

7 minutes reading time automatically calculated

Combine both the reading progress indicator and the dynamic reading time text, and you'll get an interactive effect on your website that looks like what you see in the video below:

A nice touch, don't you think?

4. Thrive Architect Blocks in Gutenberg

Thrive Architect is a very powerful, user-friendly visual editor for WordPress.

Perhaps we're biased, but we recommend using Thrive Architect to write your blog posts and page content to make it richer and more visually appealing.

However, sometimes bloggers and website owners have technical reasons or preferences for writing in the WordPress Gutenberg editor.

We love WordPress, and want to help you use Thrive Architect in the way that suits you best...

To support the WordPress ecosystem, we've now released Thrive Architect blocks for Gutenberg, which allows you to get Architect-made content into the Gutenberg editor when you want it.

How to use Thrive Architect blocks in Gutenberg

When you're writing a page or post in the WordPress Gutenberg editor, click the [+] button and search for Thrive Architect blocks.

Thrive Architect Blocks are available as a block type in Gutenberg

Once selected, you'll be prompted to either load any existing blocks you've already built or to start with a new one.

Load a saved block or create a new one

Thrive Architect Blocks in Gutenberg use our Symbol technology, so if you choose to create a new block, you'll see the Symbol editor opened in Thrive Architect.

The Symbol editing view, used for Gutenberg blocks too

In this editing view, there are no width settings or background colors by default. This is because the blocks are designed to expand to the full width of the content area where you choose to display your blocks.

From this view, either add elements manually or click to add any of our Content Blocks from the library.

Drop any content blocks into the Gutenberg Block editor

Once you've saved your changes, your Gutenberg preview will update with the new Thrive Architect block that you've made.

Thrive Architect content now displaying in the Gutenberg editor

Note that these blocks use our Symbol technology, meaning that you can re-use the same symbol in multiple places on your website and that making changes to one of them will update all instances of that same Symbol or Block.

To view all your saved Blocks and Symbols, visit Thrive Dashboard > Global Elements > Symbols & Blocks.

Any blocks you made from the Gutenberg editor will be in their own category, as you can see below.

Review your Symbols & Gutenberg Blocks together in the Global Elements panel of the Thrive Dashboard

5. WordPress User Field Mapping

Over the last year, our Lead Generation element has evolved dramatically and we've introduced a Registration Form element that expands on it even further.

In both form types, we've integrated with custom fields allowing you to collect information from your subscribers and keep it on file with a 3rd party email marketing tool.

But what about custom fields inside of WordPress?

With the latest update you can now get more data into a WordPress user profile... and you can display that data dynamically whenever you need it too.

How to get more data in WordPress User Profiles

With Advanced Custom Fields, a popular plugin that extends the capabilities of WordPress, you are able to add custom fields to a user profile.

In the image below, you'll see that Biographical information is a field native to WordPress and that I've added Favourite Color and Occupation fields to the user profile too.

ACF profile fields added to my WordPress user profiles

Once fields like these exist, you can use the Registration form element or the Lead Generation element with a WordPress connection to write data into the WordPress user profile.

Make sure your Lead Gen form has a WordPress account connection enabled in order to save data to the WordPress user

After adding a field type to your form (such as a text field), you'll see that you can map it to one of the profile fields managed in WordPress.

Map to WordPress

The result is that you can create registration or sign up forms like the one below that collect more information about the user and keep it on file inside of WordPress... as well as passing it to a 3rd party tool, if you'd like.

Notice Website URL, Occupation and the Biography fields? Entries here are saved to the WordPress User profile

Once that data is in the user profile, you can also recall it dynamically onto any page created in Thrive Architect or Thrive Theme Builder.

In the Dynamic Text options, you'll find all of your WordPress user profile fields (including custom fields) available under the 'User Data' text type.

All WordPress user data is available, including your custom fields

If you're wondering what the purpose of this is... sit tight.

This is one of those changes that will make more sense when we release upcoming improvements to Thrive Apprentice.

6. Google Maps Element Improvements

For many years, we've had a Google Maps element in Thrive Architect and in our latest release, we made a few simple improvements to help make it more flexible.

Look for the Google Map element

The new Google Map element is much more malleable on the canvas, with improved alignment options. It now supports the same options for borders, corners, shadows and layout & positioning that you've come to love.

With a few clicks, you can enter any address, set your zoom settings, and define the map width and height.

Google Map settings view

We've also added a new toggle for 'Stretch to fit screen width', which will quickly make your map behave like a full-width background section, perfect for location-based businesses that want to draw attention to where their storefront can be found.

Toggle 'Stretch to screen width' to ignore inherited page widths

Leave a comment with your ideas!

We love getting your feedback on our updates, to discover how you'll use these new features and to hear about what other improvements you'd like to see.

Are you excited about the new Social Share element? Do you want Webhook support for a different email marketing service?

Drop us a comment below! We read every comment.

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