# Dynamic content with metafields

**Metafields** and **Dynamic sources** are Shopify features that allow you to store and display unique content for products, collections, blogs, and pages. These features are perfect for displaying specific product information — such as size guides or part numbers — for different products that use the same template.

This guide provides a general overview of using metafields and dynamic sources in our themes. Follow the links below for instructions for using dynamic sources for specific theme features.

* [Accordion blocks](https://help.fluorescent.co/context/product-pages/product-page-blocks/accordion-block)
* [Information popup](https://help.fluorescent.co/context/product-pages/product-page-blocks/information-popup#use-metafields-to-display-unique-product-guides) (Size guide)
* [Complementary products](https://help.fluorescent.co/context/product-pages/product-page-sections/complementary-products)
* [Stock level indicator](https://help.fluorescent.co/context/product-pages/product-page-blocks/stock-level-indicator#use-dynamic-sources-for-multiple-products)

### Watch video tutorials

Watch the step-by-step tutorials for the Metafields. The first video provides a general introduction, and the second video shows you how to use metafields for unique size guides and complementary products.

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

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

## Overview

{% hint style="success" %} <mark style="color:green;">**Shopify**</mark> | Metafields and dynamic sources are a Shopify feature. Our themes use these features but they are controlled by Shopify. For a full overview, see [Shopify's metafields guide](https://help.shopify.com/en/manual/metafields).
{% endhint %}

If you want to display specific content for different products, you can use Shopify's **metafields** and **dynamic sources**. These features allow you to store and automatically display unique content for different products.

* **Metafields** are extra data fields in your Shopify admin that can store additional information and content for products, collections, blogs, and pages.
* **Dynamic sources** are what connect metafields to templates and sections. When added to the theme editor, they automatically display metafield content for specific products and pages that use the same template.

## General steps

Follow the steps below to add metafields to store unique text for different products.

Then, use **Dynamic sources** to connect metafields to specific settings in your theme editor. Your theme will automatically use the content entered in the metafield for the product that's currently being viewed.

### 1. Create metafields for products

Shopify's **Metafields** lets you store additional information about your products. You can create custom fields to hold different types of information in your Shopify admin, and enter unique content for each of your products.

The steps below tell you how to add a metafield with links to Shopify's guides for different metafield types.

<details>

<summary><mark style="color:blue;">STEPS</mark></summary>

In your **Shopify admin**:

1. Go to **Settings > Custom data**.
2. Click the **Products** tab.
3. Click the **Add definition** button in the top-right.
4. Enter a **Name** that describes what information the metafield will contain.
5. Click **(+) Select type** and choose what type of metafield you want to use.

   > See Shopify's list of [Metafield content types and values](https://help.shopify.com/en/manual/custom-data/metafields/metafield-definitions/metafield-types)
6. Click **Save**.

</details>

### 2. Add content to metafields

Once you've created **Metafields** for your products in the Shopify admin, you can now add content to those fields for your products in the Shopify admin.

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your **Shopify admin**:

1. Go to your **Product inventory** in your Shopify admin and open one of your **Products**.
2. Scroll down to the **Metafields** section and enter update the metafields that you created.
3. Click **Save**.

</details>

### 3. Insert metafields as dynamic sources

Now that the **Metafields** of your products have content, you can go to the theme editor to insert a **Dynamic source**.

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your theme editor (**Customize**):

1. Click on a block or section to open the settings.
2. Click an **Insert dynamic source** button next to a field or setting.
3. Select the **Metafield** that you created.
4. You can now preview your store to confirm the correct content or settings appears when viewing different products.
5. Click **Save**.

</details>

<br>

***

> **Related links**\
> [Edit default theme content](https://help.fluorescent.co/context/general/adapting-your-theme/edit-default-theme-content)\
> [Multiple languages](https://help.fluorescent.co/context/general/adapting-your-theme/multiple-languages)\
> [Unique content for markets](https://help.fluorescent.co/context/general/adapting-your-theme/unique-content-for-markets)
