You can add the Pet Care Layout to your website using one of two methods:
- Method 1: Using the DiviFlash layout importer (recommended).
- Method 2: Manually importing the layout.
In this doc, we will walk you through both methods step by step.
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 Pet Care.
Step 4: Hover over “Pet Care” layout and click on “Import Layout” to start the import process.
- A popup will appear showing the layout settings and server requirements. Make sure all items show green checkmarks. If you see any red crosses, update your server settings and refresh the page. Once everything turns green, click “Start Importing.”
- The import process may take a few minutes to complete.
- Once the import process is complete, click on “Menu Customize” to adjust the menu for the imported layout. You can follow Divi Layout Menu Customization doc.
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 Pet Care layout has been successfully imported and is now live on your website.
Method 2: Manually Import the Layout
Besides DiviFlash Layout Importer, you can also follow the manual approach to import the “Pet Care ” layout.
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 Pet Care layout file from the DiviFlash website and unzip it.
Step 4: Ensure that the following DiviFlash modules are activated, as these are crucial for the layout to work properly:
- Advanced Blurb
- Advanced Person
- Advanced Tabs
- Advanced Heading
- Post Grid
- Advanced Carousel
- Instagram Feed Carousel
- Logo Carousel
- Testimonial Carousel
- Image Hotspot
- Content Toggle
- Advanced List
- Breadcrumbs
- Star Rating
- FAQ
- Advanced Menu
Step 5: 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 right side corner
- Select the Import tab and click “Choose Files” to upload the JSON file named “Divi Theme Options Settings – Pet Care – DiviFlash.json”
- Finally, click on “Import Divi Theme Options”
Step 6: Import the “Theme Builder” settings file into the Divi Theme Builder panel:
- Navigate to WordPress Dashboard > Divi > Theme Builder
- Click on the “Import & Export” icon in the right side corner
- Select the Import tab and click “Choose Files” to upload the JSON file named “Divi Theme Builder Settings – Pet Care – DiviFlash.json”
- Finally, click on “Import Divi Theme Builder Templates”.
Step 7: Import the “Divi Library” file into Divi Library:
- Navigate to WordPress Dashboard > 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 “All in One page – Pet Care – DiviFlash.json” (You can also import individual layout pages one by one by using their respective JSON files.)
- Click on “Import Divi Builder Layouts” to add all the layout’s pages to your Divi Library.
Next, create new pages that correspond to the items you’ve imported from the Divi Library. Follow our doc on creating 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 click “Choose Files” to upload the JSON file named “Divi Theme Customizer Settings – Pet Care – 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: Next, create a menu for the imported layout. You can follow Divi Layout Menu Customization doc for guidance.
Now your website should look exactly the same as the Pet Care layout!
Any Questions?
If you have any questions, please feel free to contact our support team at [email protected]
