# Import into an existing project

{% hint style="info" %}
This approach is ideal for existing projects but also works well for new ones, especially if you prefer having full control over your WordPress setup.
{% endhint %}

{% tabs %}
{% tab title="Just Bricks 🧱" %}
If you have an existing project and want to import specific layouts, follow this guide:

In your account, under "Downloads," you'll find a folder "Import into existing project" which contains a zip with text file including Library URL and password + all the files needed for this method.

<figure><img src="/files/ifHgOX6GNbxagfErwuVJ" alt=""><figcaption></figcaption></figure>

1. In Bricks Settings, navigate to Templates > Remote Templates. Add a new template source using the provided URL and password.\ <img src="/files/3yI80JQr0rVCxeTtkxZY" alt="" data-size="original">
2. Download the exported code snippets and import them using the Code Snippet plugin (free).
3. Download and install the Bricks Boilerplate Addon plugin on your website.
4. Download the JSON file containing the CSS variables that power our layouts and import it into your Bricks global styles.\
   &#x20;![](/files/YZuGT3TnsfaSiezEJ9iR)

Steps 2, 3, and 4 ensure that the layouts will appear correctly without any issues, and that all features remain intact. However, some elements may still look different, as these layouts will inherit your global style settings.

### For the layouts to look identical to the demo:

To make the layouts look exactly like the demo, you’ll need to import the global settings file as well.&#x20;

Go to your account, download the file, then in the Bricks editor, navigate to Settings > Theme Styles. Click "Create," and then import the file.\
![](/files/EgPtWBgOYT560PANaJ8d)![](/files/FOaTnXog5zLheW332M57)
{% endtab %}

{% tab title="Automatic CSS" %}
If you have an existing project and want to import specific layouts, follow this guide:

In your account, under "Downloads," you'll find a folder "Import into existing project" which contains a zip with text file including Library URL and password + all the files needed for this method.

<figure><img src="/files/rJls8a8U7e0gRkOs3QYM" alt=""><figcaption></figcaption></figure>

1. In Bricks Settings, navigate to Templates > Remote Templates. Add a new template source using the provided URL and password.\ <img src="/files/3yI80JQr0rVCxeTtkxZY" alt="" data-size="original">
2. Download the exported code snippets and import them using the Code Snippet plugin (free).
3. Download and install the Bricks Theme Addon plugin on your website.\
   &#x20;

Steps 2 and 3 ensure that the layouts will appear correctly without any issues, and that all features remain intact. However, some elements may still look different, as these layouts will inherit your global style settings.
{% endtab %}
{% endtabs %}

If you have other solution for Wishlist, variation swatches, checkout...etc you can disable our solution in Addon plugin dashboard:&#x20;

<figure><img src="/files/CQ2NZOUOuzL73biXjZT8" alt=""><figcaption></figcaption></figure>

{% embed url="<https://youtu.be/EfFWWwyj9Q8>" %}

{% hint style="warning" %}
Using this method, some layouts may not have all the data as seen in the demo due to missing content or conditions applied to the query loop ID, which may need to be adjusted when you import the layout.

Read more about [Common issues](/common-issues/custom-css.md)
{% endhint %}


---

# 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://docs.brickstheme.com/getting-started/publish-your-docs.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.
