Import into an existing project

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.

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.

1. In Bricks Settings, navigate to Templates > Remote Templates. Add a new template source using the provided URL and password.

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.

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.

Go to your account, download the file, then in the Bricks editor, navigate to Settings > Theme Styles. Click "Create," and then import the file.

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.

1. In Bricks Settings, navigate to Templates > Remote Templates. Add a new template source using the provided URL and password.
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.

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.

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

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