How to add Metafield to Shopify Products with PageFly

About Shopify Product Metafield ElementClick to copy

Shopify Product Metafield element allows you to display metafield information of your Shopify products on any page, increasing your conversion rate. You can use this element to promote products on non-product pages or on a product page itself.

You can watch our video tutorial to explore more about Product Metafield element in PageFly:

How Can I Access Shopify Product MetafieldClick to copy

From PageFly EditorClick to copy

  • Step 1: In the PageFly editor, click on Add Shopify element.
  • Step 2: Click on the Product Metafield element in the dropdown menu
  • Step 3: Drag and drop the element into the page editor and then start using it.

Note that you can search for this element by using the search function instead of finding it in the sidebar.

From Shopify AdminClick to copy

You need to access Metafield on Shopify to set up and add a definition for it. To access Metafield, go to Settings > Metafields.

There are 8 types of Metafield.

Note that PageFly only supports the Product Definition and Variant Definition.

After accessing the Metafield area, click on Add definition to add a new definition for the Product metafield.

In Add product metafield definition, there are three boxes that need to be filled: Name, Description, Select content type.

The Namespace and key will automatically take the text on the Name box.

How To Create Shopify Product MetafieldClick to copy

There are 11 content types that PageFly supports at the moment.

Date and time
True or false

Once you’ve set up the metafield definitions, go to the Products area > All products > select a product > scroll down to the Metafields section, and fill in the value for the metafield.

How To Configure Product Metafield ElementClick to copy

General ConfigurationClick to copy

When you drag and drop the Product Metafield element into the non-product-details area, there are 2 choices of the Product Source option for you to choose from:

  • Auto
  • Custom Product

If you drag the Product Metafield element into the Product details area, the Product Source will automatically take the information from the Product details that contain it.

You can select metafield for the product in Metafield Name.

The Show Label parameter is to show and hide the metafield name.

When you enable this parameter, the Label Position will show up right below it. You can set for the label to appear on the left or on top of Product Metafield.

You can change the metafield name by clicking on it > go to General tab > Scroll down to Content > in Label text > Change the text of the metafield.

Styling ConfigurationClick to copy

You can check more information about the PageFly Element Styling

How To Configure Metafield Value ElementClick to copy

With Metafield value, depending on the type you choose, there are some parameters can be adjust by click in the Metafield value:

True or false:

Adjust “True value” and “False value” content

Reference: Link or unlink to the page has been set up in Shopifyproduct metafield pagefly
Date: there are 5 types of date format for you to choose

With File, Rating, Number, Measurement, Delivery, JSON type there are no parameters for these types of Metafield value.

You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here.

Common CasesClick to copy

1. Highlighting Product FeaturesClick to copy

Use metafields to highlight specific features or benefits of your products. Create metafields for “Key Features,” “Benefits,” or “Unique Selling Points” to make them more prominent on product pages or collection pages.

2. Providing Additional Product InformationClick to copy

Metafields can be used to provide additional product information that doesn’t fit neatly into standard product fields. For example, you could create metafields for “Care Instructions”, “Sizing Guide”, or “Product Certifications”.

Tips And Best PracticesClick to copy

1. Use Descriptive NamesClick to copy

Choose descriptive and intuitive names for your metafields to make it clear what information they contain. This will make it easier to manage and use them in the future.

2. Use Metafields StrategicallyClick to copy

While metafields are powerful, avoid overwhelming your product pages with too much information. Use metafields strategically to highlight the most important and relevant information for your customers.

3. Leverage Global StylesClick to copy

Use PageFly’s Global Styles feature to ensure consistent styling for your metafield elements across your entire site. This will save time and maintain a cohesive design.

Frequently Asked QuestionsClick to copy

What Is Shopify Product Metafield?Click to copy

Shopify Product Metafields allow sellers to add functionality and appearance to their Shopify store by saving featured information that isn’t usually captured in the standard Shopify admin dashboard.

Can I Bulk Edit Metafields Shopify?Click to copy

Yes, sellers can edit metafields in bulk for products, variants, and collections.

How Many Metafields Are There In Shopify?Click to copy

There are typically 11 popular content types for metafields, with up to 200 types available for each resource type.

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us