# Importing Demo Content

### One-Click Demo Import

After activating the **Flexivi** child theme, you'll notice a new menu item labeled **Flexivi Demo Importer** in your WordPress dashboard. To import the demo content:

1. Click on the **Flexivi Demo Importer** menu item.
2. **Select Import Options**: On the import page, you'll see various import options. If you're setting up a fresh website, ensure all options are selected to import the complete demo content.
3. Click the **Import Demo Content** button to start the process.

<div align="left"><figure><img src="https://2984353288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeSPO7OYLgBtsHqTspB4E%2Fuploads%2F71nKg838R4Cp1fQaxxaD%2Fdemo-importer-ss.jpg?alt=media&#x26;token=19af60ae-2eda-44f4-9c5d-838f2a8c5a66" alt=""><figcaption></figcaption></figure></div>

The import process may take some time, depending on your network speed and server performance. Please be patient and allow it to complete without interruption.

After the import finishes, you'll see a message confirming its success. To remove the import functionality from your site, click the **Remove Demo Content & Import Function** button. This action deletes the import files but keeps the imported content intact.

<div align="left"><figure><img src="https://2984353288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeSPO7OYLgBtsHqTspB4E%2Fuploads%2FNwr8PfdWLlUqbHubKZ05%2Fremove-demo-import-function-ss.jpg?alt=media&#x26;token=f4e154b0-1bc2-4e2a-a583-d8d74d12fdba" alt=""><figcaption></figcaption></figure></div>

All done! Your demo content has been successfully imported, and your site is now set up and ready for customization.

{% hint style="info" %}
If you're experiencing any issues during the import process, please don't hesitate to reach out to us. We're [here](https://developerinfotech.com/contact/) to help and will do our best to assist you.
{% endhint %}

***

### Manual Demo Import

After activating the **Flexivi** child theme, locate the **`Flexivi Supplementary Files.zip`** on your computer and extract it to access the individual files..

#### **1. Upload the JSON files**

1. Navigate to **Divi > Theme Customizer**. Click on the **import/export options** (up/down arrow).\
   Click on **Import** and upload **Flexivi-Customizer-Settings.json.**

<div align="left"><figure><img src="https://2984353288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeSPO7OYLgBtsHqTspB4E%2Fuploads%2FCQ99pTpxZkck13cF65re%2Fcustomizer-import-ss.jpg?alt=media&#x26;token=c8fd0a9f-9732-4837-8c19-ccec203844ed" alt=""><figcaption></figcaption></figure></div>

2. Navigate to **Divi > Theme Options**. Click on the **import/export options** (up/down arrow).\
   Click on **Import** and upload **Flexivi-Theme-Options.json.**

<div align="left"><figure><img src="https://2984353288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeSPO7OYLgBtsHqTspB4E%2Fuploads%2FDzHHBO3ezHuZg161taVw%2Ftheme-option-import-ss.jpg?alt=media&#x26;token=0a33ed1d-c9f3-4e87-ad1e-7ac8cf6a9d9a" alt=""><figcaption></figcaption></figure></div>

3. Navigate to **Divi > Theme Builder**. Click on the import/export options.\
   Click on **Import** and upload **Flexivi-Theme-Builder-Templates.json.** Make sure that **Import Presets** option is checked.

<div align="left"><figure><img src="https://2984353288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeSPO7OYLgBtsHqTspB4E%2Fuploads%2FpXSiQMvtvNoZYDqbUstU%2Ftheme-builder-import-css.jpg?alt=media&#x26;token=13c2eb1b-1d02-4329-bf96-d97184fe13cf" alt=""><figcaption></figcaption></figure></div>

4. Navigate to **Divi > Divi Library**. Click on the import/export options.\
   Click on Import and upload **Flexivi-Library.json.** Make sure that **Import Presets** option is checked.

<figure><img src="https://2984353288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeSPO7OYLgBtsHqTspB4E%2Fuploads%2FmZKVawuiGXxJOByBrVpR%2Fdivi-library-import-ss.jpg?alt=media&#x26;token=712b6144-fffc-44ff-a014-0cc8a6de256d" alt=""><figcaption></figcaption></figure>

#### 2. Upload The Posts

* Go to **Tools > Import > Wordpress > Run Importer.**

<figure><img src="https://2984353288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeSPO7OYLgBtsHqTspB4E%2Fuploads%2FTtDbUuVH6BIzXa2PBCT5%2Fwordpress-importer-ss.jpg?alt=media&#x26;token=094c89ae-db4b-4b68-b65c-a737d6b0d161" alt=""><figcaption></figcaption></figure>

* Choose the **posts.xml** file, then click on the **upload file and import** button.
* Assign the author if you want, then check the **Download and import file attachments** and hit **submit** button.

#### **3. Add the Pages**

Go to Pages > Add New. Give your page a name for example Home. Click on Use Divi Builder Click on choose a premade layout Go to the tab Your Saved Layouts Here you will find all the pages from the demo. Load the Home page and publish it. To add the other pages as in the demo you do the same steps.

* Go to **Pages > Add New.**
* Give your page a **Name** for example Home.
* Click on **Use Divi Builder.**
* Click On **Browse Layouts.**
* In **Your Saved Layouts** tab, Select **Pages** from categories and click on the **Page Layout** like Home.

<figure><img src="https://2984353288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeSPO7OYLgBtsHqTspB4E%2Fuploads%2Flh0tUJRG4KHlBSZmSrbK%2Fsaved-layouts-ss.jpg?alt=media&#x26;token=0ed0fdb9-491d-404c-a0aa-e055f276883f" alt=""><figcaption></figcaption></figure>

* Then click on **Use This Layout.**
* **Publish** your page.
* Follow the same steps for all pages.

#### **4. Add the Projects**

* Navigate to **Projects > Add New Project** in your Wordpess Dashboard.
* Give a **Name to** the project and Click on **Use Divi Builder.**
* Click On **Browse Layouts.**
* In **Your Saved Layouts** tab, Select **Projects** from categories and click on the **Project Layout**.

<figure><img src="https://2984353288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeSPO7OYLgBtsHqTspB4E%2Fuploads%2FwEsNMxzDgL0s23Al9B4G%2Fsaved-project-layouts-ss.jpg?alt=media&#x26;token=6fd83b0d-c2e8-4527-9454-499c0865faeb" alt=""><figcaption></figcaption></figure>

* Then click on **Use This Layout.**
* **Publish** your project.
* Follow the same steps for all projects.

**Add Project Categories**

* Go to **Projects > Categories.**
* Input Name and other Details, then click on **Add New Category** button.
* Assign the Category to the Projects.

#### 5. Create Menus

* First, navigate to **Appearance > Menus** in your WordPress dashboard.
* Input Menu **Name** and adjust the menu setting as per your requirement and Hit **Create Menu** button.
* Select The Pages and add them to menu.
* Save the menu.

#### 6. Set the Home Page

* Go to **Settings > Reading** in your Wordpress Dashboard.
* Check **A Static Page** option.
* Then **Select** The Home page and **save** the changes.

#### 7. Important note for the presets

When you import Demo content manually, the Divi Presets get duplicated. so you have to update both presets if you are updating the preset.. or you can set main preset to the modules and then delete the duplicated preset.

<figure><img src="https://2984353288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeSPO7OYLgBtsHqTspB4E%2Fuploads%2FxO0Afz6VRgJC3KCsbvje%2Fduplicated-presets-ss.jpg?alt=media&#x26;token=f4dd4235-4934-4ecb-ac0b-b4da502bb5b5" alt=""><figcaption></figcaption></figure>
