The Cleaning Layout is a free, ready-made website design for professional cleaning services, created by the DiviFlash team. In this guide, we’ll show you how to use this layout effectively.
You can use DiviFlash layouts in two simple ways.
- Method 1: Using DiviFlash layout importer
- Method 2: Manually import the layout.
Let’s discuss the methods in detail.
Method 1: Using DiviFlash layout importer
DiviFlash layout importer is the easiest way to import any DiviFlash premade layouts. Once you install the DiviFlash plugin it will be installed automatically.
Here’s how to get started,
Step 1: Install and activate the Divi Theme.
Step 2: Install and activate the DiviFlash Plugin.
Step 3: Choose and Import Layout
- From your WordPress Dashboard navigate to DiviFlash > Layouts.
- It will take you to DiviFlash’s Divi Layouts Library.
- Now, search for the Cleaning layout. You will see two buttons: “Import Layout” and “Live Preview” and two arrows.
- Click on the “Import Layout” button.
- A popup window will appear, showing the server requirements and a list of override settings.
- Click on the Start Importing button to start importing the layout.
- It may take a few minutes to complete the import. Once it’s done, you will see a window like this, showing that the layout is imported successfully.
Step 4: Now, you will have to customize the menu of the layout you just imported. Follow the guide to learn how to customize the DiviFlash Divi layout menu.
Once you have finished the menu customization, the layout will be ready to use.
Step 5: After customizing the menu, the next step is to set the homepage and the blog page. Here’s how to do it,
- From your WordPress Dashboard navigate to Settings > Reading > Your homepage display > A static page. Now, select the homepage and the blog page respectively from the dropdown options.
- Finally, click Save Change to save the settings.
Step 6: The Cleaning layout has several popups for different sections that appear when clicked. However, Divi regenerates the Popup Target ID, every time you import the layout. This is why you need to update the new ID in the corresponding section or module.
Here’s how to do it,
- From the WordPress dashboard, navigate to the DF Popups > All Popups.
- Copy the Popup Target ID from the list.
- Paste the ID into the module (For example: The button module) where it belongs.
- Your popup will now work as intended.
Now that your layouts are live on your domain also you can access the layout page from the Pages option on the WordPress dashboard.
Method 2: Manually import the layout
You can easily import any DiviFlash layout using the layout importer. If you’d rather not use it, you can manually download the layouts from the DiviFlash website and import them yourself.
Here’s how to get started,
Step 1: Download the Cleaning layout’s zip file and unzip it.
Step 2: Install and activate the Divi Theme.
Step 3: Install and activate the DiviFlash Plugin.
Step 4: To ensure the proper functioning of the layout, kindly utilize the following Diviflash modules. The required modules for this layout are listed below:
- Advance Menu
- Typing text
- Dual Button
- Star Rating
- Advance Blurb
- Advance List
- Before After Slider
- Advance Heading
- Post Grid
- Testimonial Carousel
- FAQ
- Image Hotspot
- Advance Tab
- Advance Carousel
- Advance Person
- Post List
Note: These modules must have been activated before importing the layout.
Step 5: After activating all the modules, the next step is to import the Divi theme options settings. Here’s how to successfully import the theme options JSON file:
- From the WordPress dashboard navigate to 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 – Divi Cleaning Layout Packs – DiviFlash”.
- Finally, click on “Import Divi Theme Options”.
Step 6: Now, import the Theme Builder settings.
- From the WordPress dashboard navigate 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 Options Settings – Divi Cleaning Layout Packs – DiviFlash”
- Finally, click on “Import Divi Builder Templates”.
Step 7: Next, import the Page Layouts into the Divi library. You’ll find both individual page JSON files as well as the “All in One Page – Divi Cleaning Layout Packs – DiviFlash” JSON file in the zip file.
Here’s how to do it,
- From the WordPress dashboard navigate to Divi > Divi Library.
- Locate and click on the “Import & Export” button on the upper left.
- Select the “Import” tab and choose the JSON file named “All in one Divi Library – Divi Cleaning Layout Packs – DiviFlsh”
- Finally, click on the “Import Divi Builder Layouts” button.
For further guidance, you can follow this: How to import Divi Layout Pages.
Step 08: Next, import the DiviFlash’s Dashboard settings.
- From the WordPress dashboard navigate to DiviFlash > Settings > Import/Export.
- Choose the “DiviFlash Dashboard – Divi Cleaning Layout Packs – DiviFlsh” from the Import Settings option.
- Finally, click on the “Import Settings” button.
Step 9: Next, import Theme Customizer Settings.
- From the WordPress dashboard navigate to 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 – Divi Cleaning Layout Packs – DiviFlash”.
- Finally, click on “Import Divi Customizer Settings”.
Step 10: Next, import the Media file for the layout. Here’s how to do it,
- From the WordPress dashboard navigate to Tools > Import.
- Locate WordPress at the bottom of the page and click on the Run Importer.
- Import the “Media – Divi Cleaning Layout Packs – DiviFlash” .xml file
- Finally, click “Upload file and import”.
- Import the Post and All Page .xml files the same way.
Step 11: Next, import the Popup layout file. Here’s how to do it,
- From the WordPress dashboard navigate to DF Popups > Import & Export.
- Choose the “df-popup” .json file and click the “Import” button.
Step 12: After importing the DF-Popup layout, you need to publish the layout. To do so,
- Navigate to All Popups.
- Click on the “Edit” option under the popup name.
- From the DiviFLash Popup Setting enable the Popup Status toggle button.
- Select the “Tigger Type” as “Click”.
- Click the “Save Change” button.
Step 13: Next, set the homepage and the blog page for the layout.
- From your WordPress Dashboard navigate to Settings > Reading > Your homepage display > A static page. Now, select the homepage and the blog page respectively from the dropdown options.
- Finally, click Save Change to save the settings.
Step 14: Page Creation: How to create pages with Divi Layouts From Library.
Step 15: The last thing you need to do is to create a menu. Follow the Divi Layout Menu Customization guide.
Well done! Now the layout looks the same as our demo layout. If you don’t see anything on your blog section or page and in the filterable project section. It’s because you don’t have anything here. You need to add projects and blog posts to show in those sections.
