Skip to main content

Premade Layouts

Are you struggling to create beautiful and functional designs for your website using the Divi theme? Look no further than the Divi Library and its vast array of demo templates!

In this tutorial, we will show you how to import demo templates into the Divi Library and insert them onto your page. Whether you're a beginner or an experienced user, these templates are sure to make your web design process easier and more efficient.

Step 1: Download the Demo Template​

Before you can import a demo template into the Divi Library, you need to download it in JSON form from the product page or member's area page. Once you've downloaded the template, save it to your computer for later use.

Step 2: Import the Template to Divi Library​

Log in to your WordPress website and navigate to the Divi > Divi Library tab. Click the "Import & Export" button located at the top of the screen. Click "Import" and then select the demo template JSON file you just downloaded. Click "Import Divi Builder Layouts" and wait for the template to be imported.

Step 3: Insert the Template onto Your Page​

Now that you've imported the demo template into the Divi Library, it's time to add it to your page. Open the page where you want to insert the template and click the "Use The Divi Builder" button. Click the gray plus (+) icon located in the bottom right corner of the screen and then select "Load From Library". In the popup window, choose the demo template you just imported and click "Insert".

Step 4: Customize the Template​

Congratulations! You've successfully imported a demo template into the Divi Library and inserted it onto your page. Now it's time to customize it to fit your needs. Edit the text, images, and other design elements to match your brand and style. Once you've made your changes, click "Save & Exit" to save your new design.

Conclusion​

By following these simple steps, you can quickly and easily import demo templates into the Divi Library and insert them onto your page. These templates are a great starting point for creating stunning designs that are sure to impress your audience. Take advantage of the Divi Library today and streamline your web design process.