# Import the layout {% embed url="" %} ## Download the layout After purchasing the layout, you will have a zip file with : * Loops Headers Designs.json * license.txt Also, as an additional product you will find: * css.txt * Create your header.json The css.txt file contains some CSS code to add (I'll show you how in the [next step](/loops-headers/installation/add-the-css-code.md), don't worry it's simple) and the json file is the layout corresponding to this page:[ https: //loops.divi-layouts- pro.com/create-your-header/](https://loops.divi-layouts-pro.com/create-your-header/). This layout is not necessary as long as this page is accessible but I preferred to put it. I'll explain what this page is for [here](/loops-headers/define-your-header/create-your-header.md). ## Layout Import * Extract the .zip file on your computer (You’ll get a Loop Headers.json file) * Open the page where you want to import the layout * Enable the Visual Builder * Drag the .json file from your computer and drop it on the page * A popup will appear, click on the "Remove existing content" checkbox and click the "Import Divi Builder Layout" button. Be careful, this will replace the current content of the page with the layout content. That's it ! :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-headers/installation/import-the-layout.md?ask= ``` 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.