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 Layout Pack for Divi.
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.
Consider this layout pack when using any LMS plugin for WordPress.
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.
Landing Page Design
Home Page Design
About Page Design
Blog Page Design
Contact Page Design
Chapter Page Design
Chapters Page Design
Pricing Page Design
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.
- Online Course Landing Page (live demo)
- Online Course Homepage (live demo)
- Online Course About Page (live demo)
- Online Course Pricing Page (live demo)
- Online Course Chapter Page (live demo)
- Online Course Chapters Page (live demo)
- Online Course Blog Page (live demo)
- 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.
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.
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
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!
Nice theme, thank you
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?
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?
One of the best black designs built here. It’s elegant. Very well utilized black space. The green is perfectly balanced. Liked it.
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.
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?
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.
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.
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.