Gym & Fitness Layout can be quickly added to your Divi site through one of two methods:
- Method 1: Using the DiviFlash layout importer (recommended).
- Method 2: Manually importing the layout.
In this doc, we will give you clear instructions 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: In the WordPress Dashboard, navigate to DiviFlash > Layouts and search for “Gym & Fitness.”
Step 4: Hover over the layout and click “Import Layout.”
- A popup will appear showing the layout settings and server requirements. Make sure all requirements have green checkmarks. If you see any red crosses, fix your server settings, then click “Start Importing.”
- The import process may take a few minutes.
- When the import is finished, choose “Menu Customize” to customize the menu. If needed, follow our Divi Layout Menu Customization doc.
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.
The Gym & Fitness layout has been successfully imported and is now live on your website.
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 > Tools > Import
- Click Run Importer under the WordPress (If you see, “Install Now” instead of “Run Importer,” click on install now. 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 Attachments” 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 click “Choose Files” to upload 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 click “Choose Files” to upload 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 click “Choose Files” to upload 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 doc 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 click “Choose Files” to upload 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 doc.
Now your website should look exactly the same as the Gym & Fitness layout!
Any Questions?
If you have any questions, please feel free to contact our support team at [email protected]