You can use the Insurance Layout in either of the following ways:
- Method 1: Using the DiviFlash layout importer (recommended).
- Method 2: Manually import the layout.
This guide will walk you through each of the methods step-by-step.
Method 1: Using the DiviFlash Layout Importer
Step 1: Install and activate the Divi theme.
Step 2: Install and activate the DiviFlash plugin.
Step 3: Go to WordPress Dashboard > DiviFlash > Layouts, and then search for “Insurance”.
Step 4: Hover your mouse over the “Insurance” layout and click on the “Import Layout”.
- A popup will appear informing you about layout settings and server requirements. If you see any red indicators, resolve them before clicking “Start Importing”
- This import process may take a few minutes.
- Once the import is complete, click on the “Menu Customize” to customize the menu according to your needs. For better understanding, follow the Divi Layout Menu Customization guide.
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.
Step 6: The Insurance layout includes popups in multiple locations. To make these popups work correctly, you must manually update the popup ID at each trigger point.
Follow these steps:
- Go to WordPress Dashboard > DF Popups > All Popups.
- Copy the “Popup Target ID” by clicking on it.
- Go to WordPress Dashboard > Pages. Then hover over Home page and click on “Edit with Divi”
- Hover your mouse on the “Book a Call” button click on the module settings icon.
- Dual Button Module settings will appear at the right side panel. Paste the “Popup Target ID” under the URL.
- Before exiting the Visual Builder, click the “Save” button in the top-right corner of the page.
Note: Repeat the same steps for all “Book a Call” buttons to ensure every popup trigger works correctly.
The Insurance layout has been successfully imported and is now live on your website.
Method 2: Manually Import the Layout
You can also import the Insurance layout manually. Here is how:
Step 1: Install and activate the Divi theme.
Step 2: Install and activate the DiviFlash plugin.
Step 3: Download the Insurance layout from the DiviFlash website and unzip it.
Step 4: Import the “DiviFlash Dashboard” file into the DiviFlash Dashboard panel:
- Go to WordPress Dashboard > DiviFlash > Settings > Import/Export.
- Click on the “Choose File” and select “DiviFlash Dashboard – Insurance Layout – DiviFlash.json”.
- Click the “Import settings” button.
Step 5: Import the “Theme Options settings” file into the Divi Theme Options panel:
- Go to WordPress Dashboard > Divi > Theme Options.
- Select the “Import & Export” icon on the right side of the screen.
- Select the Import tab and click “Choose Files” to upload the JSON file named “Divi Theme Options – Insurance Layout – DiviFlash.json”.
- Click the “Import Divi Theme Options” and then “Save Changes” to save it.
Step 6: Import the “Divi Theme Builder Settings” file into the Divi Theme Builder panel:
- Go to WordPress Dashboard > Divi > Theme Builder.
- Click on the “Import & Export” icon on the right side of the screen.
- Select the Import tab and click “Choose Files” to upload the JSON file named “Divi Theme Builder Settings – Insurance Layout – DiviFlash.json”.
- Click on the “Import Divi Theme Builder Templates” and then the “Save Changes” button to save it.
Step 7: Import the “Theme Customizer Settings” file into the Theme Customizer panel:
- Go to the WordPress Dashboard > Divi > Theme Customizer.
- Click on the “Import & Export” on the left side of your screen.
- Select the Import tab and click “Choose Files” to upload the JSON file named “Divi Theme Customizer Settings – Insurance Layout – DiviFlash.json”.
- Click on the “Import Divi Customizer Settings” button.
Step 8: Import the “Divi Library” file into the Divi Library panel:
- Go to WordPress Dashboard > Divi > Divi Library.
- Click on the “Import & Export” tab.
- Select the Import tab and click “Choose Files” to upload the JSON file named “All In One – Insurance Layout – DiviFlash.json”. (You can also import individual layout pages one by one by using their respective JSON files.)
- Click the “Import Divi Builder Layouts”.
Next, create new pages using the layouts saved in your Divi Library. (Follow our guide How to Create Pages with Divi layouts from the Library for better understanding.)
Step 9: Import the Media File for the Insurance Layout
- Go to WordPress Dashboard > Tools > Import.
- Click on the “Run importer” under the “WordPress” (If you see “Install Now” instead of “Run Importer”, click install.). “Run Importer” will appear then.
- Click on the “Choose File” and import the XML file named “Media – Insurance Layout – DiviFlash.xml”, then click on the “Upload file and import”.
- Assign the author (or you can skip the step). Next, check the “Download and Import File Attachments” and click “submit”.
- By following the same steps, import the XML file for “Posts” as well.
Step 10: 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 the “Save Changes” to save it.
Step 11: Import the Popup file for the Insurance Layout
- Go to WordPress Dashboard > DF Popups > Import & Export.
- Under the “Import” section, click on “choose File” and select “Popup – Insurance Layout – DiviFlash.json” file.
- Click the “Import” button.
Step 12: Publish the Popup for the Insurance Layout
Once you import the popup, you need to publish it. Here’s how to do it:
- Go to WordPress Dashboard > DF Popups > All Popups.
- Click on the “Edit”.
- Click “Publish” and then “Update” it.
Step 13: Set Popup in the homepage
- Go to WordPress Dashboard > DF Popups > All Popups, and copy the “Popup Target ID” by clicking on it.
- Go to WordPress Dashboard > Pages. The hover over Home page and click on “Edit with Divi
- Now hover your mouse on the “Book a Call” button, and click on the “Module Settings” icon.
- Dual Button Module related settings will appear at the right side panel. Paste the “Popup Target ID” under the URL.
- Before exiting the Visual Builder, click the “Save” button in the top-right corner.
Note: Repeat the same steps for all “Book a Call” buttons to ensure every popup trigger works correctly.
Step 14: Create the menu for the imported layout. For a better understanding, follow the Divi Layout Menu Customization Guide.
Now your website should look exactly the same as the Insurance layout!
Any Questions?
If you have any questions, please feel free to contact our support team at [email protected]
