You can add the Consultant layout to your Divi website using one of two methods:
- Method 1: Using the DiviFlash layout importer (recommended).
- Method 2: Manually importing the layout.
We will provide detailed and step-by-step guidance for both methods.
Method 1: Using DiviFlash Layout Importer
Step 1: Install and activate the Divi theme.
Step 2: Install and activate the DiviFlash plugin.
Step 3: Go to your WordPress dashboard > DiviFlash > Layouts, and search for “Consultant”.
Step 4: Hover over the “Consultant” layout and click on the “Import Layout” button.
- A popup will appear showing layout settings and server requirements. Make sure all items have green checkmarks. If you see red crosses, update your server settings and then click “Start Importing.”
- The import process may take a few minutes to complete.
- After the import is complete, click on “Menu Customize” to customize the menu of your newly imported layout. You can follow Divi Layout Menu Customization.
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 Consultant layout has been successfully imported and is now live on your website.
Method 2: Manually Import the Layout
If you prefer, you can manually import the Consultant layout and here is how to do it:
Step 1: Install and activate the Divi theme.
Step 2: Install and activate the DiviFlash plugin.
Step 3: Download the Consultant 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 Menu
- Advanced Heading
- Dual Button
- Advanced Blurb
- Floating Images
- Filterable CPT
- Testimonial Carousel
- Post Grid
- Advanced Person
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 top right corner
- Select the Import tab and click “Choose Files” to upload the JSON file named “Divi Theme Options – Consultant 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 top right corner
- Select the Import tab and click “Choose Files” to upload the JSON file named“DiviThemeBuilderTemplates-ConsultantLayout-DiviFlash.json”
- Finally, click on “Import Divi Theme Builder Templates”.
Step 7: Import layout pages 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 click “Choose Files” to upload the JSON file named “Home page – Consultant Layout – DiviFlash.json”
- Click on the “Import Divi Builder Layouts” button.
- Repeat these steps to import other pages, including About Us, Services, Service Details, Case Studies, Blog, and Contact.
Now, create new pages using the layout items you imported into the Divi Library. Follow our doc on how to create pages with items from the Divi 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 click “Choose Files” to upload the JSON file named “Divi Customizer Settings – Consultant 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. Follow Divi Layout Menu Customization for guidance.
Now your website should look exactly the same as the Consultant layout!
Any Questions?
If you have any questions, please feel free to contact our support team at [email protected]