Add the SEO Layout to your Divi site using one of the following import methods:
- Method 1: Using the DiviFlash layout importer (recommended).
- Method 2: Manually importing the layout.
In this doc, we will provide you with a complete guide on how to use this layout using both methods.
Let’s get started.
Method 1: Using DiviFlash Layout Importer
Step 1: Install and activate the Divi theme.
Step 2: Install and activate the DiviFlash plugin.
Step 3: Navigate to WordPress Dashboard > DiviFlash > Layouts and search for “SEO”
Step 4: Hover over the SEO layout and click on “Import Layout” button
- A popup will appear showing the layout settings and server requirements. Make sure all requirements show green checkmarks. If you see any red crosses, fix your server settings, then click “Start Importing.”
- The import process may take a few minutes to complete.
- Once the import is complete, click on “Menu Customize” to begin customizing the menu for the imported layout. Follow the Divi Layout Menu Customization guide.
Note: SEO layout has a mega menu in the menu’s “Service” item that you have to activate manually. For that, follow these steps: Go to Appearance > Menus and enable DiviFlash menu settings.
- Select Service > Edit Menu, and under “Layout Settings” make these changes:
- Submenu Type: Divi Layout
- Library Item: Mega menu Library – SEO Layout – DiviFlash.
- Content Width Type: Custom width
- Custom Width (px): 990px
- Click Save & Exit.
Step 5: Set your homepage and blog page.
- Go to WordPress Dashboard > Settings > Reading.
- Below “Your homepage displays,” select “A static page.”
- Choose “Home” from the homepage dropdown menu.
- Choose “Blog” from the post page dropdown menu.
- Click on “Save Changes” to save it.
The SEO layout has been successfully imported and is now live on your website.
Method 2: Manually Import the Layout
You can also manually import the SEO layout by following these instructions:
Step 1: Install and activate the Divi theme.
Step 2: Install and activate the DiviFlash plugin.
Step 3: Download the SEO Layout file from the DiviFlash website and unzip it.
Step 4: Ensure that the following DiviFlash modules are activated, as they are essential for the layout to function smoothly:
- Advanced Blurb
- Advanced Person
- Advanced Tabs
- Advanced Heading
- Post Grid
- Business Hours
- Table
- Dual Button
- Floating Images
- Testimonial Carousel
- Filterable CPT
- Advanced List
- Star Rating
- FAQ
- Advanced Menu
Step 5: Import the “Divi Theme Options” file into the Divi Theme Options panel:
- Navigate to WordPress Dashboard > Divi > Theme Options
- Click on the “Import & Export” icon in the right side corner
- Select the “Import” tab and choose the JSON file named “Divi Theme Options Settings – SEO Layout – DiviFlash.json”
- Finally, click on “Import Divi Theme Options”
Step 6: Import the “Theme Builder” file into the Divi Theme Builder panel:
- Navigate to your WordPress dashboard and go to Divi > Theme Builder
- Click on the “Import & Export” icon in the right side corner
- Select the “Import” tab and choose the JSON file named “Divi Theme Builder Settings – SEO Layout – DiviFlash.json”
- Finally, click on “Import Divi Theme Builder Templates”.
Step 7: Import SEO layout’s Page File into Divi Library:
- Navigate to your WordPress dashboard and go to Divi > Divi Library
- Click on the “Import & Export” button on the top left
- Select the “Import” tab and choose the JSON file named “All In One – SEO Layout – DiviFlash.json” (You can also import individual layout pages one by one by using their respective JSON files.)
- Click on the “Import Divi Builder Layouts” button.
- Now create new pages corresponding to the imported Divi Library items. Follow this guide on how to create pages with Divi Layouts from the Library.
Step 8: Import the “Theme Customizer Settings” file into the Theme Customizer
- Navigate to WordPress Dashboard > Divi > Theme Customizer
- Click on the “Import & Export” icon on the top left corner.
- Select the “Import” tab and choose the JSON file named “Divi Theme Customizer Settings – SEO Layout – DiviFlash.json”
- Finally, click on “Import Divi Customizer Settings”.
Step 9: Set your homepage and blog page.
- Go to WordPress Dashboard > Settings > Reading.
- Below “Your homepage displays,” select “A static page.”
- Choose “Home” from the homepage dropdown menu.
- Choose “Blog” from the post page dropdown menu.
- Click on “Save Changes” to save it.
Step 10: Create a menu for the imported layout. You can follow the Divi Layout Menu Customization guide.
Note: SEO layout has a mega menu in the menu’s “Service” item that you have to activate manually. For that, follow these steps:
- Go to Appearance > Menus and enable DiviFlash menu settings.
- Select Service > Edit Menu, and under “Layout Settings” make these changes:
- Submenu Type: Divi Layout
- Library Item: Mega menu Library – SEO Layout – DiviFlash.
- Content Width Type: Custom width
- Custom Width (px): 990px
- Click Save & Exit.
Now your website should look exactly the same as the SEO layout!
Any Questions?
If you have any questions, please feel free to contact our support team at [email protected]