You can add the Real Estate layout to your Divi website using one of these two methods:
- Method 1: Using the DiviFlash layout importer (recommended).
- Method 2: Manually importing the layout.
This guide will walk you through both methods with easy-to-follow steps.
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, go to DiviFlash > Layouts and search for the “Real Estate” layout.
Step 4: Hover over the Real Estate layout and click on “Import Layout.”
- A popup will display the layout settings and server requirements. Make sure all checkmarks are green; if you see red crosses, fix your server settings and then click “Start Importing.”
- The importing process can take few minutes.
- After the import is finished, click on “Menu Customize” to create a menu according to your needs.
Note: In the Real Estate’s layout, you will see a cell number menu that you have to create manually. Here is how to do it:
- Click on “Custom Links” by by going to WordPress dashboard > Appearance > Menu
- Add data in the URL (#) and Link Text fields (Your Phone Number) and click on “Add to Menu”
- After that, assign the ‘menu_button’ class to the newly created menu button. You can follow this guide: 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 Real Estate layout has been successfully imported and is now live on your website.
Method 2: Manually Import the Layout
Besides using the DiviFlash layout importer, you can also go for the manual approach to import the Real Estate Layout into your Divi website.
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 Real Estate layout file from the DiviFlash website and unzip it.
Step 4: Import the “DiviFlash’s Dashboard” settings file into DiviFlash’s dashboard panel:
- Navigate to WordPress Dashboard > DiviFlash > Settings > Import/Export.
- Click on “Choose File” and select “DiviFlash Dahsboard – Real Estate Layout – DiviFlash.json”
- Finally, click on the “Import Settings” button
Step 5: Now, install and Activate the Custom Post Type UI Plugin.
Step 6: Follow these steps to access the relevant section and import the post type:
- Open the “Post Types – CPT UI – Real Estate Layout – DiviFlash.txt” file using a text editor, then copy its content.
- Then, navigate to WordPress Dashboard > CPT UI > Tools > Post Types
- Paste the copied text into the “Import Post Types” field and press “Import”.
Step 7: Import the taxonomies by following these steps:
- Open the “Taxonomies – CPT UI – Real Estate Layout – DiviFlash.txt” file using a text editor, then copy its content.
- Next, navigate to WordPress Dashboard > CPT UI > Tools > Taxonomies
- Paste the copied text into the “Import Taxonomies” field.
- After that, click on “Import” button
Step 8: Install and activate the Advanced Custom Fields plugin
Step 9: After installing the plugin, import the “ACF – Real Estate Layout – DiviFlash.json” file into ACF plugin:
- Navigate to WordPress Dashboard > ACF > Tools
- Under the Import section, click on “Choose File” and select “ACF – Real Estate Layout – DiviFlash.json”
- Finally, click on “Import JSON”
Step 10: 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 right side corner
- Select the Import tab and click “Choose Files” to upload the JSON file named “Divi Theme Options Settings – Real Estate Layout – DiviFlash.json”
- Finally, click on “Import Divi Theme Options”
Step 11: 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 – Real Estate Layout – DiviFlash.json”
- Finally, click on “Import Divi Theme Builder Templates”.
Step 12: Import Real Estate Layout Library Items 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 “All In One – Real Estate Layout – DiviFlash.json (You can also import individual layout pages one by one by using their respective JSON files.)
- Click on the “Import Divi Builder Layouts” button.
- Now create new pages corresponding to the imported Divi Library items. Follow this guide on how to create pages with Divi Layouts from the Library.
Step 13: 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 – Real Estate Layout – DiviFlash.json”
- Finally, click on “Import Divi Customizer Settings”.
Step 14: Import the Media file for the layout
- Navigate to WordPress Dashboard > Tools > 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 “Media – Real Estate Layout – DiviFlash.xml” file and click “Upload file and import”.
- Assign the author (or skip this step), then check the “Download and Import File Attachments” option and click “Submit” to save your changes.
By following the same steps (WordPress dashboard > Tool > Import > Run Importer under the WordPress), you have to import Property .xml files.
Step 15: 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 16: Create a menu for the imported layout. In the Real Estate’s layout, you will see a cell number menu that you have to create manually. Here is how to do it:
- Click on “Custom Links” by by going to WordPress dashboard > Appearance > Menu
- Add data in the URL (#) and Link Text fields (Your Phone Number) and click on “Add to Menu”
- After that, assign the ‘menu_button’ class to the newly created menu button. You can follow this guide: Divi layout menu customization.
Now your website should look exactly the same as the Real Estate layout!
Any Questions?
If you have any questions, please feel free to contact our support team at [email protected]