Install Bricks Template in WordPress website

Register and download

To download your preferred template from BricksPlus, we kindly ask that you first register on our website. Simply fill out the registration form with a unique username, your first and last name, and a valid email address that you have access to. Once completed, a confirmation email containing your username and password will be sent to your email address.

After registering with BricksPlus, you can log in to your account using the username and password provided in the confirmation email. Please note that you have the flexibility to change your username and password at any time to better suit your needs.

Congratulations, you have successfully created an account with BricksPlus!

Now that you have created your account, choose a membership plan that best fits your needs.

Alternate way

You can directly select one package from the pricing section and directly sign up from there.

Once you have signed up for BricksPlus, you can easily access and download any template of your choice at any time. Simply browse through our templates, choose the template that best suits your needs, and click "Download" to get started.

Upon clicking "Download", a zip file containing all the JSON files for your selected template(s) will be downloaded to your device.

Import JSON{ file }

To access your downloaded templates, please head to your WordPress Dashboard then Bricks. If you do not have it already, please install Bricks Builder. Once installed, navigate to "Bricks" or hover over it and select "Templates"

Bricks Template installation -4

You will see your template library. Click on “Import templates”.

Bricks Template installation -5Bricks Template installation -6

Click on "Choose Files". You have the option to upload individual JSON files one-by-one, or alternatively, you can upload all json files together.

Once you have successfully imported the JSON files, you will be able to view your newly acquired templates within your template library.

Insert Template in pages

You are now ready to incorporate these templates into your individual pages!Like in the pictures below.

Go to pages from WordPress Dashboard - Click “Add New”

Bricks Template installation -7

To begin, please provide a name for your page. After doing so, click "Publish" followed by "Edit With Bricks".

Bricks Template installation -8

Upon clicking "Edit with Bricks", the Bricks Page Builder will launch. To access your imported templates, please click on the template file icon.

Bricks Template installation -10

To insert your desired template, simply click on "Insert Template" after selecting it. Please ensure that you also click on the "Import Images" button to ensure that all images associated with the template are properly uploaded.

Bricks Template installation -11

Upon successfully inserting the template, you will see that all of its contents are fully uploaded. At this point, please click on the save icon to preserve your changes.

Bricks Template installation -12

Congratulations, your template has been successfully uploaded and your page has been saved! You can now further customize your page by adding your own content and images to make it truly unique.

By repeating these steps, you can continue to add more templates to your website and create a visually stunning online presence.

Set Header in your website

Go to Bricks Template and click on “Template”

Bricks Template installation -13

Click on “Add New”

Bricks Template installation -14

To create a header template, provide a name for your template and select "Header" from the "Select template type" dropdown menu. Then, publish your template and click on "Edit With Bricks" to begin editing.

Bricks Template installation -15

Click on the Templates icon.

Bricks Template installation -16

Select the Header template and insert it. It is important to remember to click on the "Import images" button to ensure that all associated images are properly uploaded.

Bricks Template installation -17

To add a menu to your Header, you need to create a menu and add it manually. First, click on "Nav Menu" from the content section, then select the menu you created. Finally, click on the save button to apply the changes.

Bricks Template installation -18

To properly display your header on the correct pages, you need to set its condition.

Click on the setting icon.

Bricks Template installation -19

Click Template Setting.

Bricks Template installation -20

Next click on Condition.

Bricks Template installation -21

Add New Condition.

Bricks Template installation -22

To properly display your header, you can choose to show the header on your entire website or on specific pages. Once you have made your selection, click the "Save" button to save your changes.

Bricks Template installation -23

Set Footer in your website

Go to Bricks Template and click on “Template”

Bricks Template installation -13

Click on “Add New”

Bricks Template installation -14

To create a footer template, provide a name for your template and select "Footer" from the "Select template type" dropdown menu. Then, publish your template and click on "Edit With Bricks" to begin editing.

Bricks Template installation -24

Click on the Templates icon.

Bricks Template installation -16

Select the Footer template and insert it. It is important to remember to click on the "Import images" button to ensure that all associated images are properly uploaded.

When your footer template is inserted click on the setting icon.

Then go to the template setting.

Click Conditions.

To properly display your footer set its condition. You can choose to show the footer on your entire website or on specific pages. Once you have made your selection, click the "Save" button to save your changes.

Now reload your website or pages and check if everything is working perfectly.

Dynamic data.

-Posts

To display your posts dynamically, you must categorize them. If you fail to do so, they will be assigned to the default category "Uncategorized".

Let’s see in the editor.

In this Posts widget, some uncategorized posts are showing. We have to choose our category from “Query”.

In the query, you can select the relevant category from the "Terms (Includes)" option in the query. Once we have assigned a category, our posts will be displayed in the appropriate section.

Like this.

- Query Loop:

To locate the block that uses a query loop, look for the block with an infinity (∞) sign next to it. This is the block that will contain the query loop.

Click “Query”.

From “Query” select “Terms(Includes)”.

From the Terms search and select your category.

After selecting your category your post or posts will be visible.

Now save and preview your website, all your dynamic data will be showing perfectly.

- Blog Single Page

Select blog single template from Bricks → Templates and click “Edit with Bricks”.

From the editor go to Setting.

Then “Template Settings”.

Click “Conditions”

Now Add Condition.

From Condition select “Terms”

Now select your category from the terms and click save.

To make dynamic changes to an element in the template, select the desired element and click on the dynamic data icon (⚡). From there, choose the type of data that you want to display dynamically.

This way you can show all your dynamic data.

Entrance Animation Settings

If you are experiencing entrance animation problems with your templates since version 1.6, there is a solution available. Simply go to Bricks > Settings > General > Converter, and ensure that "Entry animation to interaction" is selected. This should resolve any issues with entrance animations for your templates.