Select Page
View Categories

How To Use eBook Layout?

Team DiviFlash
Updated on March 12, 2026

You can set up eBook layout on your Divi website using one of the following import methods:

In this guide, we will walk you through both methods. Let’s begin.

Method 1: Using DiviFlash Layout Importer

Step 1: Install and activate the Divi theme. 

Step 2: Install and activate the DiviFlash plugin. 

Step 3: In your WordPress dashboard, go to DiviFlash > Layouts and search for eBook.

Step 4: Hover over “eBook” and click on “Import Layout” to start the import process.

  • A popup will appear with settings and server requirements. If everything seems fine, click on “Start Importing”. (If you see any red crosses, adjust your server settings before clicking on the “Start Importing”.) 
  • The import process may take a few minutes. 
  • When it’s finished, you will see options for “Back to Layouts” and “Menu Customize.” Click on “Back To Layouts” (As this is a single-page layout, you’ll need to assign CSS IDs to each section and then build a menu using those IDs.)

Step 5: Create a Menu

eBook is a single page layout which is why you will need to assign CSS ID to each section first and then create a menu using those IDs.

Here is how:

  • Go to WordPress dashboard > Pages. Then hover over Front and click “Edit With Divi.” 
  • Click on the Settings icon of the section you wish to add to the menu (e.g., About Author).
  • Navigate to the Advanced tab > Attributes > CSS ID and enter your desired ID (e.g., author). Copy the CSS ID for later use.
  • Repeat this process for each section you want to include in the menu (e.g., Chapters, About Author, Testimonial, Contact).
  • Go to Dashboard > Appearance > Menus, and create a new menu.
  • From the Pages section, select the “Front” page and click “Add to Menu.”
  • Next, select Custom Links and fill in the following details:
    • URL: Add a hashtag and paste the copied ID (e.g., #about).
    • Link Text: Enter your desired menu name (e.g., “About Author”).
  • Repeat the same steps to add custom links for Chapters, About Author, Testimonial, and Contact.
  • After creating a menu, assign the ‘df – menu -active’ class to the “Home” menu button. You can follow this guide: Divi layout menu customization.

Once all custom links are added, click the “Save Menu” button to apply your changes.

Step 6: After modifying the menu, set your website’s homepage by following these steps:

  • Navigate to the WordPress dashboard > Settings > Reading.
  • Under “Your homepage display,” select “A static page.”
  • Choose “Home” from the homepage dropdown.
  • Click on “Save Changes” to save the changes.

The eBook layout has been successfully imported and is now live on your website.

Method 2: Manually Import the Layout

You can also import the eBook Layout manually. Here is a step-by-step guide:

Step 1: Install and activate the Divi Theme.

Step 2: Download the eBook layout file from the DiviFlash website and unzip it.

Step 3: Import the “Divi Theme Options” settings file into the Divi Theme Options panel:

  • Navigate to WordPress Dashboard > Divi > Theme Options
  • Click on the “Import & Export” icon in the top right corner
  • Select the Import tab and click “Choose Files” to upload the JSON file named “Divi Theme Options – Ebook Layout – DiviFlash.json”
  • Finally, click on “Import Divi Theme Options”

Step 4: Import the “Theme Customizer Settings” file into the Theme Customizer panel

  • Navigate to WordPress dashboard > Divi > Theme Customizer
  • Click on the “Import & Export” icon on the top left corner.
  • Select the Import tab and click “Choose Files” to upload the JSON file named “Divi Customizer Settings – Ebook Layout – DiviFlash.json”
  • Finally, click on “Import Divi Customizer Settings”.

Step 5: Import the Home Page file into Divi Library panel

  • Navigate to WordPress Dashboard > Divi > Divi Library
  • Click on the “Import & Export” button on the upper left
  • Select the Import tab and click “Choose Files” to upload the JSON file named “Home page – Ebook Layout – DiviFlash.json”
  • Click on the “Import Divi Builder Layouts” button.

Next, create a new page and set the imported layout as its template. You can follow this guide on how to create pages with Divi Library’s layout.

Step 6: It’s time to create a menu for the imported layout. Follow the below instructions:

  • Go to Pages and click “Edit With Divi” on the page you created in step 5.
  • Click on the Settings icon of the section you wish to add to the menu (e.g., About Author).
  • Navigate to the Advanced tab > Attributes > CSS ID and enter your desired ID (e.g., author). Copy the CSS ID for later use.
  • Repeat this process for each section you want to include in the menu (e.g., Chapters, About Author, Testimonial, Contact).
  • Go to WordPress Dashboard > Appearance > Menus, and create a new menu.
  • From the Pages section, select the “Front” page and click “Add to Menu.”
  • Next, select Custom Links and fill in the following details:
    • URL: Add a hashtag and paste the copied ID (e.g., #about).
    • Link Text: Enter your desired menu name (e.g., “About Author”).
  • Repeat the same steps to add custom links for Chapters, About Author, Testimonial, and Contact.
  • After creating a menu, assign the ‘df – menu -active’ class to the “Home” menu button. You can follow this guide: Divi layout menu customization.

Once all custom links are added, click the “Save Menu” button to apply your changes.

Step 7: Finally set the homepage for the layout.

  • Navigate to the WordPress dashboard > Settings > Reading.
  • Under “Your homepage display,” select “A static page.”
  • Choose “Home” from the homepage dropdown.
  • Click “Save Changes” to set the new homepage.

Now your website should look exactly the same as the eBook layout! 

Any Questions?

If you have any questions, please feel free to contact our support team at [email protected]

Updated on March 12, 2026

Introducing DiviFlash 5.0 — Fully Rebuilt for Divi 5 & Backward Compatible with Divi 4

Learn More →