We are excited to provide all of our tabs demos as free layouts for you to import into your own site. We thought it would be a cool bonus to give away these layouts so that you could quickly match the demo examples on your own site and see what settings are used to create the tabs.
How To Download
The free layouts are saved from our demo site to the Divi Library as sections. The .json file, which is the file type that all Divi layouts use, is then added to a button directly in the demo for you to download and save to your computer.
How To Install
To use the layouts, you need to import them to your Divi Library. Please note the “Divi Library” terminology used here, as it will not work to try to import them into the actual page layout. You must go to Divi>Divi Library>Import.
How To Add The Layouts To Your Page
After the layouts are imported to your Divi Library, you can now go to any page on your site and add them to the layout. Be sure to click the plus button on the blue sections. Remember, these are section layouts and will only work to be added as sections, not as rows or modules.
Example
The screenshot below shows an example of the demo website, with a download button located in the top-right corner of each section that has an available Divi Layout to download.