November 9, 2023

Get Familiar with Bricks Builder and ACF Relationships

Play Video

Making use of Bricks Builder and ACF Relationships can transform your WordPress website into a dynamic content powerhouse. This tutorial will walk you through the process of creating and displaying one-to-many relationships using these tools.


Please make sure you have the following installed and activated:

Understanding ACF Relationships

ACF relationships allow you to associate different pieces of content, creating a dynamic link between them. In this guide, we’ll explore a one-to-many relationship example, where one employer can have multiple job listings.

Setting Up Your Relationship Field

  1. Navigate to Custom Fields > Add New
  2. Create a new field group.
  3. Add a new field and select the type as “Relationship”.
    Add a new field and select the type as "Relationship".
  4. Select “Employer” in the “Filter by Post Type” field.
    Select "Employer" in the "Filter by Post Type" field.

Integrating ACF with Bricks Builder

Once your ACF relationship field is set up, it’s time to bring this data into Bricks Builder.

  1. Open Bricks Builder on the page where you want to display the relationship.
  2. Insert a block element.
  3. Toggle “Use query loop” and select your ACF relationship field as the source for the query loop.
    Toggle "Use query loop" to select your ACF relationship

Adding Dynamic Data to Rich Text in Bricks Builder

Once you have your ACF relationship field and your Bricks Builder layout ready, you can start injecting dynamic content into your rich text elements.

  1. Edit your Bricks Builder page and locate the rich text element where you want to display dynamic data.
  2. Click on the rich text element to bring up its settings.
  3. Select the ACF Relationship field from the dynamic data sources list.
    Select the ACF Relationship field from the dynamic data sources list
  4. Choose the specific sub-field you want to display, such as the employer’s name, phone, email, and address.
  5. Click on save and preview your design.
    ACF Relationship preview

Real-Life Example

Imagine you have a job listing for an Advertising Executive linked to Facebook as the employer. In Bricks Builder, you can show this relationship by displaying Facebook’s logo, contact details, and other relevant information alongside the job description.

Supplementary Resources

Bricks Builder and ACF Relationships – Conclusion

By following these steps, you can effectively display ACF relationships within Bricks Builder, enhancing your site’s interactivity and user experience.

Get Familiar with Bricks Builder and ACF Relationships
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.