Join subscribers on our YouTube channel and enjoy other Divi video tutorials!
Viewing The Demos
All the layouts are available to view on our demo site. These were created to give some examples of how they can be used. The screenshot below shows all the demos available at this time. The demos include a wide variety of examples that show how you can use the many options provided by our module.
How To Use The Layouts
How To Download The Layouts
Go to the Divi Tabs Maker demo website and browse the example tabs. Each section contains a number, description, and download button. Scroll to the section that you like and click the download button, which will prompt your browser to save the layout to your computer.
The screenshot below shows an example from our demo website with a download button located in the top-right corner of each tab section.
How To Upload The Layouts To Your Site
To use the layouts, you need to import them directly into your Divi Library. This is required since the layouts were saved as sections from our demo site page to the Divi Library. We then exported them as .json files, which is the file type used for all Divi layouts. We then added the file to the buttons, so this .json Divi Layout file is what you will be downloading from our demo site and then uploading to your Divi Library.
Please note the “Divi Library” terminology used here. You must go to Divi>Divi Library>Import to upload the layouts to your website. (It will not work to try to import them from your computer directly into the page layout.)
How To Add The Layouts To Your Page
After the layouts are uploaded to your Divi Library, you can go to any page on your site and add them inside the Divi Builder. Remember, the layouts are sections, so be sure to click the plus button at the bottom of the blue sections. (It will not work to try to add these as page layouts, rows, or modules, but only sections.)