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 text file containing the source URL and password.

1. In Bricks Settings, navigate to Templates > Remove 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.

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 text file containing the source URL and password.

1. In Bricks Settings, navigate to Templates > Remove 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.