Collection References | SP Page Builder (Pro) - Documentation | JoomShaper

SP Page Builder (Pro)

Updated Last: 10 November 2025

Collection References

The Reference and Multi-Reference fields in Dynamic Content allow you to connect and retrieve data from one collection to another. This makes your content reusable, ensures consistency, and helps dynamically display related information across your website.

Reference Field

Instead of manually inputting related information across multiple entries, the Reference Field lets you pull data from another collection.

Purpose: Links a single item from another collection 

Best Use When: You want a one-to-one relationship 

Example Use Case: Sessions and Speakers

Imagine you have a Sessions collection and a Speakers collection. Instead of manually entering speaker details for each session, you can use a Reference Field to pull the speaker's name, bio, and profile picture from the Speakers collection.

Adding a Reference Field

adding a reference field
  1. Navigate to your Sessions collection.
  2. Click on + Custom Fields and select Reference.
  3. Choose Speakers as the reference collection.
  4. Name the field (e.g., "Speaker").
  5. Save the collection.

Populating the Reference Field

populating the reference field

When adding or editing a Session, you can now select a Speaker from the list instead of manually typing the name each time. This ensures that speaker details are consistently displayed across all sessions without redundant data entry.

Multi-Reference Field

A Multi-Reference Field allows you to link multiple items to one entry. This is useful when a session has multiple tags, categories, or related topics.

Purpose: Links multiple item from another collection

Best Use When: You want a one-to-many relationship

Example Use Case: Sessions and Tags

For a Sessions collection, you may want to assign multiple Tags (e.g., "Web Design," "Marketing," "Development"). Instead of manually entering tags for each session, a Multi-Reference Field lets you link multiple tag items from a Tags collection.

Adding a Multi-Reference Field

Adding the multi-reference field
  1. In the Sessions collection, click + Custom Fields and select Multi-Reference.
  2. Choose Tags as the reference collection.
  3. Name the field (e.g., " Related Tags").
  4. Save the collection.

Populating the Multi-Reference Field

populating the multi-reference field

When adding a Session, you can now select multiple tags instead of manually typing them.

Displaying Reference Fields

Now that we’ve set up the Reference and Multi-Reference Fields, let’s look at how to display this data dynamically.

Connecting a Reference Field 

Connecting a reference field

We will demonstrate this process using the ongoing Sessions & Speakers example. To display the referenced Speaker in the Session index/details page:

  1. Add a Dynamic Text addon.
  2. Set the Field Source to the respective Reference Field. In this case Speaker Name.
  3. Similarly, if you want to display the speaker’s avatar, add a Dynamic Image addon.
  4. Set Field Source to Reference Field Profile Picture.

Connecting a Multi-Reference Field 

To display multiple Tags associated with a Session:

Add the Collection Addon (since multiple items need to be displayed). Set the Source to the Tags collection.

Connecting the reference collection

Add a Filter so that only the associated tags for the current session are displayed. 

Click Filter > + Add Conditions. Select Tags as the reference collection. From the Condition dropdown, select Is Associated With. Select the field that references Tags, e.g., Related Tags.

filter the reference collection

Add Dynamic Text and select the Title as the Field Source to display the tag titles dynamically.

Add dynamic addons to the Field Source

This ensures that only relevant tags appear for each session, maintaining clean and structured dynamic content. 

You're all set! Now, start implementing dynamic content in your designs.