6 New Improvements to Thrive Themes – Late November 2020
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.
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.
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.
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!
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.
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.
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.
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.
Orientation, Size and Alignment
Configuring the size, scale and appearance of your Social Share buttons is now ridiculously easy.
With one click, you can choose to display your icons horizontally as above, or vertically, perfect for blog sidebars.
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.
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:
...to stretch evenly across the available space until it looks like this:
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.
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.
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.
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 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.
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.
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.
We've added a new evergreen campaign trigger type in Thrive Ultimatum, our dedicated scarcity plugin for WordPress: Incoming webhooks.
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.
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.
When you add a new action to an ActiveCampaign automation, choose 'Conditions and Workflow', and add 'Webhook'.
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 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.
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.
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.
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:
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!
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.
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.
Once selected, you'll be prompted to either load any existing blocks you've already built or to start with 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.
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.
Once you've saved your changes, your Gutenberg preview will update with the new Thrive Architect block that you've made.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.