---
description: >-
  Metaobjects is a Shopify tool that can help add and store new data in the
  admin, which can then be displayed on store pages using theme functionality,
  sections, or blocks.
---

# Understanding of metaobjects and their use in a store

This article provides several examples of how metaobjects can be practically used in the theme. But of course, you can implement this functionality into other parts of the theme according to your needs by following Shopify's recommendations. More about metaobjects can be read on the following [help page](https://help.shopify.com/en/manual/custom-data/metaobjects).

### How to display unique content per product

{% hint style="info" %}
If you need to separate a product or group of products for which the following content will be used, operate [<mark style="color:blue;">templates</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/faq/how-to-create-a-template) as a new block should be added to a page that can be unnecessary for other product pages.
{% endhint %}

First, let's explore how to add new data for products that dynamically change based on a product. To complete this task in your store, follow these steps:

#### **Step 1**

{% hint style="info" %}
**Creating the metaobject!** This step is required to create a new metaobject definition with entries that allow you to add and store new data in your admin.
{% endhint %}

Go to your _Shopify admin -> Settings -> Custom data -> Metaobject definitions_ and click on the **"Add definition"** button.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FhLqzXblkNj1nMSS4IDoo%2Fmetaobject_add%20definition.png?alt=media&#x26;token=53591bc7-5fe5-4394-9e24-aeaacc98142e" alt=""><figcaption></figcaption></figure>

Create a metaobject definition by adding its name and fields. In our example, we will add a definition with the name "Additional details" and three fields:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FfUcqVPyHjjgrfkwgTScK%2Fmetaobject_create%20definition.png?alt=media&#x26;token=dfdd008b-d3c0-47ed-9c41-acbfa5077311" alt=""><figcaption></figcaption></figure>

<mark style="color:orange;">**Note!**</mark> The "File" type field cannot be used as the display name of a metaobject entry that will be formed in the next step. For personal convenience, create an additional field specifically for this purpose if you need to display only an image on the storefront (without using text fields), for example:

**First field.** The first field will be formed to display an entry title. So, it will be set with the following parameters:

* Name - **Title**

- [x] **Use this field as display name** (Tick the option to use this field as the name of an entry)

* Single line text - **One value**

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FzrFEu1I8t18mcN7QaP79%2Fmetaobject%20field_title.png?alt=media&#x26;token=a660b7be-2bb5-4f9a-96e3-88d6946baaae" alt=""><figcaption></figcaption></figure>

**Second field.** The next field will be added to display text paragraphs:

* Name - **Text**
* **Single line text** - **One value**

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F3EZbP53RemOpFaze5x1Z%2Fmetaobject%20field_text.png?alt=media&#x26;token=a9d154ae-f867-40ad-a0fe-9f1a6fde28d7" alt=""><figcaption></figcaption></figure>

**Third field.** Add a field with the next parameters to display an image:

* Name - **Image**
* **File** - **One file**
* **Accept specific file types - Images**

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FFm7PhZpXRDEtOdRLxzyd%2Fmetaobject%20field_image.png?alt=media&#x26;token=2b870f47-0f53-4037-b55a-27216b23549d" alt=""><figcaption></figcaption></figure>



**Step 2**

To add metaobject entries, go to _Shopify admin -> Content -> Metaobjects_, and click on the definition name.  Then, hit the **"Add entry"** button.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FjN6a3rsc9ic80j5WDNhK%2Fmetaobject_add%20entry.png?alt=media&#x26;token=973e6656-59dd-4182-b2d4-7ec2079f8bdb" alt=""><figcaption></figcaption></figure>

Create as many entries as necessary by editing the provided fields, for example:

* Title - name the entry.
* Text - add the desired text line.
* Image - select image.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FDlhAbVfVolBX9mdDBWUr%2Fmetaobject%20entry.png?alt=media&#x26;token=85594546-9677-4dd6-bd86-ae9575f5f67a" alt=""><figcaption></figcaption></figure>

#### **Step 3**

{% hint style="info" %}
**Building a metafield!** This step is necessary to link new data with the corresponding product in your admin and the following display of this information on the storefront.
{% endhint %}

Create a metafield definition by pressing the **"Add definition"** button in your _Shopify admin -> Settings -> Custom data -> Metafield definitions -> Products_. How to build the metafield definition can be read [<mark style="color:blue;">here</mark>](https://help.shopify.com/en/manual/custom-data/metafields).

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F0qyZIJjsAxjoDNbEAMyD%2Fmetafield%20definition.png?alt=media&#x26;token=b0256f4b-816c-4e0e-a7fe-2d18a1e7b414" alt=""><figcaption></figcaption></figure>

The example of the metafield definition can be viewed below:

* Name - **Item 1**
* Namespace and key - **custom.item\_1**
* Metaobject - **Additional details**
* **One entry**

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F6BjZGcMwaVkhwlcSZzyP%2Fmetafield_add%20definition.png?alt=media&#x26;token=df59df05-84df-4bb6-96b9-7ebb809d6ac8" alt=""><figcaption></figcaption></figure>

If you need to display several metafields with different content per product, add more metafield definitions. We created three metafields to display three content lines on a product page.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FZhJvqVQri9ALmQnKoQRT%2Fmetafield_definitions.png?alt=media&#x26;token=f344b6f9-f28e-4c4a-8d15-5adfe2a81d00" alt=""><figcaption></figcaption></figure>

#### **Step 4**

Link metafields with products in your _Shopify admin -> Products_. Select a metaobject entry for each metafield to show several content lines on the storefront.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FRyD7zpSV0KAasMlkeBDv%2Fmetafield_link%20product.png?alt=media&#x26;token=850891ad-5593-41b4-8f5d-15d5f54ba9f0" alt=""><figcaption></figcaption></figure>

#### **Step 5**

In your _Shopify admin -> Online Store_, press the **"Customize"** button next to the desired theme. Then, go to _Products -> Product information_ in the Theme Editor. In the provided section, hover over the space between blocks, hit the **"Add block"** button, and select the **"Icon with text"** block.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Fsdvf7Z99C6xK7nOopU76%2Fproduct_add%20block.png?alt=media&#x26;token=d98d0912-a86f-491e-9244-6bd03281381c" alt=""><figcaption></figcaption></figure>

Now you can link each metafield with the corresponding content:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FgKbKmsGtYqPcqPBgHUnK%2Fproduct_add%20metaobject%20icon.png?alt=media&#x26;token=690bb328-0856-4028-8f0e-0b51f17795dd" alt=""><figcaption></figcaption></figure>

***

### How to build pages using metaobjects

{% embed url="https://www.youtube.com/watch?v=WsG1rR5A17g" %}

You can certainly use the traditional method of creating new pages using templates, as described on the following [<mark style="color:blue;">help page</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/faq/how-to-create-a-template). However, if you need to create multiple pages of the same category across a store with the same sections and blocks but with unique content per page, you want to do it quickly, efficiently, and in bulk, the Shopify functionality for setting metaobject templates can be extremely useful.

Metaobject templates can be used to create pages with information about vendors, artists, shop locations for finding sales spots of specific products, and more. In our example, we will create three pages featuring information about the artists whose work is showcased in the store.

Let's go through a step-by-step guide on how to use metaobject templates:

#### **Step 1**

First, add a metaobject. In your Shopify admin, go to _Settings -> Custom data -> Metaobject definitions_ and press the **"Add definition"** button.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FAcPa7pva9muumenUwtKN%2Fmetaobject%20definition.png?alt=media&#x26;token=9704eb2d-f7df-4a6c-a6c5-596261dd3f70" alt=""><figcaption></figcaption></figure>

Create a metaobject definition by adding its name and fields. Add as many fields as necessary to display the desired content on the storefront, such as text, images, links, etc.

This example demonstrates a definition with the name "Artists" and four fields:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F9REs07u46R0KOA00ODxI%2Fadmin_metaobject%20template.png?alt=media&#x26;token=379409ba-cf8f-4727-b916-7658968d6f5b" alt=""><figcaption></figcaption></figure>

**First field.** The first field will be formed to display an artist's name. So, it will be set with the following parameters:

* Name - **Artist name**

- [x] **Use this field as display name** (Tick the option to use this field as the name of an entry)

* **Single line text** - **One value**

**Second field.** The next field will be added to display a text paragraph with the main description of the artists:

* Name - **About artist**
* **Multi-line text**

**Third field.** Add a field with the next parameters to display an image:

* Name - **Image**
* **File** - **One file**
* **Accept specific file types - Images**

**Fourth field.** Select the "URL" type to create a field for the link:

* Name - **Link**
* **URL** - **One value**

#### **Step 2**

To store and organize content that will be displayed on the storefront, add metaobject entries. In the Shopify admin, go to _Content -> Metaobjects_ and click on the definition name. Then, click the **"Add entry"** button.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FFosRtGqNVUP0iQcLJZVl%2Fadmin_metaobject%20entry.png?alt=media&#x26;token=decf7f18-2766-43ed-a7b8-520e5c65bf4c" alt=""><figcaption></figcaption></figure>

Create as many entries as needed by editing the provided fields, such as:

* Artist name - artist's name.
* About artist - add some paragraphs.
* Image - add an image.
* Link

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Fb0CFszB4sRB6DGaLpTCJ%2Fadmin_metaobject%20entry%201.0.png?alt=media&#x26;token=512fb92a-1710-4322-ab59-6be9e1d3e74d" alt=""><figcaption></figcaption></figure>

We want to display three pages featuring artists, so we've added three entries, each corresponding to a different artist.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FCTRUESr7MH7qBPLcbUSC%2Fadmin_metaobject%20entry%201.1.png?alt=media&#x26;token=a6224a7a-5014-4077-a91c-5ca10c3ad96b" alt=""><figcaption></figcaption></figure>

#### **Step 3**

1. Add a metaobject template in the Theme Editor using the top selector.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FOwgFMoS0lfJZKllKty5m%2Fmetaobject%20template.png?alt=media&#x26;token=1db72132-ad82-4707-a2ed-70d29d63885c" alt=""><figcaption></figcaption></figure>

2. In the opened popup specify the metaobject definition such as "Artists".
3. Then, edit the provided fields with the corresponding information if necessary:

* Page title
* Meta description
* URL handle

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FnI4oiVNNZhRQoa1a1bac%2Fmetaobject%20template%201.1.png?alt=media&#x26;token=f8c894f8-9720-4bcd-a36b-2c22ab3d2bb7" alt=""><figcaption></figcaption></figure>

4. Next, click the **"Create template"** button.

#### **Step 4**

To navigate to the desired template, select it from the top drop-down menu.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Fai0wAaC5daDw4Sv11Q3Q%2Fmetaobject%20template%201.0.png?alt=media&#x26;token=c7212a50-ce26-49f2-a162-d2ce757c57fc" alt=""><figcaption></figcaption></figure>

Now you can customize the page with the required content by selecting the appropriate section with blocks.

1. Press the **"Add section"** button in the **"Template"** and select a section. The "Media" section will be used as an example.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FBVTRNSyAULyFGcUq0ZMN%2Fmetaobject%20template_add%20section.png?alt=media&#x26;token=f1a1c9ad-00e3-4d2e-8b48-36386b9a0d1c" alt=""><figcaption></figcaption></figure>

2. Specify content in the corresponding fields of the section by hitting the dynamic source icons.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F0orQkHTZ1Pw6m6zWMhPx%2Fmetaobject%20template_edit%20section.png?alt=media&#x26;token=a1e1a7ab-253f-4526-bc53-23447a18d210" alt=""><figcaption></figcaption></figure>

Repeat the same steps to assign content to all the fields, such as heading, description, image, link, and so on.

3. Press the **"Change"** button next to the page title to view other pages. Then, select another page.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FuzOtFUqAfQvNdz3Fn596%2Fmetaobject%20template_edit%20section%201.0.png?alt=media&#x26;token=7df033dd-88f0-40a8-bc8d-4c4c1650868a" alt=""><figcaption></figcaption></figure>

***

### How to place content in sections using the metaobjects

Metaobjects are useful for adding the same content to dynamic sections across different parts of a store, helping you avoid the repetitive task of adding information to each block when using multiple blocks in a section.

Additionally, with metaobjects, you only need to edit the information in the entries once, and it will automatically update in the corresponding sections throughout the store.

Let's take a closer look at how it works.

#### Scenario 1:  Bulk adding content to a section

#### **Step 1 and Step 2**

You can use an existing metaobject or add a new one in your _Shopify admin -> Settings -> Custom data -> Metaobject definitions_ by pressing the **"Add definition"** button.

To create a new metaobject definition with entries, follow the [<mark style="color:blue;">Step 1</mark>](#step-1-1) and [<mark style="color:blue;">Step 2</mark>](#step-2-1) above.

We will use the same metaobject created earlier to display information about artists.

#### **Step 3**

Now, create a metafield to connect metaobjects with theme sections. To handle it, go to _Shopify admin -> Settings -> Custom data -> Metafield definitions._ Here, you can add metafields for any page category, such as Products, Collections, Pages, and so on. Select the page category where you want to display the content.

In our example, we want to represent all artists on an individual page. So, we will build a Page metafield definition.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Ff3Qafgotb9NiRgZuTC0X%2Fmetafield_page%20definition.png?alt=media&#x26;token=a84d9423-1c48-465b-b820-c64018a27150" alt=""><figcaption></figcaption></figure>

Add a metafield definition by pressing the **"Add definition"** button. The example of the metafield definition can be viewed below:

* Name - **Artists**
* Namespace and key - **custom.artists**
* **Metaobject** - **Artists**
* **List of entries** (As we need to display several artists on a page we use the "List of entries" option)

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FzLPE5FyNb0V9yq7faPgB%2Fmetafield_page%20definition%201.0.png?alt=media&#x26;token=50cfa620-963b-42ea-9a93-f30cdf4f6c17" alt=""><figcaption></figcaption></figure>

#### **Step 4**

In this step, you can use a default page or create a new template and assign it to a page.

Variant 1: Create a new template

1. Add a new template in the Theme Editor by pressing the top drop-down menu and selecting the **"Pages"** category or any other relevant category. Then, press the **"Create template"** button.  For more details, refer to the following [<mark style="color:blue;">help page</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/faq/how-to-create-a-template).

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FoOm0WCzjuS2RPAptWuyF%2Feditor_create%20template.png?alt=media&#x26;token=036fd49d-9344-4712-b03e-804103379ed7" alt=""><figcaption></figcaption></figure>

2. Create a new page or use the one you've already created. Navigate to _Shopify admin -> Online Store -> Pages_ and add a new page. How to create pages can be read [<mark style="color:blue;">here</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/faq/how-to-create-webpages).
3. Assign a template to the page.

Variant 2: Use the existing page. Select a page in _Shopify admin -> Online Store -> Pages_.

Then, follow the steps below regardless of the variant used above:

1. On the opened page, press the **"Show all"** button in the "Metafields".

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FWquHZan6mfDmaEgBMFnW%2Fadmin_link%20metafield.png?alt=media&#x26;token=5963fb19-e384-4f4f-87d0-39d7f984e22c" alt=""><figcaption></figcaption></figure>

2. Assign all entries to a metafield.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Ft0fAEasA4kimppdHaj1M%2Fadmin_link%20metafield%201.0.png?alt=media&#x26;token=ea2c66cd-a4ab-4b4b-8dd0-fc64e00f2a5c" alt=""><figcaption></figcaption></figure>

Save the changes.

#### **Step 5**

Link the content with a section:

1. Go to the Theme Editor and select a corresponding page.
2. Then, add a section from the list. In our example, we will use the "Multicolumn" section with the "Column" block.
3. In the "Column" block, press the dynamic source icon to reference a metaobject.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F9bV7Jakl1pC99MEeKdr7%2Feditor_connect%20metafield.png?alt=media&#x26;token=71042812-9750-4e96-9cae-e404bf087a41" alt=""><figcaption></figcaption></figure>

&#x20;All the metaobject entries should be added at once.

<mark style="color:orange;">**Note!**</mark> Shopify needs some time to update the information or several refreshes.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F6TKl599OBvUHyXlBoxBa%2Feditor_connect%20metafield%201.0.png?alt=media&#x26;token=96b77547-c205-46d4-96ba-0f0b3ac6336d" alt=""><figcaption></figcaption></figure>

#### Scenario 2:  Display unique information on a specific page of the same category

Another scenario is when you need to place unique content per page. For instance, you may want to feature information about artists, vendors, or store locations on pages within the same category, with content that dynamically changes based on the relevant page. This can also be accomplished using metaobjects.

This example demonstrates how to showcase artists on collection pages where their products are featured. For this, we utilize the same metaobject that was used before.

#### Step 1 and Step 2

We'll skip [<mark style="color:blue;">Step 1</mark>](#step-1-1) and [<mark style="color:blue;">Step 2</mark>](#step-2-1) since you can refer to the above to learn how to build a metaobject. Instead, we'll move on to the next step: creating a metafield.

#### Step 3

Since the goal is to display artists on specific collection pages, we'll create a metafield associated with the collections. To do this, go to _Shopify admin -> Settings -> Custom data -> Metafield definitions_, and select **"Collections"**. If you need to display content on another page category, create a metafield for the corresponding page by selecting it in the list. Then, follow the guidance described below.

Press the **"Add definition"** button. The example of the metafield definition can be viewed below:

* Name - Artist
* Namespace and key - **custom.artist**
* **Metaobject** - **Artists**
* **One entry** (As the only artist will be linked to a metafield on the specific collection page)

Save the settings.

#### Step 4

Link a metafield with a page, such as collections, by going to the _Shopify admin -> Products -> Collections_. In this step, you can assign the exact content you need to showcase on a specific collection using the metaobject entries.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FHuctiJENe4bIv4aVgytk%2Fadmin_metafield.png?alt=media&#x26;token=83622c39-cade-4e14-ae60-0dbb2da1c7df" alt=""><figcaption></figcaption></figure>

#### Step 5

Once you have completed all the necessary settings in the admin, proceed to the Theme Editor and associate the content with a section. In the Theme Editor, select a page (for example, **"Collections"**) and add a section. Then, connect content by pressing the dynamic source icon next to each field.

In this example, we used the "Media" section.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F6DV9kgYllx6pjcH62XMA%2Feditor_connect%20metafield%201.1.png?alt=media&#x26;token=80fd11a0-cf2e-4043-98d2-d1771393af39" alt=""><figcaption></figcaption></figure>
