What’s New in Thrive Architect: December 2019

Author
Bradley Stevens   145

This week, we published another round of updates to Thrive Architect.

There's a new element available, some new integrations, and a couple of advanced features that improve an already powerful tool.

Make sure you have updated to version 2.4.6 in your plugin dashboard to get access to these treats.

So... what are they exactly?

Watch the video and read on to find out!

More...

1. New Search Bar Element

Next time you scroll through the elements panel in Thrive Architect, you might spot a new element.

Yes, you now have access to a Search Bar! Like everything in Thrive Architect, it is fully customizable.

That means fonts, borders, corners, colors, hover settings and more... you can customize it until it looks exactly how you want.

That's a good lookin' search bar!

But don't worry if you are not much of a designer, because this element comes with 16 pre-made designs!

One click and they're loaded on your page.

16 pre-made designs + 1 unstyled default.

When you place a Search Bar on your page, you'll have some configuration options in the Architect sidebar.

You can change the button layout to a text only button, or icon only, or you can include both. All search bar templates use the magnifying glass icon by default but you can change this if you want to.

You can also disable the search button entirely so it's simply a text entry field. A visitor just needs to press enter to submit their search term.

The Search Bar uses an Edit Mode to edit the form fields and button appearance. We did this to make it easier to select the interior of the field when you want it. 

Your Search Bar main options.

You can include or exclude types of posts or pages from the search query too. By default, the Search Bar is set to search Posts and Pages, but these can be disabled to let your visitor search your entire website.

You can also restrict the search to specific custom post types. Applying a filter like this at the Search Bar level will help you keep your website visitors where you want them.

How WordPress Search Works:

This Search Bar uses the native search function inside of WordPress.

You might not be aware that WordPress has a search function built in... but it does! You can already provide search listings, no matter what theme or plugins you have installed.

On the front end of your website, when a visitor submits a search term into your search bar, they will be redirected to a search results page.

This results page is a theme template that displays the results WordPress has found that match the search term.

If your WordPress theme does not have a defined search template, it will use a default archive template from your theme.

"Can I change the search results page appearance?"

A search results page is a dynamic page, rather than a static page. That means that it can display different content depending on the search term without affecting the styling.


Since it's appearance is controlled by a theme template, changing how it looks will depend on the versatility of your WordPress theme, much like styling blog posts, category archives, author listings, etc.


We originally developed this Search Bar element to work with Thrive Theme Builder which will let you customize your search results template. But we decided to make this element available to you in Thrive Architect right now.

2. VooPlayer Integration

You asked. We listened.

We keep track of the feature requests you leave in our support forum, and one that was very popular was a VooPlayer integration.

VooPlayer is a video hosting and marketing tool, with some advanced video features built right in.

Now when you place a video element on your page, you can select VooPlayer as the source.

Loading VooPlayer includes new options.

Once you do, a host of new features will become available on your VooPlayer videos.

We'd love to take credit for these features, but they were made by the VooPlayer development team. We simply let you access them right inside of Thrive Architect!

3. Speed and Performance Improvements

Most of our releases include some under-the-hood updates. They might be less noticeable, but that doesn't make them any less valuable.

This latest update includes some significant speed and performance improvements inside of the Thrive Architect editor. You'll find it's faster and smoother to use, especially on long pages that load lots of content.

Want to try it out?

Try dragging size sliders in the sidebar or use the color picker and you'll notice the difference. It's just instantaneous!

Viewport Drag Acceleration

When you click-and-drag an element up or down your page, you'll see an improved drag field:

The blue scroll field can now accelerate depending on your cursor position.

This blue block that appears is distance-sensitive, and can be used to accelerate your scrolling. 

If you drag your cursor just into the edge of the blue block, your viewport will scroll slowly. Push your cursor deeper into the blue block, and your viewport scrolling will accelerate.

Now it's much easier to move content around a long page.

4. Custom Field Shortcodes In The Post List Element

This is one for the advanced users, and it takes some explaining. But once you understand it, you'll see how this opens up so many use cases.

You've probably seen the insert shortcode option in your typography bar. With this button, you've already been able to add a dynamic field.

Insert Shortcode was introduced earlier this year.

An example of this would be your company's phone number.

By inserting it as a shortcode rather than static text, you can update your phone number from one central place (Thrive Dashboard > Smart Site > Global Fields), and safely know that your phone number is updated everywhere you have used that shortcode. 

But, if you use the Insert Shortcode option when you are in the edit mode for the Post List element, you'll find lots more options:

Look at all those dynamic shortcodes!

One of those options under Meta Data is Custom Fields.

A Custom Field is a piece of information attached to a WordPress post or page. Yes, that includes custom post types too! It could be a nationality for a recipe, a job title for a team member, or a price for a product.

To illustrate how this works, let's use the example of recipes.

I have created a Custom Post Type and labelled it Recipes. You can see it listed in the WordPress sidebar on the left hand side in this image:

In this case, Recipes is a Custom Post Type with two custom fields.

I've also created two custom fields that are attached to my recipes: nationality and diet.

For each recipe that I create, I'll fill in these custom fields inside the post. For this Avocado Bruschetta example, you'll see the nationality is set as Italian and the diet as Vegetarian.

Now in Thrive Architect, I've added a Post List element to the page.

To make it display recipes, you just have to click the small triangle to the right of the post type under the filter settings.

Click the triangle to select a different type of post to display

This opens a drop down of different post types... including the Recipe custom post type. With that selected, the Post List now displays a list of recipes that looks like this:

The Post List now dynamically displays my custom post type, Recipes.

With me so far?

Now I'd like to display the matching custom fields in this Post List. Which finally brings us to the new feature we have just released in Thrive Architect: Custom Field Shortcodes.

While in the edit mode for the Post List, you can drop a text element into the post list and select your custom fields from the Insert Shortcode option in the typography bar.

Just a few clicks to add that dynamic custom field

This shortcode will populate with the custom field data for that specific post. You'll see the placeholder text like this:

There's the placeholder for the custom field

In this example, I've created some static text around the custom field shortcode so that it will read correctly in a sentence.

The result? On the front end, this data is dynamically replaced. Have a look:

The custom field shortcode has been magically replaced with the correct text.

As you can see, the two posts included in my post list have different information for their nationality and diet fields, and are displayed correctly to the visitor.

If you managed to follow along, hopefully you'll start to see the infinite use cases for this feature.

Here's another practical example: Team Members. If each team member is a custom post, you can set their role and department as custom fields.

Use the correct shortcode and in no time at all, you've created a listing of your team members that updates with the latest information about your employees.

Role and Department are dynamically replaced to match the team member.

We also built this Custom Field Shortcode technology for Thrive Theme Builder, (which is still in development) but since it has practical uses in the Post List element, we've made it available in Thrive Architect too.

WooCommerce Pro-Tip!

If you're a WooCommerce user, you're going to love this:


WooCommerce products have lots of hidden metadata fields, but we know that this custom field shortcode technology would be especially useful for product listings.


So our developers have gone the extra mile to whitelist four WooCommerce values: price, sale price, regular price and product rating.


Yes, that means you can use the Post List to display your WooCommerce products and include their price or rating just like any other custom field. 

5. Send Lead Gen Data Via Email

There are times when you may want to send a notification to yourself or a team member when someone signs up to your mailing list.

Well, you'll now find email available as an integration in the Lead Gen element.

New Email option.

When you select Email under the Add Connection settings, you'll be presented with some options:

Customize your email sender info

If you choose to send emails from your own site, it will send from the mail server set under your WordPress mail settings. You can also connect with a third-party transactional email service, such as PostMark. These connections are setup through the API settings in your Thrive dashboard.

From the Thrive Architect sidebar, you can set the email recipient, sender name and sender email address. Then you can specify what data to include in the email.

What data do you want to send? Easy!

By default, the email will include your Lead Gen form fields, but you can include additional information if you would like.

Remember, you can set more than one API connection to your lead gen form. In most use cases, you'll want to add the visitor as a subscriber to your mailing list as well as sending their information via email.

You can send an email as well as subscribing to your mailing list.

6. Custom Field Integration with Email AutoResponders

We have just deepened our lead gen integration to include custom fields with 7 popular email autoresponders: ActiveCampaign, Mailchimp, AWeber, GetResponse, Infusionsoft, ConvertKit and Mailerlite.

These custom fields are not to be confused with the custom field shortcodes  inside of WordPress that are included in this update... but the idea is similar.

Most email marketing tools let you create custom fields that apply to your subscribers. You can assign additional information to a subscriber in these fields.

By default, a subscriber is usually just an email address, a first name, and sometimes a phone number and last name.

But you might want to collect some other information, such as their company's website. If you are using any of the 7 email tools above, then the lead gen element in Thrive Architect can now pass information from the opt-in form to that custom field.

To do this, just click to add a new form field. From the field types, you'll have new options including text, URL and hidden.

Map your new form field to a custom field

When you pick one of the new fields, you'll have a field mapping option. This is where you can assign the custom field inside of the email marketing tool that you would like to send the information to.

Once you click apply, your lead gen form will have a new field.

New 'Company Website' field added!

Using Hidden Fields:

A hidden field is one that passes information to your email marketing tool without being visible to the visitor on your website.

In this case, you set the custom field value yourself rather than collecting it from the visitor.

Let's say you have an opt-in form on a fitness website.

On this specific webpage, you are inviting visitors to fill out a form if their goal is to build strength. You don't need the visitors to declare that themselves, because they simply wouldn't be on this webpage if that wasn't their goal.

Simply add a new field, select hidden as the field type, and map it to your custom field.

Use Autofill with a hidden field

Make sure to enter the default value into the Autofill settings or else you won't pass any information into your custom field. 

Once that's set, you'll have your hidden field connected, but your opt-in form will still only ask for first name and email address.

3 fields on the back end, but only 2 will display on the front end.

Whenever a visitor submits this form, you'll collect their first name and email address... and also pass your hidden field value into the custom field attached to that subscriber in your mailing list.

And of course, this does not only apply to Thrive Architect but to all the tools that are using the lead generation element including Thrive Leads, Thrive Quiz Builder, Thrive Theme Builder etc.

What do you think? Leave a Comment!

In this update, there's a couple of powerful advanced features that really expand the marketing use cases for Thrive Architect.

Make sure you've update to 2.4.6 inside your WordPress dashboard.

What do you think of this update? Will you use these features?

Let us know in the comments below.

by Bradley Stevens  December 13, 2019

145

Enjoyed this article ?

You might also like:

Leave a Comment

  • Now that you have custom fields integrated with email service platforms, can you create a way to have a drop down option where people can select from a list of options to learn more from?

  • Hi Brad,

    Thank you for these features and a detailed walk through.

    I had a couple of questions.

    1. Is it possible for people to upload a file (a photo or a PDF) while they fill out a lead-gen form?

    2. Can we connect this form to Google Sheets and Trello?

    3. If not, can we integrate a Gravity Form here and style it, the way we can style a normal form in Thrive Architect?

    Thanks,
    Kaivalya

  • Hi Brad!
    Once again these updates are mind blowing.

    One question here…

    Are we getting a pods or Acf integration directly into thrive architect anytime soon?

    Thanks and weldone thrive themes.

  • I would love to have had the ability to lock lessons until a chosen amount of time had passed so they could get eg one lesson pet week

  • Custom fields in shortcodes for the post module is great, but what I really hope for is a dynamic custom post field integration like Elementor has. So you can use the value of a custom field for a property in Architect designer

    • Henrik, when you say “for a property”, do you mean that you would like to be able to display the value of a custom field as text in Architect…or would you like a deeper integration?

      Would really be interested to hear your specific use case for this.

      • Its a deeper integration.

        If I have a custom field that holds a URL, I would like to be able to use this as the data for a Vimeo URL i.e.

        Or having the URL for an image in the custom field, as the dynamic source for the image url in architect, or the URL as the href of a button i.e

        That kind of integration.

    • Yeah, exactly – shortly we’ll have dropdown, radio and checkbox integration. That opens us up to a deep integration with Everwebinar and WebinarJam, allowing users to select the scheduled time from a fully visually editable dropdown box.

  • It’s awesome ! Would it be possible to extend the “custom field” (your last point, about autoresponders) to the HTML version of the Lead Gen element ? That would be awesome for all the people who uses a non-standard autoresponder. 🙂

  • Well done, guys. As always.

    Since you guys were working on the lead generation element here, a really easy one to add would be the ability to pass on form inputs to the thank-you page using variables. It seems that ability isn’t there unless you use the HTML version of the form. If you want to use the API, there’s no way to pass the fields through.

  • Haha! You guys are such great therapy for BSO syndrome.

    I think, “I really want this…”

    Then I realize, “Wait… I’ve got it already!”

    The hidden fields thing is amazing as I use them all the time. In fact I’m on the verge of wanting to use your api in ThriveLeads.

    The only thing holding me back is that because of the niche I’m in, I often get people who unsubscribe from my list, but then later are enticed to join again.

    This happens a lot in ecom. It happens all the time for me, anyway.

    That means that my autoresponder (activecampaign) won’t let them back in if they use a form that’s integrated via API.

    They only put a customer back in a list if their form code is used.

    So, I’m wondering…

    Is it even possible to use the autoresponder service’s form code and get some of the cool functionality of your api? Sort of a form code editor for incompetent coders like me?

    Just a thought.

    • Michael,

      You can add custom HTML form code, but you’d need to manually add the HTML code for the fields at the moment. Once you’ve added the fields, they will display in the editor and then you can use Autofill and Smart Complete to add the value to the fields.

      Here’s quick demo of how this works:- https://gyazo.com/e0dce201dd5ef037f09b8bf368d06850

      In the future, to make this more user friendly, we’ll enable you to add custom fields without actually manually including the code.

      Let me know if you need any more information on this and I’ll shoot a video.

      Best regards,
      Paul

  • This is awesome Bradley. Love how you guys always have new useful updates. Is Infusionsoft on the list for custom fields? It’s very popular and they do a lot with custom fields. Thanks for considering!

  • WCAG compliance on form fields. I like the placeholders. I would encourage you to add a title above each field to insure websites are WCAG compliant. Otherwise I have to go with another provider of forms. This is becoming very big in the United States right now. People are concerned about being compliant to those that are vision impaired. They run the risk of getting sued and it is becoming a bigger issue by the day. The title above assist those that are visually impaired to know what each field is. Adding this to Thrive would be a big help to those that want to use Thrive with their clients as well assist those that are visually impaired.

  • Wow… Congratulation!!!
    These features I was just waiting for, really GREAT.
    All I can say again and again, I´m alway again impressed how active and responding your are about new needs ore new “trends”. Absolutely first class!!

    (I hope you fix as soon as possible the problems created with your last Architect update ;-)…. so we can use the new features 🙂 )

  • More wonderful updates!

    A couple of questions.

    1. Will you be including MailerLite integration?

    2. What’s happened to the Thrivecart integration?

    • We haven’t looked at the Mailerlite API yet to make sure that it allows us to retrieve all custom fields in the account. If it does, then we’ll get to it at some point. Although according to our survey results, it doesn’t seem to be highly requested so we’ll probably handle the more heavily requested ones first.

      Regarding ThriveCart, we’re currently work on that integration at the moment. I don’t want to give a precise ETA because it’s a fairly big integration – it’ll roughly be ready in a few months.

  • Hey Brad! Thanks for the updates and detailed walk-through.

    I’m most excited by the Search Bar Element, Custom Field Shortcodes, and Email Custom Field Integrations. Although I found the Search Bar Element has a few wrinkles that need ironing, I’m sure these will be taken care of shortly.

    With the addition of email custom fields to the ActiveCampaign API integration, now all I miss is the addition of AC Site Tracking triggering via the API connection so I can quit doing AC native form integration via the form’s HTML code to use that feature. This could be an AC API limitation, though. Something for you guys to look into.

    Thanks again!

    • Hello Oob,

      What wrinkles are you referring to with the search bar element?

      Regarding site tracking with AC – what exactly do you require in terms of the integration? It seems to me that the site tracking feature is event driven, so you’d still need to define triggers on your site manually. What setup do you have for this currently?

  • For the hidden fields: It would be great if you could auto-populate it with submission date, form-ID, and URL since this information is required to comply with GDPR.

  • Outstanding update. I really appreciate how you provide such great videos to show how the new features work. Looking forward to the other features that others have mentioned. (ThriveCart being a big one for us).

    You guys rock!

  • Great update! There is any chance to add the same
    email notification function + drop-down menu to the normal contact form? It would be really useful! Thanks ????

  • Oh my god… a woocommerce integration ?!! I was just cursing at woocommerce trying to make everything responsive. Then I saw the thrive / woocommerce integration. Waw…! Wish the related products on a woocommerce page could also be replaced… Great update !

    • Our WooCommerce integration will really come into its own when Theme Builder is fully released. We’re working on making that as easy as possible to have full visual editing capability.

  • Exciting stuff! I’m most excited about the VooPlayer integration. Been using them for webinars embedded on my website. They have a lot of powerful marketing features. It’s nice to have a native integration.