5 New Updates To Thrive Architect – Late February 2020
With Thrive Theme Builder about to be released to members, you'd be forgiven for thinking that we weren't going to update the rest of our software.
In Thrive Architect version 2.4.9 you'll find a bunch of new features.
This release includes an updated element, some housekeeping (aka: tidying up)...
...and a few advanced features that become exponentially more powerful when used with Thrive Theme Builder.
Read on to find out what's new.
1. New Tabs Element
Last release, we updated the Toggle element. The Tabs element is another crowd favorite and it shares some similarities to the toggle.
So it wouldn't be fair to update one without the other, would it?
Tabs have been completely rebuilt. Have a look at the beautiful new templates that leverage this updated technology:
Tabs now have Smart Color technology, meaning you can update the entire color palette with two clicks and the color algorithm will intelligently update all related shades and tones.
Like the Toggle element, Tabs also use an Edit Mode to give you more control over styling. Edit mode lets you easily style default, hover and selected Tab states without accidentally selecting the wrong part.
From within Edit Mode, you can enable icons or images to use in your tab title area, as well as controlling the positioning and text type (for SEO purposes).
Inside of the Edit Mode, clicking a tab will let you style its default deselected state. Click the 'Show' icon or click again on the tab to start styling the selected state instead.
You'll see that familiar [+] icon that lets you easily add new tabs too.
In the Main Options for Tabs, you can set a default tab that will be open on page load, choose one of 8 different Tab animations on click, and you'll see a toggle to Enable Progress Styling.
When Progress Styling is switched on, all tabs leading up to the selected one will be shown in their selected state. It's a unique way to show your visitors where they are in your tabs element.
Have a look at the example below:
Notice how the third tab is selected and its content area is being displayed, but that tabs 1 and 2 are also orange? That's progress styling in action.
One last note on Tabs...
They're compatible with Jumplinks.
This was a hotly requested feature for both the Toggle and Tabs elements, so we've accommodated your requests in this release.
You can now set a button or hyperlink on the page that, when clicked, will jump the visitor's viewport to your tabs element and open a specific tab of your choosing.
Start by setting your Jumplink on a button or on a hyperlink. You'll find the options here:
Then choose the specific tab that you want to open as the Target:
Now when the visitor clicks that button or hyperlink, the viewport smoothly scrolls to the tabs and your selected tab will automatically open.
Play around with the Tabs element and let us know your thoughts. We think you're going to love it!
2. Typography Bar Improvements
Your ability to manipulate text on Thrive Architect pages has been improving more and more... and it continues in this release.
But with great power comes great responsibility. So we've cleaned up the typography bar in two ways:
1. We've shortened it so it's less intrusive on your workspace
2. We've added a 'pinned mode' that fixes the typography bar to the top of your viewport.
But that's not all that's changed in the typography bar...
3. New Dynamic Text Control
If you look at the typography bar now, you may also notice that the 'Insert Shortcode' option has been replaced with a new icon.
This one is for Dynamic text. It can do everything that the Insert Shortcode option could before... but much, much more.
Here's how it works:
Dynamic Text allows you to display text on your website that can change depending on:
A simple example would be showing a logged-in user's email address.
If you use Dynamic Text, then you can display a user's email address and it will show a different result depending on which user is viewing the page.
Dynamic Text is especially useful when editing templates in the soon-to-be-released Thrive Theme Builder. You can modify text areas at the template level safely knowing that each post or page that interprets that template will update with the right text.
Try it out on a Post List and you'll get even more options such as taxonomies, author name and more. These will be placeholders that will show the correct values for the post they match with.
'Request Data' (example)
Rather than listing all 50 of the new Dynamic Text sources, let me highlight a crowd pleaser: Request Data.
It's a little more advanced than others, but you'll quickly see why it's a powerful feature.
Request Data is a type of Dynamic Text that includes Post Variables, Cookie Data, and... URL Query String values.
Why does this kickass? Take a look:
Let's say you send an email to your mailing list subscribers with a link to a sales page. With most mailing services, you can add the subscribers name to the email hyperlink in the query string. With ActiveCampaign for example, your link might end with this:
ActiveCampaign would then customize that link for each email recipient. So the email sent to my inbox would end up with the link:
Each email subscriber gets their own name pre-filled into that link.
All the links will still go to the same sales page. The query string just carries some extra information about the visitor (their name) which can be accessed by the browser.
Now on the sales page, I can use Dynamic Text to collect the name from the URL Query String and display it right there on the page. That means I can personally address every subscriber that visits my sales page.
Here's how that might look:
In the above Dynamic Text settings, I'm asking Thrive Architect to look for something called "first_name" in the URL Query String.
If nothing is there, I want it to show the word 'there' (or you can leave it blank). Why? Because if someone visits without a value in the query string, I want my text to say "Hi there!" instead of "Hi [name]!"
The Result? See for yourself!
To the visitor, it's seamless.
They arrive at your sales page with their name right there at the top.
What Dynamic Text Sources are There?
Play around with this option and you'll find:
(Advanced users: did you notice that 'Cookie' was an option too? You know what that means, right? The sky is the limit.)
Customizing Your Dynamic Links
4. ACF Custom Field Integration With Thrive Architect
ACF, or 'Advanced Custom Fields', is arguably the most popular Custom Field plugin for WordPress.
With this plugin, you can create custom fields that become available per post or page in the WordPress back end.
Now you can use those custom fields as input values on compatible Thrive Architect elements... such as the Star Rating element.
That means when you show these elements in a Post List or a template built with Thrive Theme Builder, you can dynamically update the element depending on the post.
Here's How it Works:
As an example, I've created a post type called 'Team Members'. In Advanced Custom Fields, I've created 3 new fields that load on each of these posts. 2 are text fields, but one is a number field which I'll use for a Star Rating.
Now that these custom fields are created, I'll find them available in the WordPress backend on any Team Member posts:
All I have to do is enter some values into these fields in the backend of the WordPress posts.
Then, when I'm editing a post list or template, I can drop the Star Rating element into the post and I'll have a new option to select a Dynamic Source:
Now when I display a Post List element with team members, the Star Rating element will show a different rating depending on what post it is connected to:
What Elements Have Dynamic Sources?
If you haven't configured your Custom Fields correctly, no Dynamic Source option will appear. Thrive Architect is smart like that.
Here's the list of compatible elements and the type of field input you'll need to use for them:
Provided you have the right field type set in ACF and the accompanying post has a value set for the field, you'll now be able to dynamically control all of the above.
By the way, we're not finished with this ACF integration. There's more coming soon!
5. Improved Template Saving
We know you love our Templates and Symbols feature. It makes life easy.
However, every once in a while, you'll want to update one of your hand-made templates rather than saving a new design.
To help you with this, next time you hit that save icon on any element, you'll see a new Template and Symbols saving screen:
This makes it easy to see your auto-generated thumbnail preview, search for old templates and then overwrite them if you please.
What do you think? Let us know!
We love hearing from you with your feedback and feature suggestions.
Update to Thrive Architect version 2.4.9 in your WordPress dashboard, play around with the new features, and let us know what you think.
It's a good time to be a Thrive Themes user.