New Thrive Themes Features – October 2020
"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!
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.
We are proud to announce a new hybrid Login & Registration Form element that you'll find in your Thrive elements tray.
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 WordPress. Maybe 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.
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.
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!
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:
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.
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.
'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.
What looks simple on the surface is powerful behind the scenes. When both form types are enabled, you'll find 5 editable states:
- 1Login Form
- 2Registration Form
- 3Password Recovery Form
- 4Password Recovery Confirmation
- 5Already 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!
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:
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:
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.
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.
Once you are connected, edit any Thrive Themes form and under the advanced tab, you'll be able to enable Captcha spam prevention.
If you're using Version 2, enabling Captcha spam prevention will drop a ReCaptcha box at the bottom of your form just like this:
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.
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.
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.
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.
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:
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!
3. WordPress Login Screen Branding
WordPress Login Screen Branding.
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!
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.
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).
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.
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.
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:
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.
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:
- 1Dynamic Text and Hyperlinks
- 2Dynamic Data Source (such as videos, images, star rating, Google maps locations, etc).
- 3Dynamic 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:
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.
The end result of my movie review post will look something like this:
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.
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.
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.
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.