Step 1: Navigate to Template Import Section in Bricks Builder

  i. Go to your WordPress admin panel.

  ii. Navigate to Bricks > Templates from the left sidebar.

  iii. You will see a list of your existing templates here, if any.

Step 2: Import the JSON Template File

  i. On the Templates page in Bricks, click on the “Import” button at the top.

  ii. A dialog will appear asking you to upload a template file.

  iii. Click “Choose File”, and select the JSON file.

  iv. After selecting the file, click “Import”.

Step 3: Edit and Customize the Template (Optional)

  i. Once the template with the SVG is imported, you can edit and customize it further using Bricks Builder’s visual editor.

  ii. If needed, you can modify the layout, or tweak any other design elements.

Step 4: Add the Imported Header Template to a Page

  i. Navigate to Pages > Add New in your WordPress admin.

  ii. Create a new page or edit an existing page by clicking Edit with Bricks.

  iii. Once inside the Bricks Builder editor, click on the Settings icon (the gear icon) in the top-right corner of the editor.

  iv. Under the Header section in the page settings, you should see an option to Select Header. Click on it.

  v. In the dropdown, select the imported header template you want to use.

  vi. Once selected, save or publish the page. The imported header template will now be applied to the page.