# Import the layout

{% embed url="<https://youtu.be/PBmijAL4twA?t=244>" %}

## Download the layout

After purchasing the layout, you will have a zip file with :

* Loops Footers.json
* license.txt

Also, as an additional product you will find:

* css.txt
* A layout for each footer style

The css.txt file contains some CSS code to add (I'll show you how in the [next step](/loops-footers/installation/add-the-css-code.md), don't worry it's simple) and the .json file for each footer style.

## Single Layout Import

* Extract the additional product .zip file on your computer (You’ll get several .json files)
* Choose the style you want (you can see all styles [here](https://loops.divi-layouts-pro.com/footer-1-10/))
* In the back office, in Divi >> Divi Library, click on the "Import & Export" button on the top of the page
* In Import tab, click on "Choose file" and select the json file that corresponds to the style you want
* Click on "Import Divi Builder Layouts"

That's it ! You should now see the layout in the Divi Library. :smile:

## Layout Pack Import

* Extract the product .zip file on your computer (You’ll get a Loop Footers.json file)
* In the back office, in Divi >> Divi Library, click on the "Import & Export" button on the top of the page
* In Import tab, click on "Choose file" and select the Loop Footers.json file
* Click on "Import Divi Builder Layouts"

That's it ! You should now see all the Footers layouts in the Divi Library. :smile:


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://contact-22.gitbook.io/loops-footers/installation/import-the-layout.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.