Digital Agency is a free, pre-made multipage website layout created by the DiviFlash team. To bring this layout to your site, you can use one of the two import methods:
- Method 1: DiviFlash layout importer (recommended)
- Method 2: Manually importing the layout
In this article, we will guide you through both methods step-by-step.
Method 1: Using DiviFlash Layout Importer
DiviFlash Layout Importer offers the easiest way to add any DiviFlash’s premade layout to your Divi website with a single click.
Here is how to do it:
Step 1: Install and activate the Divi Theme.
Step 2: Install and activate the DiviFlash Plugin.
Step 3: Navigate to WordPress dashboard > DiviFlash > Layouts and search for “Digital Agency”.
Step 4: Hover over the “Digital Agency” layout and click on the “Import Layout” button to import the layout.
- A popup will appear, displaying a list of layout settings and server requirements.
Note: Ensure all requirements show green checkmarks for a smooth import. If there are red crosses, adjust the server settings and refresh the page to verify they are resolved.
- Once all requirements are verified, click “Start Importing” to begin the layout import process.
- The importing process will take a little time. (It can take up to a couple of minutes.)
- Once it’s complete, click on “Menu Customize” to customize the menu of the layout you just imported. Follow Divi Layout Menu Customization guide.
Note: Digital Agency layout has a mega menu in the menu’s “Service” item that you have to activate manually. For that follow these steps:
- Go to Appearance > Menus and enable DiviFlash menu settings.
- Select Service > Edit Menu, and under “Layout Settings” make these changes:
- Submenu Type: Divi Layout
- Library Item: mega
- Click Save & Exit.
Step 5: After customizing the menu, 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.
Now your website should reflect the full design of the Digital Agency layout.
Method 2: Manually Import the Layout
While you can easily import the “Digital Agency” layout using DiviFlash’s Layout Importer, you can also import the layout manually.
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 Digital Agency layout file from the DiviFlash website and unzip it.
Step 4: Ensure the following DiviFlash modules are activated as they are all required for the layout to function properly:
- Advance Menu
- Text Highlighter
- Marquee Text
- Advanced Blurb
- CPT Grid
- Advanced Heading
- Testimonial Carousel
- Logo Carousel
- Post grid
- Faq
- Advanced List
- Advanced Tab
- Floating Image
- Timeline
- Advanced Person
- Advanced Gallery
- Filterable CPT
Step 5: Import the “Divi Theme Options Settings” 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 choose the JSON file named “Divi Theme Options Settings – Digital Agency Multipage Layout – DiviFlsh.json”
- Finally, click on “Import Divi Theme Options”
Step 6: Import the “Theme Builder Settings” file into the Divi Theme Builder panel:
- Navigate to WordPress dashboard > 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 – Digital Agency Multipage Layout – DiviFlash.json”
- Finally, click on “Import Divi Theme Builder Templates”.
Step 7: Import the “Divi Library” file into Divi Library panel:
- Navigate to WordPress dashboard > 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 Divi Library – Digital Agency Multipage Layout – DiviFlash.json”
- Click on the “Import Divi Builder Layouts” button.
Step 8: 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 Dashboard Settings – Digital Agency Multipage Layout – DiviFlash.json”
- Finally, click on the “Import Settings” button
Step 9: 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 – Digital Agency Multipage Layout – DiviFlash.json”
- Finally, click on “Import Divi Customizer Settings”.
Step 10: Import the layout’s Media file into the appropriate section
- Navigate to WordPress dashboard > Tool > Import
- Click on Run Importer under the WordPress
- Click on “Choose File” and import the “Media – Digital Agency Multipage 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.
Note: By following the same steps (WordPress dashboard > Tool > Import > Run Importer under WordPress), you have to import Posts, Pages and Projects .xml files.
Step 11: Create a menu for the imported layout. Follow Divi Layout Menu Customization guide for guidance.
Note: Digital Agency layout has a mega menu in the menu’s “Service” item that you have to activate manually. For that follow these steps:
- Go to Appearance > Menus and enable DiviFlash menu settings.
- Select Service > Edit Menu, and under “Layout Settings” make these changes:
- Submenu Type: Divi Layout
- Library Item: mega
- Click Save & Exit.
Step 12: Finally, set the homepage for the layout.
- 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.
That’s it. Now your website should look exactly the same as the Digital Agency layout. If you still have questions about the Digital Agency layout, you can contact us at support@diviflash.com.
