What You Might Have Missed in Thrive Architect

A little over a year and a half ago, we launched Thrive Architect, our visual page builder for WordPress.

Since then, our simple drag-and-drop visual editor has grown… and grown… and grown. In the last 12 months, we’ve released 18 new features, a slew of updates, speed improvements, and user experience upgrades.

It’s hard to keep up.

Are you utilising these changes?

In this post, we give you a rapid-fire round-up of all the new features and updates that you might have missed for Thrive Architect.

More...

"How am I meant to keep up?"

Every time we add new features, integrations or noteworthy updates to any of our products, we add a notice on the Thrive Themes Development Timeline.


If you ever take a few months away and miss out on updates, you can always stop by the development timeline to get a quick overview. Check it out here.

New Elements

If you’re not yet familiar, Elements are the building blocks in Thrive Architect that you can drag and drop anywhere on your pages.

When you build a new landing page or blog post in Thrive Architect, you will be working mostly with elements, and there are so many to choose from that we couldn’t even begin to mention them all here.

But we’ve added 2 super valuable new elements for you in the last year. Here they are:

Contact Form Element:

The drag-and-drop contact form element has loads of pre-made templates

The new contact form element makes it so easy to let your website visitors get in touch. Drag and drop it onto any page, select from our pre-built contact form templates, and you’re ready to go!

Then, when any visitor fills out the form and clicks ‘submit’, you will automatically get an email in an inbox of your choosing, notifying you of the visitor’s questions.

This prevents you from having to list your email address publicly which could then become the target of spam.

Time to disable that frustrating Contact Form 7 plugin…

To learn more about the Contact Form Element, check out the original announcement post by clicking here.

What Makes a Good Contact Page?

Most contact forms will live on a dedicated page on a website. If you're looking for inspiration for how to build a great contact page, check out this article here.

Pricing Table:

When it’s time to buy, your soon-to-be-customer will want to know which package to choose. That’s where the new Pricing Table element comes in.

Beautiful pricing tables are now just a drag-and-drop away

With a library of 22 pre-built templates, your pricing table is going to look professional and inviting. But better than that, you can highlight a preferred pricing tier, add different prices, and even customise the behaviour of your instance switch.

The instance switcher for pricing tables

The instance switch sits above your pricing table and lets your visitors toggle between pricing sets — such as monthly or annual pricing — with a single click.

Like all of our elements, the pricing table is responsive and works on mobile or desktop, and you can customize all the text, colors and designs.

To read more about the pricing table feature, check out the announcement post here.

New Design Features

The charm of Thrive Architect is that you don’t need to hire anyone to create professional layouts on your site. It’s a website owner’s dream — everything visually editable without touching a line of code.

Like an artist with a brush, you get direct control of the final result without needing a team of developers or designers. And we’ve improved Thrive Architect’s design power with a slew of new features you should definitely know about.

Hover Animations:

Thrive Architect already has on-page animation features, which allow you to reveal elements with eye-catching animations.

But a few months ago, we doubled the library of CSS Hover Animations by adding background animations. This feature is tucked away a bit so it often goes unnoticed. You’ll need to select a content box, activate the hover state in the editor, then go under Animations and Actions.

New background animations!

Once you grasp what you can do with background animations, your pages will get a real design level-up.

Here’s an example in action:

On elements such as content boxes, you can set a ‘Hover State’. That means that on desktop view, when a visitor’s cursor passes over the content box, it will activate the second state. This makes it easy to add shadows, colors, highlights and more, on hover.

But with Hover Animations, you can choose how the element transitions into its hovered state. You can make it bounce, sweep left, rotate, flip, buzz, and more.

To learn more about Hover Animations, check out the original post here and then our announcement about the updated background hover animations here.

Fancy Dividers

Have you ever stumbled upon a beautiful and professional looking website, but haven’t quite been able to pinpoint what makes it so good?

New Fancy Dividers available for all background sections and content boxes.

The secret is often fancy dividers, and once you know what they are, you’ll begin to notice them in use everywhere.

A fancy divider is a graphical edge between two areas of content. Rather than just a straight line that delineates one section of a page from another, you can apply a fancy divider, immediately adding that flourish to a design.

In the last year, we introduced the fancy dividers feature, but we also went and updated the fancy dividers template library to give you even more options to spice up your pages.

To learn more about Fancy Dividers, you can see the original announcement here, and learn about the updated library of fancy dividers here.

Table Templates

You’d be forgiven for thinking that placing an Excel-style table onto a website should be easy. But when you begin to consider how a table should change when viewed on mobile screen sizes, it quickly gets complicated and easy to break.

We had to think hard about the solution, about how to create mobile-responsive tables on a webpage.

Finally we came up with the Table element. It’s editable, sortable, and has different mobile-responsive settings that you can toggle between.

Creating a mobile responsive table is now as easy as one click

But we wanted to provide even more design range, so we recently updated the Table element. Now, when you drag-and-drop the table element onto your page, you’ve got a wide selection of 22 pre-made table designs at your fingertips.

To learn more about Table Templates, check out the original post here.

Custom Fonts

Your website’s default fonts are set in your Theme settings. But on occasion, you’ll want to override them, such as for a landing page or a sales page.

Thrive Architect already comes with a library of built-in fonts and access to all Google Fonts too… but this year, we added an integration with custom fonts.

Access your custom fonts in Architect

We’ve integrated Thrive Architect with the free and popular ‘Custom Fonts’ plugin. Simply add the plugin to your website, upload any fonts of your choosing, and you’ll find them as an option inside of Architect.

Now, you can get as creative as you want by adding any custom fonts to your posts and pages, no matter how wacky or wild.

Here's what the creative use of mixed fonts can do!

For a tutorial of how to add your own custom fonts, watch this video here.

Global Features

Don’t glaze over this section.

It’s easy to dismiss the new global features as a minor change, but once you really understand them, you’ll see that this is a big deal.

The new set of global features built into Thrive Architect is a game-changer. You can now link design elements website-wide, and change all of them at once with a single click. Here’s how each new global element works:

Global Colors:

When you are building a page in Thrive Architect and you apply a color to an element, you now have an option to set that color as a global color. Once it’s set, it will be signified by a small triangle in the corner, and you can give that color it’s own unique name.

Whenever you apply colors elsewhere, you’ll have the option to select your global color, linking them together. Then, from any instance of that color, you can replace it and the changes will be reflected website-wide.

Save any color as a Global Color

Global Gradients:

In the same vein as global colors, you can now link your gradients. In your designs, gradients are an excellent way to improve visual appeal, and you have more control over them than you may think.

Rather than just being able to set two colors, you can choose the opacities of those colors, the specific angle at which the gradient shifts, and the rate at which the gradient blends. We recommend a subtle blend between two similar colors or shades.

Once again, you can change your global gradients site-wide affecting all elements that are linked to that gradient.

Save your Global Gradients with a click!

Global Buttons:

Website-wide, you’ll be using lots of buttons. Perhaps they’re on opt-in forms, sales pages, squeeze pages or homepages, but it’s likely you have a preferred button style that becomes your ‘go-to’.

What makes global buttons so useful is that they will share the same style, whilst still having unique elements.

For example, each instance of a button can have different button text, different alignment (left, right, center) and link to a different website URL... but they will still share the same design features such as color, font, padding, shadow and border.

Save and reuse Global Buttons website-wide

Global Styles:

Have you ever found yourself building out a page in Architect and repeating certain content boxes or background sections? It’s likely that you’re just using the duplicate option, right?

But what if you want to change those content boxes, or edit the alignment or color of text contained in those specific background sections? That’s where Global Styles come in.

Now you can assign a style to background sections and content boxes too. Using the outside-in principle, you can create design settings (such as fonts, sizes, colors, etc.) that will apply to all the elements contained inside that box, and it will be reflected on any repeat instances.

The content itself can be different, meaning that you can have different paragraphs, headings, images, icons, buttons, links and more… but the general appearance of your content will match

Like your style? Save it globally!

Symbols

The term ‘symbol’ in web design does not mean what you think it does. Every time we talk about Symbols, we have to explain why it’s a confusing name.

In web design, a Symbol is known as a repeated content element. Unlike all the global features above, Symbols are different for one reason: it isn’t just the style that changes, it’s also the content.

The best explanation of Symbols was with Shane’s podcast subscriber example. You can create a symbol from a content box filled with ‘subscribe to our podcast’ links, and reuse that same symbol on any page of your site. If at any point you want to change the links in every single instance, you just have to change it centrally.

Hit the save button on any element and choose to save as 'Symbol'.

Recover your saved designs with the Templates & Symbols element

To save any element as a symbol, just hover over the parent element that contains everything you want saved and click the save icon. Choose ‘Symbol’ from the following option.

To reproduce the symbols across you site, drop the ‘Templates & Symbols’ element onto any page and select your saved Symbol.

Scroll Behavior

This one last feature doesn’t quite fit into any of the above categories, but it’s amazing. There is a new setting we introduced that you’ll find inside of the Thrive Architect editor, called Scroll Behavior.

When you select a compatible element, you can set the scroll behavior to ‘sticky’. This means that as a visitor scrolls down the page, that element will stay visible by sticking to the top.

See how the ribbon sticks to the top on scroll? That's Scroll Behaviour in action!

You can also control the distance it remains pushed from the top, as well as any point on your page you would like it to become ‘unstuck’ and simply slide out of the user's viewport once they cross that point.

To see some use cases of this amazing new feature, check out this post here.

Upgrading Architect

A lot of thought goes into each new feature we add to Thrive Architect. Our goal is to keep it fast, intuitive and powerful and we are committed to growing it as an extraordinary tool.

But the changes don’t end there. We have some exciting new updates for Architect planned for 2019, so stay tuned to see what more feature power we can pack into this tool!

Hopefully this feature round-up has helped you to discover some new features that you haven’t tried to use yet. Are there any that stand out?

Let us know in the comments below!

Author: Bradley Stevens

Brad is a marketing nerd who is passionate about DIY creativity. 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 the founder of the website Micro Budget Film School where he teaches ultra-low budget film producing.

  • Juan Zuazola says:

    I have been using several updates. One that I found very nice is table templates which are very useful to create orderly information within your website.

    • Tables on websites are a real challenge, so I’m pleased to hear you’re using that feature well, Juan!

      • Simon S says:

        I really love the customizability of the tables!

      • Do you have an example, Simon? I’d love to see how you’re using it

  • Teresa says:

    I miss a required acceptance Policy in Contact Form (GDPR required).

    • Simon S says:

      yeah please add that feature!

    • Peter H says:

      Do you mean you want a checkbox?

      Quoting Shane Melaugh:

      “Especially in a case like a contact form, a checkbox makes little sense, because there is no alternative action. If someone doesn’t agree to be contacted by email, then there is nothing that can be done with the message they sent. So it makes much more sense to explain that by submitting the form, the visitor consents to getting an email reply. This can be done with a line of text before or after the form.”

      Suzanne Dibble, a lawyer, and GDPR expert, also doesn’t have a checkbox on her contact page.

      • Teresa S says:

        Yeah, I know what Shane said (there was a discussion about it in Youtube), but here in Spain, lawyers don’t agree with him.

      • Peter H says:

        I see!

      • Walter says:

        Just add a checkbox and if you make that checkbox mandatory it should be GDPR compliant.

      • Lawyers will always err on the side of caution, particularly when there is a grey area. It’s their job to. Unfortunately, so much of GDPR is a grey area, so either you play it super safe, or evaluate how much risk there really is and take a gamble.

        In the case of Check Boxes on a contact form, it’s my feeling that risk is very minimal. What courtroom would honestly vote that you breached privacy laws by not offering a checkbox on a contact form? No reasonable person, judges included, could think that.

        If you’re really concerned, then explicitly stating how the email address is used and linking to the privacy policy from next to the contact form should be fine. But no, I’m not a lawyer.

      • Grp says:

        The form should be conditional! If the checkbox isn’t checked for example a message appears and the form can’t be proceed. Take the formidable plugin

  • David says:

    Thrive Architect (TA) is getting better and better. Except for the “Toogle” feature.

    Please make the “Toggle” feature in TA more customizable. I want to be able to adjust all colors (background color etc.).

    Unfortunately I have to use another plugin for this Toogle function at the moment, because there are not enough settings in TA. That is sad and annoying.

    • We hear you. The Toggle feature has remained mostly unchanged since before Thrive Architect, and we’d like to add more versatility to it. It’s not a high priority at the moment, though.

  • David says:

    I desperately want a checkbox (GDPR) for the “contact form” in TA as in contact from 7. Please Thrive Team!

  • Momen AL-Masharka says:

    Thrive architect is amazing <3
    and you made it greater and greater with every new feature :)

    i'm was one of whom requested Global Styles feature but i didnt use it until now , i still use symbol header insert it manually in every post/page i want, i delayed use it because i dont want to edit every single post/page then insert again global header "maybe i dint understand it well", to be honest i delayed few edits until thrive theme builder released officially .

    if i will use the header global style now is it will insert automatically to my entire website ? "posts/pages/search.. ect"

    Can i insert it in WooCommerce pages ? and make special header only appears in WooCommerce (posts and pages) ?

    • The Headers and Footers feature needs to be manually selected for each Thrive Architect page you want it to show, and won’t work on blog posts. But once you’ve selected the pages for it to show, you can change the header globally across all of them.

      What you are trying to do needs to be done by a WordPress theme. We are working on Thrive Theme Builder which will help with that, and recently shared an update about how development has been going.

  • Lewis E says:

    A very timely reminder for me. Many thanks for all that you do!

  • Nate Jameson says:

    Great to see all the updates. I so appreciate that you listen to the community. I (along with many people probably) had requested ability to change global settings… and now to see it actually happen is awesome and why I love Thrive.

    • Yes, it was a common request but we’re happy with the solution and happy to see it being used too!

  • Juan Zuazola says:

    Could you please create a template or post explaing how to do this time line ? https://thrivethemes.com/development-timeline/

    Thanks

    • The Development Timeline was custom built by our developers for this specific use case.

  • Remy says:

    A good idea to remind these features.

  • Peter Whent says:

    I subscribed to Thrive Themes in December. I can’t think how I managed without it before that! I’m definitely a fanboy!!

  • Karen McCamy says:

    Hi Brad!
    This is GREAT! :D

    I had no idea about the Thrive “Development Timeline!” Good to know!

    The Contact Form element was huge for me — so I too could ditch Contact Form 7! ;-) LoL! I implemented it right away…

    Global Styles are also awesome… So far, I’ve only used the “Global colors” feature, but being able to apply it other elements is such a time saver…especially for Global button styles!

    I loved your OpenPDF concept (https://thrivethemes.com/build-high-converting-ultimate-guide/) from the moment I saw the article, but was confounded about how to create a “sticky” button / notice for “download as PDF!” UNTIL, I read Shane’s article about the “Scroll Behavior” in Architect! (I’m assuming this will work… I like the ribbon in your example above!)

    So many awesome Architect features, I’m sure I will never use them all but it’s great to know they are there!

    In fact, I’m getting so “spoiled” by Architect, I wish I could use it for creating text documents (read: Word!)… I’m working on a free Guide & I keep thinking: “If I was using Architect, this would be so easy!” […sigh]

    Can’t wait for the new Architect updates!

    Thanks, again! <3

    • The Global features are definitely those ones that you integrate slowly with time, until your side is widely connected. Yes, Scroll Behaviors are perfect for the Open PDF download button! I thought the same.

      You’re going to love the new updates, too. Thanks for your comment, Karen.

  • Your thrive architect is absolutely GREAT! Thanks for all that great work!

    I don’t use Thrive architect yet, because I am not sure it will work as great with Avada theme?

    I’m actually waiting for your new wordpress theme. Do you have any idea when that theme will be out?

    Cheers Wesley

    • Thrive Architect works with all themes, since it works either inside of a Theme’s blog post format, or it overrides the theme on entire pages of your choosing (great for specific landing pages).

      We don’t have a release date for Thrive Theme Building yet, but we did publish an update about it just the other week. Check it out here

  • Alexis says:

    Las animaciones css hover me parecen geniales! Estaría genial si podría cambiar mi header al hacer scroll. Seguro que lo haréis en el futuro. Gracias

  • Ingela M says:

    I use Table of Contents quite often, but I think it doesn’t meet up to the standard the rest of the functions in TA has (except for Toggle, I totally agree with the comment above!)!
    Sometimes it doesn’t show the color I picked and the font in the title seem to be unchangeable. It would be a nice update with improvements of Table of Contents and Toggle!

    Except from this, I really love Thrive Architect!

    • Thanks for your comment, Ingela. The Table of Contents is very simple at the moment, I agree. Like the toggle feature, it’s not high priority, but we would like to improve it.

  • Anil R says:

    Thanks for this reminder Brad! Continuous improvement and communication is key and you guys are doing a great job. Would love to see (and not that TA is lacking but just some food for thought):

    1. more ecommerce templates and functionality
    2. timing on animations
    3. i know that Shane doesn’t like sliders or carousels and there’s an article on ‘why sliders don’t convert well’, but it would still be nice to at least have the option (as sometimes even though we advise clients, we have to give them what they want), as I have gone outside of TA in the past to get this for clients
    4. scrolling motion effects and more advanced or dynamic animations
    5. right click menu on elements for faster actions
    6. toggle to make elements active/inactive (or visible)
    7. more powerful booking and calendar functionality
    8. powerful search functionality
    9. unlimited (or at least an increased) amount of licenses for agencies (i think right now the cap is 50).
    10. more footer templates

    Again..just some food for thought and suggestions. TA is awesome! Keep up the great work guys!

  • Maira says:

    I need to chande the global font with the new font. How can I do this now?

    • Website wide, fonts are set by your theme, and so it depends on which theme you are using as to how to change it. But you also have the option to change the default font that applies to your Thrive Architect built page. Whilst in Architect in a page (not a blog post), click the Cog Icon on the right (settings), then select Global > Fonts.

  • Bjorn says:

    Hi,

    Great work.

    Is it possible to make a row in a table full clickable? Also that this work properly on mobile?

  • Eric B says:

    Loved learning about the Scroll Behavior and the Hover Animations. Two features I definitely didn’t know existed. Thank you all at Thrive Themes for making my web design experience much, much easier and fulfilling! #Thriveforlife!

  • Laura K says:

    I had forgotten about some of these so this reminder summary was great! I have to go back and think about some fancy dividers now….

    • Once you get the hang of Fancy Dividers and where to use them, it makes a huge difference to your site building

  • Scott B says:

    How did you build the development timeline page? I really like the layout on the page. Is this a feature that we will get in an update sometime soon?

    • The development timeline was custom built by our developers for our website, so unfortunately not a product in our public toolset.

  • Harold says:

    Everything looks GREAT and I have done a lot myself learning over the past year, however, it takes a lot of my time and I just don’t have that much. I there a service that can build for me? Or, at least that I can call in when needed?
    I’ve enjoyed learning and using the tools. It’s just that there is sometimes a long period between times I can work on it as I have to relearn a lot.

    Thanks!

    • Hey Harold, can you tell me more about what you mean? Would more landing page templates solve your problem, or do you mean you need designers that can build out content in Thrive Architect for you?

      • Harold says:

        Hey Bradley, thanks for getting back. I was talking about help with designing or maybe some one to do it for me. Like I said earlier, I’ve done a lot on my own, but it takes me so long. And, if I can’t get back to it for a couple weeks, I have to relearn.

        I would like to have it set up nice and then maybe I could manage it.

      • Right, I see what you mean. Thanks for letting us know. Knowing what people are struggling with helps us plan solutions

  • Jorge says:

    Love the scroll feature!

  • Love the features, thank you.

  • Karen McCamy says:

    Hey Brad,
    I have a technical question about Architect…and I know this isn’t the support forum but I wondered if this situation is “typical…” ;-) AND…I know you’re on the MArketing team, but maybe there’s a quick answer to this…

    I’m using a windows 10 PC with 8 GB of RAM & an Intel i5 processor… Should be plenty fast with these specs…

    However, not infrequently (like at a few times in every work session) while editing/creating in Architect, things stop functioning:

    – I can’t “move” an Architect element someplace else in the page/post
    – The formatting toolbar doesn’t show up when editing text elements
    – Changes (edits) aren’t reflected even though I have saved…

    When this happens, I have to completely close out the Windows tab and open the page in Architect again… BTW, my WiFi is connected the entire time…

    I’m just wondering if I need faster hardware & if this is a know problem… Other than knowing what hardware spec I have, and that more RAM is better, I’m not really sure how resources are allocated… I’m happy to upgrade hardware if that’s the fix…

    I use Architect for everything and LOVE it (as you probably know)… Just that these hiccups are frustrating and slowing down my workflow…

    If this is a question for support, just let me know how to classify it (which forum) and I’ll do that! Support questions typically aren’t usually for one-off hardware questions like this! :-o

    Thanks so much for all you & the developers & marketing team do to make our lives easier! <3

    • Hi Karen, I would say that this is not typical, no. Architect is far from heavy computing and we’ve seen it work easily on old computers with lower specs than that.

      Although I’m not sure how resources are allocated, you might find that upgrading your hardware makes no difference at all. 9 times out of 10 an issue like this has to do with something in WordPress rather than your computer. I’d recommend you open a ticket on the support forum for Thrive Architect (since that’s the product showing the symptoms) and let our support guys get to the bottom of it. You shouldn’t have those hiccups and we’d like to make them go away for you!

  • >