14 Content Box Templates to Help Build & Sell Your Online Courses

Creating online courses on your website can be an intimidating task.

With lessons to plan, visual, audio and text media to craft as well as checklists and course workbooks to create, there’s a lot to be done before launch day.

To do all that, you'll need to focus on creating great content instead of wasting precious time worrying about how it all looks. That's not to say design isn't important, it's just not what you should be spending very much time on.

That’s why we just added 14 new content box templates to Thrive Architect’s Styled Box element to help you achieve your course design objectives.

More...

This means you can stay laser focused on creating content and rely on our pro design team to help showcase it all.

Read on to see what each of these new content box templates look like, what they’re for and how they’ll help you build, ship and sell your online courses in waaay less time.

How To Use Styled Box Templates to Build Your Online Courses Faster

The content box templates showcased in this post are now available to use within any of the Thrive Themes plugins that use the Thrive editor to create content (this includes Thrive Architect itself, Thrive Apprentice, Thrive Leads, Thrive Quiz Builder and Thrive Ultimatum).

Whether you build your online courses using sets of Thrive Architect landing pages like Idahosa does or with the Thrive Apprentice plugin like we do for Thrive University, you can quickly access these content box templates by doing the following:

  1. Drop a Styled Box element from the Thrive Architect sidebar into your editor window.
     
  2. When the content box template window appears, select one of our many, cloud-based content box templates. Scroll through the options to find the template you’d like to use.

  3. In the editor window, modify the template’s text, images, colors and links to make it appropriate for the online course lesson you're applying it to.

It's as simple as that!

If you make a habit of using professionally designed templates like the ones you’ll find in our Thrive Architect Styled Box feature, your lessons will not only look great, but you’ll finish creating your course in a lot less time.

We call this our Rapid Implementation Principle and it’s at the core of how we do business. It explains why we put so much effort into making great templates — for landing pages, opt-in forms and other types of content boxes — readily available to use on your website.

With that said, here are our 14 newest content box templates created specifically for helping you build fresh looking online courses super fast.

1. Course Information Table

Select the "Course Information Table" option within the Styled Box element to use this template.

Although our Thrive Apprentice online course plugin does provide a course overview page for your online students, you may still want to present similar overviews of certain courses on other areas of your site.

This table template can be used on sales pages for your paid courses, squeeze pages for free courses or even on related blog posts to help funnel people into your sales and lead gen funnels:

Related Resource Boxes

Whenever you have additional resources, links or content you’d like to include in lessons, the following 5 content box templates will help you do that — each for slightly different purposes.

2. Related Resource Box

Select the "Related Resource Box" option within the Styled Box element to use this template.

This content box template is a simple design you can place at the bottom of your lesson pages. Putting all your related resource links in a content box like this creates a visual consistency for students to look for at the end of each lesson.

3. Skill Box

Select the "Skill Box" option within the Styled Box element to use this template.

This is a more complex additional reference template that organizes your resource links by either subject matter or skill level.

We created it with the Tabs element within Thrive Architect and assigned a category to each tab.

We created Beginners / Advanced skill level tabs to categorize the links in this particular template, but you could easily modify it into related subject matter categories like Hatha Yoga / Yin Yoga / AcroYoga, etc:

4. Quick Links Box

Select the "Quick Links Box" option within the Styled Box element to use this template.

Did you know that the Thrive Architect editor allows you to turn entire content boxes into clickable links?

To do this, you simply select the content box element you want to modify and add a URL in the Action & Animation tab found in the editor’s left sidebar.

We designed this content box template with icons and text elements to make it easy for students to understand what they’re clicking on with just a quick glance. The hover animations look pretty cool too.

5. Download Boxes

Select the "Download Boxes" option within the Styled Box element to use this template.

Download boxes are a great way to deliver additional course content like audio files, video files, images and PDFs to your students at the end of different lessons.

Use this template on any lesson page where your students need to download media files to complete the lesson or take their learning offline.

6. Fancy Resource Boxes

Select the "Fancy Resource Boxes" option within the Styled Box element to use this template.

This resource box template design puts a professional touch on the lesson extras strategy by embedding buttons within dressed up content boxes.

7. FAQ Box

Select the "FAQ Box" option within the Styled Box element to use this template.

Frequently Asked Question boxes are a great way to not only answer your most common course or specific lesson questions, but locate them in easy to find spots for your students.

The Thrive Architect Toggle element is perfect for creating FAQ sections on either your course lesson pages, overview pages or landing pages. The questions are shown on top of each toggle element and the answers reveal themselves in drop-down fashion after clicking.

Heading off your most common student questions via FAQ content boxes will also eliminate the amount of time you’ll spend responding to student questions since they’ll already be front and center on key pages of your course.

8. Pop Quiz Box

Select the "Pop Quiz Box" option within the Styled Box element to use this template.

Quizzes are a great way to test your students' understanding of course material at the end of certain lessons.

The following content box template makes inserting self-assessment quizzes into course lessons super easy and simple by combining the functionality of Thrive Architect's Paragraph and Toggle elements.

Just modify the template text to add your quiz questions and then use the Toggle element to reveal the answer.

Using this content box template to add self-assessment quizzes to your courses is a sweet hack since it means you don’t need to buy or program additional tools to get it done.

However, if you do want your lessons to have more interactive quiz capabilities, you can always insert quizzes you create in Thrive Quiz Builder by using shortcodes to accomplish that.

9. Answer Reveal Box

Select the "Answer Reveal Box" option within the Styled Box element to use this template.

Another cool way to add quizzes to your course lessons is by using the Thrive Lightbox feature available in Thrive Architect.

The way to do this is by creating Thrive Lightboxes in your WordPress dashboard (a feature that comes with the Thrive Architect plugin) for the purpose of revealing the answers to lesson quizzes.

Note that the content box template we created for this is not the lightbox. You’ll have to create that on your own (check out Example #5 in this blog post to learn how).

The template provided here is just a good looking content box that includes a button you'll set up to reveal the appropriate answer lightbox when clicked.

10. Exciting Download Button

Select the "Exciting Download Button" option within the Styled Box element to use this template.

Another way to get your students interested to download extra lesson content is with an Exciting Download Button.

To create this template, we included the following elements:

  1. A title describing what students will download when they click the download button
  2. A cover image displaying the free digital download item
  3. A hover animated download button with a link set to deliver the free download

Just drop this content box template into any of your course lessons and modify the title, image and asset delivery URL to make it useful for your specific needs.

11. Download List Box

Select the "Download List Box" option within the Styled Box element to use this template.

If you have a list of different downloadables for a given lesson, this content box template is just what you need.

To modify this template for your lesson pages, simply update the text to match the description your downloadable(s) — like PDF checklists, workbooks, lesson notes, or audio files — as well as the digital delivery URL links for each button.

12. Fancy Step-By-Step Boxes

Select the "Fancy Step-by-Step Boxes" option within the Styled Box element to use this template.

If you’re attempting to teach a step-by-step skill or process in one of your course lessons, the following content box template will make explaining how to do that look great.

It’s designed to numerically guide students from the first to last step with step titles, tutorial images, and step descriptions. You can add all sorts of Thrive Architect elements to help you explain each step like Styled ListsProgress Bars, and Videos too.

Just modify the text and replace the elements with your own media and you’ll have a step-by-step lesson ready to publish in no time.

13. Simple Step-By-Step Layout

Select the "Simple Step-by-Step Boxes" option within the Styled Box element to use this template.

If you’d rather use a more minimalist, text-only design for your step-by-step lessons, select this simple step-by-step layout instead.

This content box template is great for basic lessons that don’t need a lot of visual media to explain how to do certain things.

14. “Buy This Course” Promotion

Select the "Buy this Course Promotion" option within the Styled Box element to use this template.

Whether you’ve created free or premium online courses for your website, it’s always a good idea to promote them wherever it’s relevant to do so.

If you're selling an information product, use this promotional template on your sales page, blog posts or inside one of your free online courses to attract new customers into your sales funnel.

Alternatively, you can modify this template to promote your free online courses on blog posts or lead generation pages to turn more visitors into subscribers.

Don’t forget that after you modify the template to suit your needs, you can also save it as a Symbol to give it global editing functionality.

Now It’s Your Turn

There you have it.

14 new content box templates available in Thrive Architect and Thrive Apprentice you can use right now to help craft your online courses. Simply insert a Styled Box element within any Thrive editor window and select the template you're after to start building lessons in a fraction of the time.

We’d love to hear what you think of the new content box templates as well as any other ideas you have for design object templates.

Let us know your thoughts in the comments below!


P.S. If you already have a Thrive Themes Membership, you can now build and sell online courses on your website using our Thrive Apprentice plugin integrated with a tool called SendOwl.

We just published a new course in Thrive University showing How You Can Build an Information Product Empire Using the Thrive Apprentice + SendOwl combo.

The course is available to anyone who registers for our free Thrive University subscription, but you'll need to sign up for a Thrive Themes Membership to get access to Thrive Apprentice until we start selling it publicly sometime in 2019.

Author: Matt Totten

Matt's a geologist turned online marketer and digital nomad. He's a Modern Manimal on a mission to cultivate a wild lifestyle – by design. When away from his tech, you can find him studying movement through practices like Aikido, AcroYoga and Barefoot Running.

  • Jonah J says:

    Hi Matt.

    Some great additions. I had noticed some of them in the ‘Online Course Design Templates’ section of the ‘members only content’.

    Any chance that you or a member of the team can produce a video tutorial on how to use these content box templates in Thrive Apprentice to create a lesson?

    A visual demonstration of the full process is worth 10,000 words.

    • Matt says:

      Glad you like the new “Styled Box” content templates Jonah!

      Your video tutorial suggestion would be a great piece of instructional content for creating Thrive Apprentice lessons so I think you can expect to see that sometime soon!

  • Oliver Scheiber says:

    Some really nice boxes! But will the Apprentice plugin stay for members only or are you going to release it for non-members too?

    • Jonah J says:

      Hi Oliver.

      I’m a Thrive member and not an employee but i can say that Thrive Apprentice is being released outside of membership in 2019. Grab it because it is cool and continues to be improved upon, which is always good.

      • Matt says:

        Well said Jonah!

    • Matt says:

      Thanks Oliver!

      Yes, Thrive Apprentice will be available as a separate plugin, but not until 2019. One of the Thrive Membership benefits is that we make our new plugins exclusive to members only for awhile before we release them publicly as single-license products.

      But yes, you can expect to Thrive Apprentice to be available on its own in a few months.

      • Shawn says:

        Matt, awesome post. Is this the membership solution you were referring to a couple of weeks ago or is Thrive going to incorporate their own membership solution outside on sendowl? Thanks.

      • Matt says:

        Hi Shawn, the deep SendOwl integration is the membership solution I was hinting at a few weeks ago. Thrive Themes is not working on a membership plugin tool at this time.

  • Manú says:

    me parece util estas plantillas prediseñadas para web de cursos presenciales o en linea , en la caja de estilos tambien esta una plantilla de precios, pero no funciona al dar clicks para que cambie las diferentes en instancias en celulares, unicamente funciona en computadoras de escritorio.

    • Matt says:

      Gracias Manú!

      ¿Con qué tabla de precios tiene problemas de respuesta móvil?

  • Peti says:

    Great stuff! These will be super valuable in my blog posts too.

    • Matt says:

      Thanks Peti… very good point!

  • Barney Davey says:

    Wow! Very impressive.

    • Matt says:

      Thanks Barney!

    • Martin M says:

      Good to see you in the neighborhood, Barney!

  • Bakari C says:

    I look forward to trying the step-by-step boxes in a blog post. Thanks for these.

    • Matt says:

      You’re welcome Bakari… I hope they’re just what you need!

  • Larry M says:

    These boxes are brilliant! I was working on adding elements like this to my site last night so your timing is perfect. Thanks a million ????

    • Matt says:

      I had a feeling you might need these Larry… ;-)

      Glad they were so useful for you!

  • Great design and a great help for us to focus on content. Thank you, Matt.

    I´m looking forward to the webinar replay. I´ll check it out later today in the member´s area.

    • Matt says:

      Thanks Luis!

      The Thrive Apprentice + SendOwl integration webinar replay is now available as a free online course in Thrive University. Just login to Thrive University and you can get started with it here.

      • Darin says:

        I am not exactly ready for the developing my courses yet, but to have this option when I am is very cool. I did look at other options and other services and Shane made the point you stop paying and you lose access to your content. So they have you hostage. I like it when I am in control of my content. Love just love Thrive.

  • cool stuff – absolutly great :-)

    • Matt says:

      Glad you like them Ilka!

  • Bakari C says:

    I just used the step-by-step style box in a blog post. Now I need to figure how the circles were created, and how to add a vertical line. https://macautomationtips.com/10-ways-to-work-smarter-using-mac-automation/
    Really like the style boxes. I hope more templates created, and then you maybe do a few video tutorials about how to create styles boxes. Thanks.

    • Matt says:

      Nice rapid implementation of the step-by-step content box template on one of your blog posts Bakari!

      To create the circles, insert a “Paragraph” element, set the Padding to 14 px on all sides, set the Background Color to whatever you want your highlight color to be, Borders to white and 5 px, Rounding to 90+ px, and a white Inner Shadow to a 1 px spread.

      The vertical lines are just empty Content Box elements with a grey, 1 px wide, right side Border.

      You can look forward to more “Styled Box” content templates and video tutorials coming soon!

  • Jeff Berry says:

    Matt, thanks for the post. I like your style. I am putting together my 2nd course. The first was on Thinkific’s platform. I want to use Thrive Architect, and will check out SendOwl. I am also awaitiing an update to Thrive Apprentice that should improve its ability. Thank you.

  • David says:

    Hey nicely done and written
    I also noticed since I started blogging recently that people have old ideas and add nothing. But I had not made the leap that you made, or at least not a leap of That Size!! Fantastic Idea

    Will start following your blog.

    cheers

    David

  • Martin M says:

    Hi Matt!

    Great stuff, but there’s one thing I have to ask…

    Can we use these in Thrive Apprentice itself? Is Thrive Architect integrated with Apprentice?

    • Matt says:

      Yup, you build your Thrive Apprentice lessons with the same Thrive Architect User Interface Martin.

  • Martin M says:

    Never mind, just reread the top of the top and the answer is “Yes!”

  • >

    Join Thrive University (it's FREE!)