Digital Agency is a single-page layout created by team DiviFlash. You can easily import and customize this layout to suit your brand needs.
To import this layout, follow either of these two methods:
- Method 1: Using the DiviFlash layout importer (Simple One-Click Setup)
- Method 2: Manually importing the layout
In this guide, we will walk you through both methods.
Method 1: Using DiviFlash Layout Importer
DiviFlash Layout Importer lets you quickly add any DiviFlash layout to your website with just a single click.
Here is how to import the Digital Agency layout using the layout importer:
Step 1: Install and activate the Divi Theme.
Step 2: Install and activate the DiviFlash Plugin.
Step 3: In your WordPress dashboard, go to DiviFlash > Layouts and search for Digital Agency.
Step 4: Hover over “Digital Agency” layout and click on “Import Layout” to start the import process.
- A popup window 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 import process may take a few minutes to complete.
- Once complete, you will see: “Back to Layouts” and “Menu Customize.” (Since this is a single-page layout, you have add CSS IDs to each section and then create a menu using those IDs)
Step 5: It’s time to add CSS ID for each section and then create a menu using those IDs. Here is how to do it:
- Go to WordPress dashboard > Pages and click “Edit With Divi” on the page titled “Home.”
- Click on the Settings icon of the section you wish to add to the menu (e.g., Service).
- Navigate to the Advanced tab > CSS ID & Classes > CSS ID and copy the CSS ID.
- Repeat this process for each section you want to include in the menu (e.g., Service, Process, Testimonial, Portfolio, Contact).
- Go to Appearance > Menus, and create a new menu
- Select Custom Links and fill in the following details:
- URL: Add a hashtag and paste the copied ID (e.g., #about).
- Link Text: Enter your desired menu name (e.g., “About”).
- Repeat the same steps to add custom links for Service, Process, Testimonial, Portfolio, Contact.
Once all custom links are added, click the “Save Menu” button to apply your changes.
Step 6: After modifying the menu, set your website’s homepage by following these steps:
- Navigate to WordPress Dashboard > Settings > Reading.
- Under “Your homepage displays,” click on “A static page” and select “Home” from the dropdown menu.
- Click on “Save Changes” to save the changes.
Now that your Digital Agency layout is successfully imported, it’s live on your website. Visit your website to see it in action.
Method 2: Manually Import the Layout
While the DiviFlash Layout Importer offers the easiest process, you can also import the Digital Agency Layout manually.
Here is a step-by-step guide:
Step 1: Install and activate the Divi Theme.
Step 2: Download the Digital Agency layout file from the DiviFlash website and unzip it.
Step 3: 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 Option Settings – Digital Agency Layout – DiviFlash.json”
- Finally, click on “Import Divi Theme Options”
Step 4: 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 Layout – DiviFlash.json”
- Finally, click on “Import Divi Customizer Settings”.
Step 5: Import the Home Page file into Divi Library
- 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 “Home page – Digital Agency Layout – DiviFlash.json”
- Click on the “Import Divi Builder Layouts” button.
- After that, create a new page to use the layout’s page. Follow this guide: How to create pages with Divi Layouts From Library.
Step 6: Next, create a menu for the imported layout. Follow the below instructions:
- Go to WordPress dashboard > Pages and click “Edit With Divi” on the page you just created in step 5.
- Click on the Settings icon of the section you wish to add to the menu (e.g., Servie).
- Navigate to the Advanced tab > CSS ID & Classes > CSS ID and copy the CSS ID.
- Repeat this process for each section you want to include in the menu (e.g., Service, Process, Testimonial, Portfolio, Contact).
- Go to Appearance > Menus, and create a new menu
- Select Custom Links and fill in the following details:
- URL: Add a hashtag and paste the copied ID (e.g., #about)
- Link Text: Enter your desired menu name (e.g., “About”)
- Repeat the same steps to add custom links for Service, Process, Testimonial, Portfolio, Contact.
Once all custom links are added, click the “Save Menu” button to apply your changes.
Step 7: Now set the homepage for the layout.
- Navigate to your WordPress dashboard > Settings > Reading.
- Under “Your homepage display,” select “A static page.”
- Choose the page you created in Step 6 from the homepage dropdown.
- Finally, click “Save Changes” to set the new homepage.
Now your website should look exactly the same as the Digital Agency layout! If you have questions about using the Digital Agency layout, contact our support team at support@diviflash.com.
