---
title: How to Import Bricks Core Framework Template Pack (Another Easy Way)
description: "###### If you're looking to Install Bricks Core Framework Template Pack Like a Pro – Check BricksLibraryPlus Tutorial Here! the video titled \"How to Import Bricks Core Framework Templates Pack Easily (Step-by-Step Tutorial)\" provides a comprehensive guide. [YouTube video player](https://www.youtube.com/embed/BdqrBI_SOxU?si=wUIynwv2YFfhPx-O)…"
url: "https://brickslibraryplus.com/docs/how-to-import-bricks-core-framework-template-pack-another-easy-way/"
updated: "2025-05-29"
category: Bricks Core Framework Template Pack
---

# How to Import Bricks Core Framework Template Pack (Another Easy Way)

###### If you're looking to Install Bricks Core Framework Template Pack Like a Pro – Check BricksLibraryPlus Tutorial Here!

the video titled "How to Import Bricks Core Framework Templates Pack Easily (Step-by-Step Tutorial)" provides a comprehensive guide.

[YouTube video player](https://www.youtube.com/embed/BdqrBI_SOxU?si=wUIynwv2YFfhPx-O)

I’ll show you how to quickly and easily import our Bricks Templates Pack using Bricks Builder’s built-in feature, just a few simple clicks. Let’s get started!

## 🧰 Requirements

 Before you install the template pack! please make sure that Bricks Builder is activated on your website.

✅ Bricks Builder installed and activated

✅ The Bricks Library Plus Layouts Pack JSON file (downloaded from our website)

✅ Core Framework Plugin

✅ WordPress Admin access

This guide will show you how to easily install a complete Bricks template pack

## **Step 1**

First, you need to set your website's permalink settings. To do this, go to your WordPress dashboard,

###### Step 1.1 -> navigate to Settings → Permalinks, select Post name, and click Save Changes. Here’s how you can update the permalink settings

![](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-1-1024x432.png)

## **Step 2**

###### Step 2.1 ->Next, go to the WordPress Dashboard, navigate to Plugins → Installed Plugins, locate “Core Framework,” and click “Activate.”

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/05/Core-Framework-bricklibraryplus-0.png)

###### Open "Bricks Flooring Services Layouts Pack" Folder and see "CoreFramework" Folder and Select "CoreFrameworkProject.core" file.[[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/)

###### Step 2.2 ->Now Go to Dashboard > Core Framework > Manage project > Click Browse files Button

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/05/Core-Framework-bricklibraryplus-1.png)

###### Step 2.3 -> Select "CoreFrameworkProject.core" file on Imports Options and kindly Click on "Save Changes Button" to Save Changes.

That’s it! You’ve successfully imported the Core Framework plugin settings.

## **Step 3**

Now you’ll need to install three required plugins to import the demo data. Classic Widgets, Widget Importer & Exporter, and WordPress Importer — all available from the WordPress repository.

###### Step 3.1 -> Go to Plugins and add below plugins

> [Classic Widgets](https://wordpress.org/plugins/classic-widgets/)

[“Classic Widgets” — Plugin Directory](https://wordpress.org/plugins/classic-widgets/embed/#?secret=kc0iP8nPNc#?secret=24VtpQr7Jz)

> [Widget Importer & Exporter](https://wordpress.org/plugins/widget-importer-exporter/)

[“Widget Importer & Exporter” — Plugin Directory](https://wordpress.org/plugins/widget-importer-exporter/embed/#?secret=0ctvEnQPQo#?secret=P3NprceDPO)

> [WordPress Importer](https://wordpress.org/plugins/wordpress-importer/)

[“WordPress Importer” — Plugin Directory](https://wordpress.org/plugins/wordpress-importer/embed/#?secret=PNazJvDuQK#?secret=OUk92lalQ8)

![](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-2-1024x443.png)

## **Step 4**

###### How to Install XML File ?

###### Step 4.1 -> Go to Dashboard > Tools >Import -> WordPress -> Install Now

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/Flooring-Services-Import-1.webp)

###### Step 4.2 -> After Install Click on "Run Importer"

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/Flooring-Services-Import-2.webp)

###### Step 4.3 -> Set XML file to imports data

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/Flooring-Services-Import-3.webp)

###### Step 4.4 -> Go to "Bricks Flooring Services Template Pack" Folder and see "XML Files" Folder

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/04/brickslibraryplus-acss-structure.png)

Once you open XML Files Folder you can see **"bricks-flooring-services-template-pack.xml "** file for upload to wordpress tools options. folder and you can see below files

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/Bricks-woo-xml-file.png)

###### Step 4.5 -> Open "Bricks Flooring Services Layouts Pack" Folder and see"XML" Folder and select "bricks-flooring-services-layouts-pack.xml" file [[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/)

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-4-1024x391.png)

###### Step 4.6 -> Click On "Submit" Button

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/Woo-Plugin-17.webp)

###### Now XML Data is Imported.

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/Woo-Plugin-18.webp)

###### After click on submit it will take few minutes. once data import successfully go to pages and you can see all pages an templates also.

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/Woo-Plugin-19.webp)

###### Go to Settings -> Reading and set Home Page

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-7-1024x451.png)

###### Now import blog detail page sidebar widget data

## **Step 5**

###### Open "Bricks Flooring Services Layouts Pack" Folder and see "Widget" Folder and open "bricks-flooring-services-layouts-pack-widgets.wie" file [[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/)

###### Step 5.1 -> Go to Dashboard > Tools > Wordpress Importer & Expoter > Import -> Imports Widget -> Select Widget File or Copy code as mentions below image

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-8-1024x448.png)

###### Step 5.2 -> After Copy code or upload widget file Click on "Import Widgets"

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-9-1024x451.png)

###### Step 5.3-> If widget data install successfully then you will get below screen

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-10-1024x435.png)

## **Step 6**

###### Go to Bricks -> Settings and see Import Settings button

###### Step 6.1 -> Open "Bricks Flooring Services Layouts Pack" Folder and see "Bricks Settings" Folder and Seelct "bricks-settings.json" file [[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/)

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-11-1024x435.png)

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-12-1024x432.png)

###### Step 6.2 -> Go to Pages and Open Home Page with bricks

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-13-1024x452.png)

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-14-1024x474.png)

###### Step 6.3 -> Go to Theme Styles and click on ‘+’ Icon

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-15-1024x474.png)

###### Step 6.4 -> Now Click on Import Icon

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-15-1024x474.png)

###### Step 6.5 -> Open “Bricks Flooring Services Layouts Pack” Folder and see “Theme Global” Folder and Select “bricks-theme-style-px_fs__theme__style.json” file [[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/)/h6>

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-17-1024x474.png)

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-18-1024x474.png)

###### Step 6.6 -> Once file is imported then select that global style and save

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-19-1024x474.png)

Now in theme style go to color tab

## **Step 7**

###### Step 7.1 ->Now in theme style go to color tab.Open primary color and see ‘+’ Icon see Number 4

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-20-1024x474.png)

###### Step 7.2 -> Click on Import Icon

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-21-1024x474.png)

###### Step 7.3 -> Open “Bricks Flooring Services Layouts Pack” Folder and see “Color Palette” Folder and Select “bricks-color-palette-px_fs__color__set.json” file [[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/)

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-22-1024x474.png)

###### Now Save and close your website is ready.

Add css class default & variable file from Css Class Folder

## **Step 8**

###### Step 8.1 ->Click on classes/variable button as mention below image

 ![](https://brickslibraryplus.com/wp-content/uploads/2025/02/brick-css-class-import-1.png)

###### Step 8.2 -> -> Now click on Classes tab and Click on Import Icon

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/brick-css-class-import-2.png)

###### Step 8.3 -> Open “Bricks-Flooring-Services-Template-Pack” Folder and see “Css Class” Folder and Select “bricks-css-classes.json” file [[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/)

 ![](https://brickslibraryplus.com/wp-content/uploads/2025/02/brick-css-class-import-3.png)

###### Now Save.

###### Step 8.4 ->Now click on variable tab and Click on Import Icon

 ![](https://brickslibraryplus.com/wp-content/uploads/2025/02/brick-css-class-import-4.png)

###### Step 8.5 -> Open “Bricks-Flooring-Services-Template-Pack” Folder to see “Css Class” Folder and Select “bricks-css-variables.json” file [[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/)

 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/brick-css-class-import-5.png)

###### Now click on Save to imports variables classes .