"Thank you, Thrive Themes! That's another plugin I can delete now that you do it better!"

These are the kinds of comments we love.

Although we still support the WordPress ecosystem of plugins, on occasion we'll release a single update that feels like we've just given you a brand new plugin for your website.

We just released two of those. 

...along with another 3 updates. Read on to discover what's new!

More...

1. New Hybrid Registration Element

Have you ever tried a 3rd party registration form plugin for WordPress?

How long did you last before you wanted to throw your laptop out the window? Yeah... me too.

The reality is that they suck.

Even though WordPress allows you to add new website users and manage their permissions, when it comes to embedding a seamless, flexible, designer-friendly form on your site... it's an absolute nightmare.

Until now.

We are proud to announce a new hybrid Login & Registration Form element that you'll find in your Thrive elements tray.

Thrive Themes now has a Registration Form!

Those of you with a keen eye will remember that we already had a Login element. This is the same element but vastly expanded.

In fact, this registration form element is arguably the best registration form you can find for WordPressMaybe I'm biased, but you be the judge.

In true Thrive Themes style, this element comes with a library of designer-made templates that support our smart color technology and update to match your pages.

Lots of beautiful form templates!

What you'll now notice is that you can choose to make this a Login form... or a Registration form... or both!

In the case of the latter, you can choose which form type will be displayed by default.

Choose from Login, Registration... or both!

Back in April this year, we released the initial Login form element, so let's focus on the Registration half of it now.

By default, the registration state shows name, email, password and confirmation fields. It even includes a password strength indicator!

Password strength indicator will work inside the form too!

Depending on the purpose of your form (and if you want both form types in the one element), you can customize the action to take place after successfully logging in or registering right here:

Set different success actions for each form type.

Choose your preferred success action.

When you enter 'Edit Mode', you'll have granular control over your form fields, their appearance, connections and more.

The Registration Form type will feel quite similar to our Lead Generation element, except that it has a fixed WordPress account connection.

Editing your Registration form allows you to connect to any API in our integration list.

This means that at the same time as you accept new users on your website, you can pass their information to any 3rd party integration on our massive integrations list.

...including Active Campaign, MailChimp, Zapier, Drip, InfusionSoft, and more. The list is seriously huge.

Other 3rd party registration forms would expect you to pay extra fees just to enable one basic email integration. We're offering all of ours for no extra cost.

Compatible with 3rd Party User Roles

Under the WordPress connection settings inside the Registration form, you can choose which user role a registrant will be given.

Choose which WordPress user role is granted.

'Subscriber' is the most versatile and harmless, and has been set by default.

For obvious security reasons, we won't let you choose 'Admin'... but you can choose any other custom user roles created by 3rd party plugins.

That means this registration form is compatible with a multitude of other membership tools, forum plugins, and more.

Editing States

What looks simple on the surface is powerful behind the scenes. When both form types are enabled, you'll find 5 editable states:

  1. 1
    Login Form
  2. 2
    Registration Form
  3. 3
    Password Recovery Form
  4. 4
    Password Recovery Confirmation
  5. 5
    Already Logged In

You can edit each state by switching from the Edit Bar.

If you'd prefer to hide the entire form if the user is logged in, then we have that as an advanced option too!

Magically hide your form from logged in users!

Navigating States For Your Visitors

Take a look at the link underneath the Registration form below that says 'Login'.

That text is a state-switching hyperlink. 

That means that if your visitors arrive and see your Registration form but they already have an account, it's just one click for them to swap the form to the Login state instead.

Behind that link is a dynamic hyperlink with these options:

State-switching links can be applied as dynamic links on the form.

When you are inside of Edit Mode, you'll find dynamic state-switching links for the register, log out, log In, password reset and back to login actions.

Not only can these be assigned to text links inside the form, but also to buttons or content boxes. This is how our designers managed to build templates with switching buttons like this:

State-switches can be set on buttons too!

Hopefully you now understand how carefully thought out and powerful this element is. We're pretty proud of it!

What does this mean for Thrive Apprentice?

Behind-the-scenes, our product team is working hard on some significant updates to Thrive Apprentice, but we needed a world-class, visually-editable registration form first.


For Thrive Apprentice users, the value of this element will become clear over the next few months as we release other updates that use this element to its full advantage.


But right now, it can be used to grant access to free courses while growing your mailing list at the same time, or to let students log in.


Note: SendOwl users, this element does not yet replace your checkout registration element. Changes there will be coming soon.

2. ReCaptcha Version 2 + Version 3

Registration forms are great... but spam is not.

If you have a registration form, contact form, lead generation form or any other form on your site, there is a chance you'll get spam sign-ups from bots.

You'll know it when you see a boost in sign ups from junk email addresses.

To combat bots, we've now improved our integration with Google ReCaptcha version 2... while also adding support for Version 3.

ReCaptcha is enabled in your API dashboard.

What is Google ReCaptcha?

ReCaptcha is a spam prevention service provided by Google.

And it's free. (Unless you are dealing with massive, enterprise-level volume of signups.)

It's a service that identifies when a visitor of your website is suspiciously bot-like and rejects certain actions until they've proven they are not a robot.

Anytime you've visited a website and been asked to click on fire hydrants, crosswalks or traffic lights, you've encountered ReCaptcha V2.

How To Get Started

You'll need to create an account with Google ReCaptcha to get a site key. Here's our knowledge base article + video about setting up ReCaptcha.

Once you have an account, visit the API dashboard and connect to ReCaptcha with your site key provided by Google.  

You'll now see a new option to choose V2 or V3.

Note: A different site key is required depending on your choice between V2 and V3. If you want to change versions, you'll need to generate a site key that matches it from Google ReCaptcha.

V2 and V3 options are available from the API settings.

Once you are connected, edit any Thrive Themes form and under the advanced tab, you'll be able to enable Captcha spam prevention.

Enable Captcha under the advanced options per form.

ReCaptcha V2

If you're using Version 2, enabling Captcha spam prevention will drop a ReCaptcha box at the bottom of your form just like this:

This is ReCaptcha V2 on a form.

Previously, you didn't have much control over the position of this ReCaptcha.

Now you do.

You can move it anywhere on your form, customize margins, and you can customize the ReCaptcha type.

ReCaptcha V2 options available in your form.

You can choose light or dark designs, whether your want it full-size or compact, and if it should be an image or audio bot test.

This is the dark ReCaptcha design.

Compact ReCaptcha.

Then, when a visitor tries to submit your form, Google ReCaptcha will identify suspicious browser connections and will display an image picker just like this traffic lights test to prove if a visitor is a robot or not.

I bet you've clicked on thousands of these in your life time!

ReCaptcha V3

No-one enjoys clicking on crosswalks. For site visitors with disabilities, it can be even more difficult.

So Google have developed ReCaptcha V3... and it's invisible.

Your visitors will never have to click a fire hydrant again! When ReCaptcha V3 is enabled, you'll see this icon displayed in the bottom right corner.

This icon identified ReCaptcha V3.

ReCaptcha V3 works by analyzing visitor's browser behavior before they even submit the form. It takes into consideration browser type, cursor movement, time on page, and other indicators as proof of humanity.

It does all of this silently behind the scenes and generates a score from 0 - 1.

A score of 0.9 means Google is 90% sure this visitor is a human, whereas a score of 0.1 means Google is almost certain it's a bot.

If you choose V3 from our API setup, you'll see two new options:

New ReCaptcha options when V3 is selected

If you enable 'Use browsing history to determine genuine traffic', then the Google ReCaptcha icon will appear in the bottom right corner of your entire website. It will use their entire browsing behavior as an indicator of being a bot.

If you disable it, the icon will only appear on pages with a form that has Captcha spam prevention enabled, and it will only use the browsing data from that page.

By default, your forms will be set to reject scores below 0.5. Adjust the slider higher if you get too much spam or lower if your visitors complain they are being rejected.

If a visitor fails the bot check, a small alert will appear asking them to try again from a different browser or contact the website admin. In another update soon, we'll allow you to customize this alert.

Don't forget that Google ReCaptcha also provides a reporting dashboard with details about the requests that have been accepted or rejected on your site!

Google ReCaptcha includes a reporting dashboard.

3. WordPress Login Screen Branding

Users of Thrive Theme Builder, Thrive Architect or Thrive Apprentice will be pleased to see a new option inside of your Thrive dashboard:

WordPress Login Screen Branding.

I think you know what this means!

Even though we've just released a versatile, visually-editable Login & Registration form, there will still be times when you'll need to use the default WordPress form.

For example, if a user forgets their password and requests a reset, they'll be emailed a temporary reset link that takes them to the default WordPress form.

Or perhaps you're using a membership plugin to protect your entire site, and this form becomes the customer-facing gateway to logging in.

Whatever it is, you can now get rid of that pesky WordPress logo and add some style! 

Apply your own style to the default form.

When you access this panel in your Thrive dashboard, you'll see the default WordPress form.

With one click, you can activate your own branding and watch that form immediately change. Click 'Edit with Thrive Architect', and then you can get creative.

Activate and Edit with Thrive Architect

Inside of Thrive Architect, you'll see your WordPress login form with a fresh look, and your logo pre-loaded across the top (if you've set one).

Time to style that form.

You can change the background image, colors, borders, corners, paddings, margins... everything.

Behind the scenes, Thrive Architect is only applying CSS to your form, meaning that no matter how unique your website or combination of plugins, the functionality of this form will remain the same.

Look what I made in 5 minutes by adding my logo, a background image and some new fonts and colors.

So much nicer than the WordPress default!

4. Advanced Custom Fields: Support for Dynamic Colors

In February, we released our integration with Advanced Custom Fields (also known just as ACF).

Over the last few months, we've quietly been improving that integration and in this release, we've added support for Dynamic Colors.

What is ACF?

Advanced Custom Fields is a popular plugin for WordPress that extends your website's functionality.

Instead of only having a name, date, URL and content area for each post, you can add all kinds of extra fields of custom metadata.

Look for the ACF plugin in the WordPress repository.

As an example, I have a Custom Post Type called 'Movies' made for a movie review website.

I've made some Movie data fields in ACF that apply to my new post type:

With ACF, you can define groups of custom fields.

Now when I'm editing a movie post on my site, those fields become available underneath the body of the post.

I can now store data here that is only attributed to that post.

See my Movie Meta Data fields available beneath my movie post? That's ACF.

Now when I edit that post directly in Thrive Architect, add it to a post list, or edit the post template in Thrive Theme Builder...

I can dynamically display these custom fields on my website!

There are 3 types of ACF content you can display with Thrive Themes tools:

  1. 1
    Dynamic Text and Hyperlinks 
  2. 2
    Dynamic Data Source (such as videos, images, star rating, Google maps locations, etc).  
  3. 3
    Dynamic Colors (new!)

Displaying Dynamic Colors

One of my example ACF fields is called 'Genre Color'.

This is where our new integration with ACF Dynamic Colors shines.

When editing a post or template attached to a post with an ACF color field, a new tab will become visible in the color picker:

This Dynamic Colors tab will appear.

Select your Dynamic Color programmed in ACF.

The colors available under this tab will be the ones programmed into ACF for that post.

In the case of theme templates or Post Lists that apply across a range of posts, you may want to define an alternative color if no dynamic color is available.

Yes, you can do that too.

Set an alternative color.

This applies to background colors too!

The end result of my movie review post will look something like this:

Everything you see is dynamically pulled from ACF.

Since the movie name, trailer, release date, genre, genre color (orange), star rating and poster are all dynamic content loaded from ACF fields, I can quickly load in the data for other movies knowing that the same template can be applied to all of them.

ACF is definitely an advanced tool, but it really blows open the flexibility of WordPress. We'll publish more tutorials about this soon, but the key features can be found on our knowledge base.

5. New Element Style Picker

Many Thrive Architect elements have styles.

A style is different to a template in that it changes the appearance without changing the content.

This is the case with buttons, content boxes, background sections and more. Changing the style won't change the text or link contained inside the element, but will change how it looks.

We've now made the element style picker easier to find and use.

A tooltip should alert you to the new style picker after you update.

When you select an element that is compatible with our pre-defined styles, you'll notice a new style picker on the left-hand sidebar.

It's a dropdown, so give it a click and you'll see a preview panel of all the pre-built templates available, as well as a tab to see your saved styles.

Easily scroll through pre-made styles.

If you've built the perfect button or content box for your website, you can easily save it as a global style too, just by clicking the save button and giving it a name.

Save a style to reapply any time!

Let us know your feedback!

As we hope you already know, we love to hear from you about each release. What do you like? What else will help you make your website better?

Let us know in the comments below!

Oh, and one more thing... we now have an official Facebook group. This is an environment where you can ask questions and mingle with other knowledgeable Thrive Themes users.

>> Join the Facebook group here <<

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
>