The Gym & Fitness Layout can be quickly added to your Divi site through one of two methods:
- Method 1: Using the DiviFlash layout importer (One-Click Import)
- Method 2: Manually importing the layout
In this guide, we will give you clear instructions for both methods.
Method 1: Using DiviFlash Layout Importer
To import the Gym & Fitness layout on your Divi site using the DiviFlash Layout Importer, follow these steps:
Step 1: Install and activate the Divi Theme.
Step 2: Install and activate the DiviFlash Plugin.
Step 3: In WordPress Dashboard, navigate to DiviFlash > Layouts and search for “Gym & Fitness.”
Step 4: Hover over the layout and click “Import Layout.”
- A popup will display, showing layout settings and server requirements.
Note: Ensure all requirements show green checkmarks. If there are red crosses, update server settings as needed and refresh the page.
- Once everything is ready, click “Start Importing.”
- Allow a few minutes for the import process.
- When the import is finished, choose “Menu Customize” to customize the menu. If needed, follow our Divi Layout Menu Customization guide.
Step 5: Finally, set your website’s homepage by following the steps below:
- 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.
Now your Divi site should display the complete Gym & Fitness layout.
Method 2: Manually Import the Layout
If you want to manually import the Gym & Fitness layout, follow these instructions:
Step 1: Install and activate the Divi Theme.
Step 2: Install and activate the DiviFlash Plugin.
Step 3: Download the Gym & Fitness Layout file from the DiviFlash website and unzip it.
Step 4: Confirm that the necessary DiviFlash modules are active before proceeding with the import.
- Advanced Blurb
- Advanced Person
- Advanced Gallery
- Advanced Heading
- Before After Slider
- Contact Form 7 Styler
- Advanced Carousel
- Table
- Dual Button
- Image Accordion
- Logo Carousel
- Typing Text
- Image Hotspot
- Content Toggle
- Advanced List
- Star Rating
Step 5: Install and activate Contact Form 7 plugin
Step 6: Import Contact Form 7 file into Your Site
- Navigate to WordPress Dashboard > Tool > Import
- Click on Run Importer under the WordPress (If you see, “Install Now” instead of “Run Importer,” click on install. Then you will get the “Run Importer” option.)
- Click on “Choose File” and import the “Contact form 7 – Gym & Fitness Layout – DiviFlash.xml” file and click “Upload file and import”.
- Assign the author (or skip this step), then check the “Import Attachment” option and click “Submit” to save your changes.
Step 7: Import the “Divi Theme Options” file into the 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 – Gym & Fitness Layout – DiviFlash.json”
- Finally, click on “Import Divi Theme Options”
Step 8: 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 – Gym & Fitness Layout – DiviFlash.json”
- Finally, click on “Import Divi Theme Builder Templates”.
Step 9: Import Gym & Fitness 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 upper left
- Select the “Import” tab and choose the JSON file named “All In One Page – Gym & Fitness Layout – DiviFlash.json” (Or, import specific pages separately using their individual JSON files.)
- Click on the “Import Divi Builder Layouts” button.
- Now, create new pages using the layout items you imported into the Divi Library. Follow our guide on how to create pages with items from the Divi Library.
Step 10: 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 – Gym & Fitness Layout – DiviFlash.json”
- Finally, click on “Import Divi Customizer Settings”.
Step 11: Set your site’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.
Step 12: Create a menu for the imported layout. You can follow the Divi Layout Menu Customization guide.
Great job! Your site should now display the Gym & Fitness layout. If you run into any issues or have questions, you can always email us at [email protected] for support.
