Get a FREE Online Course Layout Pack for Divi

Posted on May 2, 2022 by in Divi Resources | 9 comments

Get a FREE Online Course Layout Pack for Divi

Hey Divi Creators! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new, free Divi Layout Pack from our design team to you.

This time around, the design team has created a beautiful Online Course Layout Pack that’ll help you get your next online course website up and running in no time! This layout pack includes:

7 Premade page layouts strategically designed for an online course (including a footer design)
– Original, royalty-free photos and graphics + customizable source file (see below)
– Plus, a large collection of pre-designed website elements that are customizable and reusable anywhere.

This layout pack is available right inside Divi for all Divi customers for FREE as the latest addition to our growing Divi library of 250+ premade layout packs, 1800+ page designs, and countless web design elements and resources.

divi layout

Check Out The Divi Online Course
Layout Pack Below

Get it for free today!

divi online course layout pack

Landing Page Design

divi online course layout pack

View The Live Layout Demo

Home Page Design

divi online course layout pack

View The Live Layout Demo

About Page Design

divi online course layout pack

View The Live Layout Demo

Blog Page Design

divi online course layout pack

View The Live Layout Demo

Contact Page Design

divi online course layout pack

View The Live Layout Demo

Chapter Page Design

divi online course layout pack

View The Live Layout Demo

Chapters Page Design

divi online course layout pack

View The Live Layout Demo

Pricing Page Design

divi online course layout pack

View The Live Layout Demo

Key Features

If you are looking for a fresh design for an online course website, this layout pack has what you need to get one up and running in minutes. The pack includes dedicated layouts for showcasing courses, course chapters, memberships, pricing, and more. Plus, the pack also includes custom course icons and graphics you can use for free without restrictions.

Live Demos

Click the links below to see a live demo for each of the layouts included in the pack.

  1. Online Course Landing Page (live demo)
  2. Online Course Homepage (live demo)
  3. Online Course About Page (live demo)
  4. Online Course Pricing Page (live demo)
  5. Online Course Chapter Page (live demo)
  6. Online Course Chapters Page (live demo)
  7. Online Course Blog Page (live demo)
  8. Online Course Contact Page (live demo)

Access This Layout Right Now
Directly from Your Divi Builder

Subscribe To Our Youtube Channel

Since Version 3.0.99 of Divi, you can find and import any of the layouts included in this pack (along with ALL of Divi’s Premade Layout packs) directly from the Divi Builder. They are already waiting for you.

To access your new layout, simply activate the Visual Builder when editing a page and look for the “Load From Library” icon in the page settings bar (it looks like a plus symbol). Click this icon to launch the Load From Library popup. Under the Premade Layouts tab, you can easily find the new layout by scrolling through the list of layout packs. Once you find the Online Course Layout Pack, click on it. You will see all the individual layouts included in the pack. Select the layout you want to use and then click the “Use This Layout” button.

divi online course layout pack

Authentication Required

Before you can download Premade Layouts from the Divi Library you must authenticate your Elegant Themes Subscription. If you have already activated updates for Divi under Divi > Theme Options > Updates, you have already authenticated your subscription and will have access to the layouts without a problem. If not, when you click to import a layout to your page, you will be prompted to enter your Elegant Themes Membership Username and API Key.

divi online course layout pack

After you enter the Username and API Key, you will gain immediate access to the layouts. You can find your API Key under your members area on the Elegant Themes site.

Use Layout Images for FREE with No Licensing Restrictions

divi online course layout pack

The image assets included with these layouts (icons, illustrations, photos, etc.) have no licensing restrictions. This means you can use them in all of your commercial projects without having to worry about paying licensing fees or attributing the photographer. Use them in your commercial websites, sell them within your Divi child themes, include them in your own Divi layout packs or just use them on your blog. We know how challenging it can be to find good photos and how confusing and scary the licensing that governs those photos can be. We want to fix that problem for our users.

Download the Full Res Image Assets

New Layout Pack Every Week!

We hope you enjoy this layout pack. We look forward to hearing your opinions in the comment section below. Make sure you check out next week’s layout pack as well!

Premade Layouts

Check Out These Related Posts

9 Comments

  1. I haven’t downloaded a premade layout for some time. It appears that to download this one, I have to open 15 different new pages and download the layout page by page. “In the old days”, we could download an entire “pack” to our computers and then upload the pack to install it into our Divi Library all at once. Is this still possible? If so, how can I do it?

    • I don’t think it needs to be downloaded at all.
      You can see all of these pages when viewing the premade layouts in Theme Builder and download exactly the layout you need.

    • Just update the Divi theme to the current version in your WP site (or install the newest version if you’re building a new site) — all the different layouts will then be included in Divi Builder.

    • Steve,
      Sorry for the confusion. The layout packs are already available for FREE inside the Divi Builder. Just click the Add From Library icon from the menu in the Divi builder and you can load them from there.

  2. I love the smaller details in this design. It feels special. I’ve noted that the layout packs rarely use animations anymore – does it seem like the industry is moving away from animating content elements?

    • Thanks, OUTBOXED. Glad you liked it. I think, for the most part, animations are to be used sparingly so as not to be too distracting. We used them more often in our layout packs to highlight the scroll animation effects when they were introduced. Now, I think it is a good idea to keep animations at a minimum for layout packs and leave it to the user to add them as needed. Not really sure where the industry is headed on this yet.

    • One of the best black designs built here. It’s elegant. Very well utilized black space. The green is perfectly balanced. Liked it.

  3. The smaller details in this design are wonderful. Layout packs no longer use animations – is this an indication that the industry is moving away from animating content elements?

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today

Pin It on Pinterest