Share Bricks Templates Across Multiple WordPress Sites

In this tutorial, I’ll walk you through setting up one WordPress website as a template hub and then accessing those templates from other sites you manage. Whether you’re working within an agency, collaborating with other developers, or simply managing your own projects, this could save you loads of time.

What We’ll Achieve

You’ll learn how to:

• Create a central Bricks Builder site to store your templates.
• Share access to those templates securely.
• Import shared templates into other WordPress sites using Bricks.
• Optionally, control which templates are shared.

Setting Up Your Template Hub Site

Start with a clean WordPress install with Bricks Builder activated. This will be your central location, where all your reusable templates will live.

• Go to the Bricks settings in the WordPress dashboard.
• Click on the “Templates” tab.
• Turn on My Template Access. This allows other sites to connect and fetch templates from this site.

Now it’s time to secure the connection.

Define Who Can Access Your Templates

There are three necessary settings to configure:

• Whitelist URL – This sets which sites are allowed access. Open the site you want to grant access to, copy the domain from the browser’s address bar, and paste it into the whitelist URL field.
• Password – Add a secure password. This will be needed on any site attempting to access your shared templates.
• Exclude Templates (Optional) – Do you want to keep specific templates private? You can choose which templates to exclude from sharing here.

Once done, hit Save Settings.

Connecting Another Site to Your Template Hub

Now that your primary site is ready to share, head over to another WordPress site where you also have Bricks Builder installed.

Here’s what to do:

• Go to Bricks > Settings > Templates.
• Scroll down to the Remote Templates section.
• Click Add New to create a new remote connection.

You’ll need to enter three pieces of information:

– Name – Give the connection a clear name so you’ll know which site it’s pulling from.
– URL – Paste in the domain of your primary template hub site.
– Password – Use the same password you set earlier.

Then, save your changes.

Accessing Shared Templates

With everything connected, using a shared template is a breeze.

• Create a new page in Bricks.
• Click on the Templates icon to add a template.
• In the Source dropdown, you’ll now see more than just “My Templates”.
• Choose the name of your remote template hub – for example, “WPTuts Shared Templates”.
• You’ll now see a list of shared templates complete with previews.
• Click “Insert” to add your chosen template to the page.

Note: If your templates utilise a CSS framework (for example, Core Framework), ensure it’s installed on both sites. Bricks will let you import variables and settings if needed.

Restricting Access to Specific Templates

Need to keep some templates private? No problem.

Just go back to your central (template hub) site:

• Revisit Bricks > Settings > Templates.
• Under ‘My Template Access,’ find the ‘Exclude Templates‘ section.
• Tick off any templates you don’t want to be shared – for example, “Pop-up Test”.
• Save your changes.

Check your other connected sites – those excluded templates will no longer appear in the list.

Why This is Brilliant

This feature is a massive time-saver. Instead of recreating the same layouts over and over, you can:

• Maintain consistency in your designs across multiple client sites.
• Work collaboratively with a team and share templates internally.
• Save time when building new sites by accessing a central template library.

Wrap-Up

And that’s it! A few quick settings and you’re ready to share Bricks Builder templates across your WordPress sites safely and efficiently.

If you’re keen to explore Bricks further, be sure to explore additional tutorials and resources on topics such as custom loops, CSS frameworks, and performance tips.

Thanks for reading, and happy building!