---
title: Setting up metafield for page banner
description: "Setting up a **metafield for [page banner](https://avon-demo.myshopify.com/collections/daily-wellness?_ab=0&_fd=0&_sc=1&preview_theme_id=120219172931) in Shopify** is a powerful way to create dynamic and visually appealing pages. Instead of using the same banner across all pages, metafields allow you to assign unique images to each page and…"
url: "https://www.adornthemes.com/knowledge-base/create-metafield-for-page-banner/"
updated: "2026-04-29"
category: Page Setup
---

# Setting up metafield for page banner

Setting up a **metafield for [page banner](https://avon-demo.myshopify.com/collections/daily-wellness?_ab=0&_fd=0&_sc=1&preview_theme_id=120219172931) in Shopify** is a powerful way to create dynamic and visually appealing pages. Instead of using the same banner across all pages, metafields allow you to assign unique images to each page and display them automatically. With Shopify Online Store 2.0, you can easily connect metafields to theme sections and customize your store [design](https://adornthemes.com/avone/) without any coding.

### Set banner image

```
Go to store admin > Settings > Metafields & Metaobjects > Pages > Add definition
```

Follow the steps given below to set metafields for image to each page.

![Metafield for Page Banner in Shopify](https://adornthemes.com/wp-content/uploads/2024/03/page-banner-image-metafield.webp)

If you would like to use different image for mobile site then create new metafield same as above steps.

Now go to page in store admin and scroll down to metafields section to add image.

![page-banner-add-image](https://adornthemes.com/wp-content/uploads/2024/03/page-banner-add-image.webp)

Now go to theme customize > open related page > select page banner section and select metafield using dynamic source button.

### Short description

```
Go to store admin > Settings > Metafields & Metaobjects > Pages > Add definition
```

Follow the steps given below to set metafields for image to each page.

![page-banner-description-metafield](https://adornthemes.com/wp-content/uploads/2024/03/page-banner-description-metafield.webp)

Now go to page in store admin and scroll down to metafields section to add text in short description field.

Now go to theme customize > open related page > select page banner section and select metafield using dynamic source button.