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.

Think again.

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.

More...


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:

Clean, professional, and versatile new tabs.

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

Enable icons or images in the tab title areas

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.

Click 'Show' or click twice to switch to a selected state during Edit Mode.

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.

​A new option for 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:

Progress Styling highlights all tabs up to the one your visitor has selected.

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:

For a Button, set your Jumplink here

For a Hyperlink, set your Jumplink here

Then choose the specific tab that you want to open as the Target:

The orange dotted line shows the Jumplink target tab

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:

Your typography bar can now be pinned.

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.

New Dynamic Text 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:

  • ...where it is used
  • ...who is visiting that page
  • ...when you update its source

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:

.com/salespage/?first_name=%FIRSTNAME%

ActiveCampaign would then customize that link for each email recipient. So the email sent to my inbox would end up with the link:

.com/salespage/?first_name=Brad

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:

These are the settings to use on your Sales Page for Dynamic Text.

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!

How dynamic text looks in the Architect editor, or when no value is in the query string.

How it renders to a visitor if the Query String has their name in it.

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:

  • Content: Post title, ID, type or URL
  • Global Fields: Business contact information, social media links, legal pages and more.
  • User Data: WordPress Username, Email, First Name, Nickname, IP Address, Browser, etc.
  • Request Data: URL Query String, Cookie, Post Variable 
  • Source: Referring URL
  • Time & Date
  • Custom Fields: Reading from ACF. (See update #4 below)

(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

Sometimes when you are customizing a Post List or a template with Thrive Theme Builder, you'll want to use a Dynamic Hyperlink instead of just text.


Easy! You can even choose whether or not you want these links to open in a new tab (or nofollow if you don't want to give link juice).

 

Dynamic sources are available for Hyperlinks too

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.

My set of 3 custom fields made in Advanced Custom Fields

Now that these custom fields are created, I'll find them available in the WordPress backend on any Team Member posts:

ACF now lets me type into these fields on any 'Team Member' post.

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:

If Architect sees a correct custom field in ACF, the 'Dynamic' option will become available.

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:

One post list, 2 different star ratings dynamically updated: 4.5 on the left and 4 on the right

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:

  • Progress Bar Percentage - Requires a number field between 0 - 100
  • Fill Counter Percentage - Number field between 0 - 100
  • Star Rating - Number field
  • Countdown Timer End Date - Date Time Picker field
  • Google Maps - Text field of coordinates with no space between, such as: -33.8346756,151.1904268 (improvements coming soon)
  • Dynamic Audio - File (must exist in WP Library)
  • Dynamic Video - File (must exist in WP Library. External video options coming soon)
  • Dynamic Image - Image field (improvements coming soon)
  • Hyperlink - URL field
  • Text - Text field (to display this field, use the Dynamic Text feature).

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:

The new Template & Symbols "Save Element for Later Use" lightbox.

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.

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
>