You can easily use the Travel Layout to your Divi site using one of these two methods:
- Method 1: Using the DiviFlash layout importer (One-Click Import Process)
- Method 2: Manually importing the layout
In this guide, we will provide detailed instructions for both methods.
Method 1: Using DiviFlash Layout Importer
Here is how to import the Travel layout on your Divi site using DiviFlash’s one-click import:
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, then search for “Travel.”
Step 4: Hover over the layout and click Import Layout.
- A popup will appear showing the layout settings and server requirements.
Note: Make sure all requirements are marked with green checkmarks. If you notice any red crosses, update your server settings and refresh the page.
- Once everything looks good, click “Start Importing” to continue.
- This importing process may take a few minutes.
- Once import is done, next click “Menu Customize” to customize the menu. For that, you can follow our Divi Layout Menu Customization guide.
Step 5: Finally, set your website’s homepage by following the steps below:
- 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.
Your website should now display the complete Travel layout.
Method 2: Manually Import the Layout
If you want to import the Travel layout manually, here is a quick step-by-step guide:
Step 1: Install and activate the Divi Theme.
Step 2: Install and activate the DiviFlash Plugin.
Step 3: Download the Travel file from the DiviFlash website and unzip it.
Step 4: Ensure the following DiviFlash modules are activated before starting the manual import process:
- Logo Carousel
- Advanced Blurb
- Advanced Person
- Advanced List
- CPT Grid
- FAQ
- Post Grid
- Filterable CPT
- Advanced Pricing Table
- Star Rating
- Testimonial Carousel
- Post List
- Inline Content
- Breadcrumbs
- Advanced Gallery
- Advanced Tabs
- Marquee Text
- Vertical Menu
Step 5: Install and Activate the Custom Post Type UI Plugin.
Step 6: Next, follow these steps to import CPT related settings file:
- Open the “Post Types – CPT UI – Travel 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 CPT taxonomies file by following these steps:
- Open the “Taxonomies – CPT UI – Travel 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 and click on “Import.”
- After that, click on “Import” button
Step 8: Install and activate the Advanced Custom Fields
Step 9: After installing the plugin, import the “ACF – Travel Layout – DiviFlash.json” file into the ACF plugin. To do that:
- Navigate to WordPress Dashboard > ACF > Tools
- Under the Import section, click on “Choose File” and select “ACF – Travel Layout – DiviFlash.json” file.
- Finally, click on “Import JSON”
Step 10: Import the “Divi Theme Options” file into the 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 – Travel 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 choose the JSON file named “Divi Theme Builder Settings-Travel Layout – DiviFlash.json”
- Finally, click on “Import Divi Theme Builder Templates”.
Step 12: 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 – Travel Layout – DiviFlash.json”
- Finally, click on “Import Divi Customizer Settings”.
Step 13: 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 – Travel Layout – DiviFlash.json”
- Finally, click on the “Import Settings” button
Step 14: Import the Media file for the layout
- Navigate to WordPress Dashboard > Tool > Import
- Next, if you see “Install Now” under “WordPress,” click it, then click “Run Importer.” If you see “Run Importer” directly, click it.
- Click on “Choose File” and import the “Media – Travel Layout – DiviFlash.xml” file and click “Upload file and import”.
- Assign the author (or skip this step), then check the “Download and Import Attachment” option and click “Submit” to save your changes.
By following the same steps (WordPress dashboard > Tool > Import > Run Importer under WordPress), you have to import Destinations, Packages and Posts .xml files.
Step 15: Import Travel layout’s Page File into Divi Library:
- Navigate to your WordPress dashboard and go to 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 – Travel Layout – DiviFlash.json” (Or, import specific pages separately using their individual JSON files.)
- Click on the “Import Divi Builder Layouts” button.
- Now, create new pages using the layout items you imported into the Divi Library. Follow our guide on how to create pages with items from the Divi Library.
Step 16: 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.
Step 17: Create a menu for the imported layout. You can follow the Divi Layout Menu Customization guide.
All done! Your website should now reflect the Travel layout.
Need Help?
If you have any questions or issues, feel free to contact our support team at: [email protected]
