It's software update week and this time we've rolled out 3 small improvements to our suite of WordPress plugins.

Two of them are with Thrive Architect, the backbone of many of our plugins, and the other is a new custom fields integration. To find these changes on your website, make sure you've updated to Thrive Architect version 2.4.8.

This is just a small release but we're cooking up a few bigger changes around the corner.

Want to know what's changed? Read on for the latest.


But first...

1. Completely Rebuilt Toggle Element

You've seen it in the Thrive Architect elements panel before. But not like it is now.

Now that's a good looking toggle!

Those of you that have been using our products for years will know that the Toggle has been around since before Thrive Architect, back when it used to be known as Thrive Content Builder.

It's been a staple in our products for years. But we decided it was time for a complete overhaul.

Don't worry: it's backwards compatible. If you update Thrive Architect, the toggles on your website will remain the same until you want to use the new ones.

Right out of the box, the Toggle element comes with 16 beautifully designed templates and a default design if you want to build your own from scratch. 

Two column Toggle layout? Easy!

Make no mistake... These aren't just new templates. This is a completely rebuilt element.

Here's what's new:

Smart Color Technology:

In the main settings area of the Toggle, you'll see a color picker. Depending on which template you load, you may even see more than one color picker.

Look for the new Main Accent color picker.

This allows you to change the overall color palette of your toggle in a single click.

By setting the accent color, your toggle's font colors, background sections, borders and hover colors will intelligently change to match the accent.

What makes smart colors really smart is that it will apply different shades derived from the same accent color.

Look at this example:

Our smart color algorithm will figure out what shades to use.

Although the pale red content box is a different shade to the red Toggle title font, both will intelligently update when you set a new accent color.

Want something different? You can manually override any of these colors by entering the new Edit Mode and setting the colors for the expanded, collapsed or hover states of your toggles.

Toggle Animation & Auto-Collapse:

How do you want your Toggle to open? Do you want it to happen instantly, or would you prefer a slow animation?

With these new options, it's just a couple of clicks to set your chosen animation.

Auto collapse and animation settings

Tucked away in the Architect sidebar, you'll also find a switch to enable Auto-Collapse. This is sometimes known as the accordion effect, and the result looks like this:

See how the first toggle closes when the second is opened? That's auto collapse.

With auto-collapse enabled, clicking a new toggle will immediately collapse the last one left open. This way, you can force only one toggle open at a time.

Set Your Toggle Defaults:

The Main Options panel for the Toggle now offers lots of granular control.

New options available for the Toggle

Toggle titles are wrapped in H4 tags by default. For SEO reasons, you may want to change that to a different heading tag or just to paragraph. Now you can with two clicks.

You can also choose the default state of the toggle when your visitors first load a page. Do you want it expanded or collapsed? Set it at the toggle level.

Want an icon on your toggle? Enable it, choose which one, and set its color, size or placement.

Using Edit Mode & States:

Remember when you used to click a toggle to edit it, but you would accidentally open it?

We've made it easier to manage by enabling an Edit Mode.

Click here to enter Edit Mode

When you enter Edit Mode, you can easily select the toggle you want to style without opening it.

After you've made your general style changes and you're ready to change the Expanded or Hover states, you can switch to them by clicking the dropdown in the top left of Thrive Architect:

This is the easiest way to make style changes to different element states

Any styling changes you make will only apply to that state.

To quickly swap to the expanded state, duplicate a toggle or add a new one, you'll find a few options just one mouse click away:

Move, duplicate, trash and add options are all nearby when in edit mode.

Bonus Tip: When you have the Expanded state selected, you can also choose to rotate the Toggle icon. That means you can turn a triangle 90 degrees to simulate a drop down, or spin a plus icon until it makes a cross. It's up to you.

2. Different Aspect Ratios For Video

They say that over 50% of internet traffic is now browsing on a mobile device.

Marketers are starting to leverage that by creating videos at different aspect ratios suited to the devices people are using.

That means vertical videos and square videos.

So, we've added support for different Video Aspect Ratios:

Want to display vertical video? Easy.

Here is an example vertical video courtesy of Billie Eilish using the standard YouTube embed. The first image is using the default video aspect ratio, and the second is using 9:16 vertical video aspect ratio.

The black bars disappear and more of your background section will display. Have a look at what a difference it can make:

Without Vertical Video Aspect Ratio

...with Vertical Video Aspect Ratio.

Filmmakers often use ultra widescreen video too, with aspect ratios like 2.35:1, known as cinemascope.

In these cases, you probably don't want to show the black bars above and below your video. So we've given you a custom aspect ratio option which supports all kinds of uncommon video formats.

Simply type the numbers into the fields and the Video element will comply with your desired aspect ratio.

3. ConvertKit Now Compatible with Custom Fields

A few months ago, we rolled out support for Custom Fields with our Lead Generation element β€” initially with 4 email autoresponders, and soon after we added a 5th.

In this update, the popular email tool ConvertKit gets added to that list.

This now means you can pass custom field values to the following autoresponders:

  • ActiveCampaign
  • MailChimp
  • GetResponse
  • Aweber
  • InfusionSoft (now known as Keap)
  • ConvertKit (new!)

What is a Custom Field and why would I use it?

Inside your mailing list, you'll always collect a subscriber's email address and perhaps their name. By creating a Custom Field, you are able to collect and store more information that suits your business needs.

Perhaps you want to collect a subscriber's country of origin, fitness goal, favorite TV show, or business website URL... whatever you want.


You begin by creating this custom field inside of your mailing list, and then use a lead generation plugin like Thrive Leads to collect that information on an opt-in form and write it to your custom field.

Once you have that custom field information, you can customize the emails that you send to your subscribers, or filter them by their interests.

(Still confused? Watch this example in action)

Like these improvements?

We know this is only a small round of improvements, but we are cooking up a few big things around the corner.

Do you like the new Toggle element? Will you use the new Aspect Ratio feature?

Drop a comment below and let us know.

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