Build Pages Faster With These 3 New Elements

One of the biggest advantages of using a visual editor like Thrive Architect is that you can use pre-designed elements.

This makes building a page or writing a compelling blog post so much easier and faster.

In the latest update of Thrive Architect, we've added 3 new elements that will help you do just that. Let me show you.

More...

1. Styled Boxes

Styled-Boxes-Examples

Examples of Styled Boxes

Content boxes are super versatile, you can really style them exactly the way you want. But sometimes, you just want to have something that looks good without too much customization.

That's where the Styled Box comes into play.

The styled box is a separate element that gives you access to a library of pre-styled content boxes.

Using a pre-styled box that looks similar to what you want on your page, will save you precious minutes (plus they've been made by pro designers so your pages will look awesome, even if you have limited design skills yourself).

2. Call to Action

Call-to-Action-Element-Examples

Examples of the Call to Action Templates

The most important element on any sales page is the "Call to Action". You want to make sure that this stands out and grabs attention.

With the new Call to Action element you'll have a library of professionally designed layouts that will help you create better sales pages.

3. Guarantee Boxes

Examples of some of the Guarantee Boxes Templates

A money back or any other guarantee can convert hesitant visitors into buyers.

If you're offering a guarantee, you should make it crystal clear on your sales page. A well-designed guarantee box can help you with that!

Create and Save Your Own Version

While these elements look good out of the box, chances are you'll want to customize them to match your website colors and style. 

Did you know you can customize the element ones, save it as a content template and then use it over and over again?

Simply select the element you want to save, scroll to the Styles & Templates menu in the Thrive Architect sidebar and click on the green button "Save Template". This will allow you to give the template a name and save it.

1

2

Now, next time you want the exact same box design, you can simply drag a "Content Template" element on the page and pick your custom designed box. 

What Design Would You Like to See?

Now that the element is available, we can start adding even more templates to the library... What style of design would you like to see? Let us know in the comments below!

Author: Hanne Vervaeck

Hanne knows exactly what companies have ever retargeted her (she keeps an updated file). And when she's not busy discussing high-level funnel design over cocktails with the equally geeky, you'll find her discovering a place for the first time

  • ellie g says:

    Hey Stephanie!
    I just created webinar registration page with Thrive Architect, however I couldn’t find the “date element” that autoupdates so that the webinar can be can become evergreen and used with stealthseminar. Where would that find that element?

    • Hanne says:

      Hi Ellie,
      That would be the “countdown” element.

  • Arun K says:

    I have already used the styled boxes. :)

    • Shane Melaugh says:

      That’s great to know! Always good when our features are put into use right away. :)

  • Omar says:

    Where is the “bold option” since this last update? Thanks!

    • Shane Melaugh says:

      For bolding text, the options appear in line as you edit or you can hit Ctrl+B or Cmd+B on your keyboard.

      • Omar says:

        Thanks Shane, the “Ctrl+B” option is working, but in my case the bold disappear from that inline options since the last update… Strange things. Thanks again!

  • mike says:

    hi – the save content block is a real timesaver and i use it often. One great feature would be to create a content block and then have the capability to edit it later – and any changes are reflected where ever it is placed

    i guess like shortcoded content blocks

    • Shane Melaugh says:

      Shared styles and globally editable elements are on the to-do list. :)

      • Chris J says:

        This is the biggest thing on your agenda. Having a set of global defaults, and then a toggle, like the way your “button” interface works.

  • David says:

    Thank you Hanne!

    I would like to see a nice and customizable “Pricing Table” ;-)

    Best regards,
    David

    • Shane Melaugh says:

      Hi David,

      A new pricing table element is on our to do list. :)

      • Mark W says:

        @shane Do you/we have a bit of a more specific roadmap that can help us see what’s in the works or not so we don’t have to keep wondering and asking… of course that means less surprises (which we like) but better forward planning….

      • Hanne says:

        Hi Mark,
        We’re very careful with giving more specific information (especially dates) because often priorities changes or issues arrise and giving out dates without being able to keep them is even more annoying for you ;-).
        So we’ll keep on telling when we have “fixed” dates and keep on delivering surprises.

      • Stephen says:

        Please please have toggles.

      • Hanne says:

        Hi Stephen, that’s one of the reasons why we did not release “normal” pricing tables now as a simple element ;)

      • Stephen Prior says:

        hmmmm. I wonder what your guy’s next plugin is going to be. lol

      • Hanne says:

        Hmm you make me think we should make it a separate plugin instead of including it in Thrive Architect ;-) But no, this is not the plan… Nor the next plugin :p

      • Albert Tan says:

        Hi Shane,
        Thrive pricing tables are very much lacking behind your competitors to be honest.

        Sales pages are very important pages and a good nice looking table will definitely increase the chances of sales.

        Don’t you agree?

        Hope you would come out with better looking tables. Thanks

      • Hanne says:

        Hi Albert,
        We definitely agree that a well designed pricing table is important. That’s why we already added a pricing table elements landing page to the cloud that you can use to get some good pricing tables and save them as a content template on your own site (while we’re working on the more advanced pricing tables element).

  • Irena says:

    Hanne, you’re doing “the hell of the job”! Sometimes I feel lost because I can’t catch all fantastic new things but … A big thank you for all your updates that make our business lives easier. :-)

    • Shane Melaugh says:

      Thanks for your comment, Irena!

  • Patrick says:

    Here is something I’d like you to fix. When building a page; if I’ve got sections already in place butted up against each other and want to put a new element between them it’s difficult and in 2 cases would not work at all.
    I add an element, it moves it to the bottom, I drag and drop it, but it just won’t go where I want it to go between those other sections.
    I’ve had this happen twice and had it take multiple drops on other occasions.
    What can be done about this? Or am I doing something wrong?
    Thanks!

    • Nat says:

      unfortunately, I’ve had troubles placing some sections as well.

    • Shane Melaugh says:

      Thanks for your feedback. Have you posted this on the support forum?

      I ask because I can’t replicate this problem. I’ve set up a test page with sections next to each other and I can drop things between the sections 100% reliably. There must be something either to the specific layout you’re working with or to the configuration your site is on that causes this problem.

      Hopefully, we can figure it out and fix it.

      • Patrick says:

        Hi Shane, I’ll post it to the forum once I make a screen capture video the next time it happens.
        Thanks!

  • Giuseppe says:

    Off topic but important nonetheless, any news on the new theme in the works?

    • Shane Melaugh says:

      We’ll have news on it coming soon.

  • Nat says:

    Great stuff Thrive team! I didn’t even know about “styled lists” until this video. Wish I would’ve seen them before! haha

    • Shane Melaugh says:

      Thank you for your comment, Nat!

  • Paul says:

    I’d like to see Thrive Architect without bugs. It’s far more difficult to manage and use than the original version. Good example of over design guys!

    • Jason Cain says:

      I respectfully disagree. I prefer the updates and the extra attention to features. I do feel for you Paul, if you are experiencing problems — however that has not been my experience.

      I made the switch from ClickFunnels and couldn’t be happier. I was losing sales because their system would go occasionally go down. Nothing like launching a promotion or product and having your shopping cart crash!

      I hope you get your issues ironed out.

      • Shane Melaugh says:

        Thank you for your vote of confidence, Jason!

        We do our best to eliminate bugs and issues, but almost all bugs that users encounter are theme, plugin or hosting conflicts that are specific to an individual user’s site. It’s very difficult to anticipate and counter the millions of potential problems our products encounter in the vast world of WordPress sites.

    • Chris J says:

      You might update the resource limits on yor WP. I upped memory and it’s not buggy anymore.

      • Paul says:

        Hi Chris. Its not a resource issue. It’s the design of Architect and the way it makes it harder to:

        1) access my other pages in WordPress
        2) design pages (espcecially editing existing pages)

        In short, it’s not user friendly as the original version

    • Shane Melaugh says:

      Thanks for your feedback, Paul.

      We probably couldn’t make much headway by trying to get our design team to fix bugs, though, so I’m not sure if I can take action on your advice here.

    • joan a says:

      It’s definitely more complex, but there are features in Architect that I would not want to give up that make it easier to get the right look. TCB was not nearly as capable as this beast.

      I don’t know if this applies to you specifically, but users in general should also be careful how they set up caching plugins and CDNs, which can cause issues and make it seem like Architect has bugs.

  • Enda M says:

    Great new elements to make things faster. Thanks for these.
    Post it note boxes would be great, though I have made one, but just know you guys will do it better. I use Thrive as I am an Amazon Affiliate, so a pros and cons box would be great, as would a features and benefits box.

    • Shane Melaugh says:

      Thank you for the suggestions, Enda!

    • Christian S says:

      That is exactly the point, Ende. They just do a better design than I can do. Even if I try hard :)

      • Mark W says:

        Christian, I have to agree…. I suck at design, but with such cool starting points, I can edit and modify with that inspiration sooo much more effectively, love them (Thrive Team) for making it sooo easy for me (and the people I share with tips with)

      • Enda M says:

        I know exactly how you feel Christian…sometimes I just hate them lol

  • Laurent says:

    Very useful Hanne, thanks for this!

    • Shane Melaugh says:

      Thank you for your comment, Laurent! (I’m replying in Hanne’s place since she’s on vacation).

  • Balazs says:

    That Save template button placement is really misleading for me. I always think that I have to write the template’s name into the Class or ID field because it’s not separated well. You should do something about this. :)

    • Shane Melaugh says:

      Thank you for your feedback, Balazs! We’ll work to improve this in the UI.

  • guru says:

    The cta and guarantee boxes are not inserting reformatted with colors and arrows

    • Shane Melaugh says:

      Please post about this issue in the support forum so we can investigate it further. Thanks.

  • Jason Cain says:

    I don’t mean to sound like a fanboy, but…

    I am extremely happy with all the changes that are going on with Thrive Themes. It is making it easier to create the different steps in my marketing sequences and is infinitely more flexible and affordable than ClickFunnels, Leadpages, etc.

    • Shane Melaugh says:

      Thank you for your comment, Jason! I’m very happy to hear that our products help you get the results you need faster and more affordably. :)

  • andrea says:

    great

    • Shane Melaugh says:

      Thank you, Andrea!

  • Chris J says:

    I’d love to see a page within Thrive that set some color patterns and some more global options.

    As more of the theme options get baked into the customizer, having a default starting point would really help this process.

    It would also create an “unfair advantage” within Thrive.

    Plus, you could choose to globally change EVERYTHING if you decided to change fonts or whatever.

    • Jonah J says:

      I missed this response Chris. If i’m reading you correct, i think i’ve asked the same question.

    • Shane Melaugh says:

      Thank you for your comment, Chris! We are working on creating more global customization options like that. I agree that this is an important factor to improve workflow in our products.

  • Lars says:

    Hallo,

    good stuff! Can the texts in the guarantee box icons also be translated or are these only available in English?

    Lars

    • Shane Melaugh says:

      They’re only available in English. We may release some templates with editable badges in the future, though.

      • Lars says:

        Thanks. Is it alternatively possible to use your own images (with own text and language) instead of your English box icons/graphics?

      • Hanne says:

        Sure!

  • Juan Z says:

    Very good . I propose that you design style box templates related to offers, discounts and sales promotions

    • Shane Melaugh says:

      Thank you for your suggestions, Juan!

  • Deborah Cannizzo says:

    You guys are amazing !!! love you so much

    • Shane Melaugh says:

      Thank you, Deborah!

  • askdean.info says:

    Hi, this is great, only problem when go to search for the new elements they don’t show up for me. How do I get access to them.
    Thank you

    • Shane Melaugh says:

      Please make sure that you’ve updated Thrive Architect to the latest version. If the elements still don’t show up, try hard refreshing your browser (Ctrl+F5 or Cmd+F5).

  • Bobbie says:

    WOW ThriveThemes just keeps getting better and better! Thank you!

    • Shane Melaugh says:

      Thank you, Bobbie!

  • Joan says:

    Thanks, Hanna, and Thrive. I love how you simplify things then take it up a notch. I’d also like to know if new Themes are on the horizon. I’m in the middle of rebranding (using TA) and I’d hate to launch just as you announce new Themes…

    • Shane Melaugh says:

      Thank you, Joan!

      We’re working hard on the new theme and we’ll have some news on it soon.

      • Joan Bell says:

        Thanks Shane for the quick response, now I’m in a dilemma! ????

  • Kevin says:

    That’s awesome. I’ve had to spend some time trying to create custom style boxes and they would not be quite mobile responsive. So looking forward to using this element when I update my website.

    • Shane Melaugh says:

      Thanks for your commen, Kevin! Glad you find these templates useful. :)

  • Jonah J says:

    I have a newbie question that relates to the page template sets inside Thrive Architect.

    I‘m new to all this so please forgive me my possible stupidity or ignorance because this function may already be possible or a quick workaround evident and I’ve missed it completely.

    My question is this – Is it possible that you can add a function/setting (perhaps a colour picker/palette?) to each of your page template sets that makes it possible to identify and then change the colours used in a page template set just the once and it changes that colour throughout the entire page template set?

    • Shane Melaugh says:

      Thank you for your comment, Jonah.

      Your question is very good and we are indeed working on such a feature. Technically, it’s very tricky to make this happen, but we’re trying to create something that gets the desired result very easily. The goal is to make color customization much faster than it is now.

      • Jonah J says:

        Thanks Shane. It would certainly add a valuable option to an already valuable resource as well as help to speed things up a little for those who are perhaps up to speed already.

        Being able to drag a page from one template set, and another from another set and another from another set and drop them into a hybrid set of your own making….and then be able to customise the colour palette, fonts etc from one location would be…..well, you know….awesome. I think users would get more use out of the complete sets too.

        Sometimes i have an idea that sounds great to me and that i think has never been invented and then all of a sudden someone tells me it’s been available since BC.

        You guys rock. Hanne deserves her holiday.

  • Arte says:

    Awesome! These type of prebuilt elements used to save so much time – especially since they are required on every single landing page. Thrilled to see them back in Architect. Thank you Thrive team!

  • amod o says:

    Super update guys!

    MY SUGGESTIONS:

    1) MOST IMPORTANT: Need some styling for ordered list numbers. Like a colored square/circle behind the numbers. The current version offers no customization of the numbers, making it look like a MS word list!!

    Examples:
    https://clickhelp.co/images/feeds/blog/2016.12/number-circles.png
    https://catalin.red/dist/uploads/2012/02/css3-ordered-list-styles.png

    2) Please check these guys, they literally ROCK when it comes to the elements:
    https://theme.co/cornerstone/elements/

    I would LOVE to see the feature list, alignments, cards, css counters,

    3) New element – Accordion. The classic one, not the current “toggle”.
    Please check some of the modern themes on themeforest to see some awesome accordions.

    4) I have been a long time Cornerstone user, and one great feature they have is – they have “sections” on the page which contain all the elements within it.

    Right now, thrive architect has all the elements laid out in a single section, but then it becomes difficult to do some useful stuff like “hide a group of elements” from mobile, etc.

    Yes I know this can be done on each element, but it gets frustrating doing it for 10 elements when all I can do is a single setting on the “section” containing them.

    5) New element – Pre-styled sub headings? For example, very useful for affiliates for, let’s say, doing something like “Step 3: blah blah…”

    What say you, Shane?

    • Hanne says:

      Hi Amod,

      Thanks for your comment, about your suggestions:

      1) On the numbered list, you can already do some of what you’re looking for. When you click on the number, you’ll see that you can add a background color and when you apply rounded corners this will become a cercle. That being said, we are working on improving the element (because for the moment you have to edit each number separately which can become time consuming).

      2) For the featured list element, you can already obtain a very similar look with the styled list element :) Again, play around with adding a background color to the icon, adding a border, … If you want the effect with the title, paragraph,… I suggest using icons + content boxes to get the result. You can see an example of something similar in this tutorial @ 31.29 min

      3) Thanks for the suggestion

      4) You can use the “background section” element to do what you’re asking for. Put the background section on the page and then you can hide all the elements inside it from mobile with one click :)

      5) Not sure if pre-styled sub-headings would really be helpful for us to create. The style of the sub- headings are set on page level (so that each time you put a H3 on your page it has the same styling) but maybe I’m missing what you’re trying to do?

      • amod o says:

        Hi Hanne,
        Thanks for the reply, got some of my doubts resolved.

        And yeah, let the pre-styled sub headings be as it is… not an issue, I’ll whip up some content templates for it! ;)

        Lastly, DEFINITELY visit the cornerstone plugin page for some of their awesome element ideas (like the flip cards). As devs I am sure you appreciate (and get inspired) the good work of fellow devs…

  • Christian S says:

    Great that these “old” Builder elements are back!

    What I would love to see – as it would safe quite some time – is some templates with tiles. I love to use them for my courses ore just information. (Like you have them at the Thrive University.)
    It is easy to build, however some more complex things like 3D take time. And in mobile view I always have the problem that they are glued together – unlike in desktop or pad view.

    Thanks!
    Christian.

    • Hanne says:

      Hi Christian,
      Do you have an example of this?

      • Christian S says:

        Hi Hanne,

        I like to use tiles for orientation. Like on a course page for the different units. Like you use it on Thrive University. Each course is a nicely designed clickable tile.

        When I created this myself – I used a layout with two columns and just duplicated them, so I got several lines of two columns; in each column I created a clickable tile with an image and some text and some hoover action – it wasn’t easy possible to have it look nice on mobile view as the distance between the tiles was fine between those which were side-by-side in the two columns. However, between the tile of the second column and the next tile in the first column of the next line it was difficult to get a proper space in-between.

        I hope I make some sense….

        Thanks!
        Christian.

        PS. Always enjoying your videos!

      • Hanne says:

        Hi Chrisitan,

        I see what you mean. A tip for this is to do only 2 columns first. Then go to mobile and fix the top margin on mobile (so that the columns look good underneath each other, with the proper spacing you want)
        Now copy those columns. Check again on mobile and all should look fine (if you need to adjust in between columns you can do so on the second column element).
        Then each time, copy the second column element and all will look just the way you want it :)

        That being said, it’s always easier when a designer fixes all of this for you already ;-) But there is not reason you can not get it right!

  • Ryan S says:

    I think this is a great new step to facilitate speedy design, particularly for those of us who may be less strong with a blank sheet of paper. I also really like the ‘cloud’ element you’ve added too, so templates can be constantly updated and added to without having to weigh down the code we install. Super.

    • Hanne says:

      Glad you like it Ryan!

  • Adrian Iacob says:

    Thank you, Hanne! Thank you, guys!
    Merely with goodies! :)
    A customizable Pricing table will be wellcome, but I ask you if you can feature a photo(video) slider or carousel…

    Have a wonderful year!
    Adrian

    • Hanne says:

      Hi Adrian,
      A slider element is not going to happen anytime soon. But pricing tables are on the to do list :)

  • Ramesh says:

    thank you, Hanne and all the team for your hard work these are great additions. Is there any “one colour” you use for a call to action button for high CTR?

    • Hanne says:

      Hi Ramesh,
      No not really. Depending on the design of the page but make sure it stands out (eg if the design of you page is mainly blue, use a contrasting color such as orange for the call to action).

  • Patrick says:

    This is off topic, but, you guys gave a home page tutorial a while back that was brilliant. The thing is, I build it and it never seems to look as good as if it was themed to be that way.

    A good example is tonyrobbins.com He’s actually doing the exact thing you guys showed. But, I just can’t seem to get mine to look that good. It looks good, just not THAT good.

    So, I have a theme request. One that has a home page already built that looks like that, or the exact demo you guys did, so when we change it, the look is off the charts great.

    Then, have the rest of the site look be like Rise? That would rock.
    Maybe just add this as a template so that it can be dome on any theme?

    That demo was soooo good, but getting that pro look like Tony’s site is not easy.

    Thoughts?

    • Hanne says:

      Hi Patrick,
      What tutorial are you referring to? We now add most of the tutorial designs as templates to Thrive Architect (in the “bonus” landing page set). So that you can simply load it and get going.

  • Nicholas P says:

    Awesome post! Looking forward to future updates. Thank you!

  • Hanne, what tool do you use to make your video where your face goes from the full screen to the corner? Thank you!

  • Gordon says:

    Do your products work with multisites?

  • Nathan says:

    As an author (and builder for other author’s sites) I’d love to see a great template for authors that showcase books, and so on. Love your stuff!

    • Hanne says:

      Thanks for the suggestion Nathan

  • Roy E Terry says:

    Hoping TT will give some love to the pull-quote element.

    • Hanne says:

      Hi Roy, thanks for the suggestion.

  • Chris J says:

    Would love to have a toggle between “consistent fonts’ and “designed fonts” . A slider switch similar to the way that you do buttons would be nice in your libraries. That way we could keep our choices intact.

    • Hanne says:

      Thanks for the suggestion Chris.

  • Larry J says:

    Thanks that was good information. I’m currently working on creating my first landing page interesting process but it’s actually more to it than meets the eye.

    • Hanne says:

      Hi Larry,

      Doing something for the first time is always harder than anticipated… But I hope our templates make it as easy and straight forward for you as possible.

  • Manfred Peter L says:

    Great compliment for your videos Hanne and also to Shane´s. Great work! One question about the styling box and other text boxes: does the editor separate words automatically? Because in german language there are a lot of combined long words and it looks not nice without separation. If not, then maybe it´s possible to switch to TinyMCE Advanced Editor?

    • Hanne says:

      Hi Manfred, if you mean hyphenation (breaking up a long word onto two lines) no this is not currently supported.

      • Manfred Peter L says:

        Thank you, for the german market it would be helpful to integrate this function in the editor, because we have a lot of long words in our language, but it´s not a big problem. If this function will be available in the future, it must automatically change the hyphenation in mobile views and tablets. It would be great if other countries could choose their most popular editor inside Thrive Architect. Thanks again for your response.

  • >

    Join Thrive University (it's FREE!)