How to show product metafield on a Label?
Hello from Fordeer!
Product metafields in Shopify allow merchants to add special categories to their product pages, displaying additional information not included by default in the Shopify admin.
After a month of hard work and development, we're excited to introduce a new feature to Product Labels: the ability to show product metafields on the label.
In this article, we'll guide you through setting up labels to display product metafields as you want.
Product metafields can only be used for text labels and do not apply to All products selection.
This feature is available for Advanced users.
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_18bhmon.png)
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1nkgasp.png)
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1xj4kcb.png)
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1lnmeoe.png)
The {{ key }} will be automatically added to your label text content
The key is sourced from your product’s metafield definition.
From your Shopify admin, go to Settings > Custom Data
In the Metafields section, click Product Metafields
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1nakeew.png)
Find and click on the product metafield you want to display on the label
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_201iqf.png)
Copy the portion of the key that appears after the dot
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/label3152_psawiq.png)
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_kly5rk.png)
After that, please check your storefront to ensure the label displays correctly.
Our app will only show the value of the metafield on the label.
For example, if a product has a metafield with the value Dimension: 20% and you follow all the setup steps mentioned above, the label will display as shown in the attached images.
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1ykdifh.png)
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_8dmg4w.png)
To display the name of the metafield, add the label content text as "metafield name: {{ key }}".
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1p2636.png)
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1d08mk5.png)
If you encounter any issues or have questions during the setup process, feel free to reach out to us via our app's live chat or email us at support@fordeercommerce.io.
We value your feedback as it helps us to improve and support your experience.
👉 Chat with us: Click here to share your thoughts and feedback directly.
👉 Install our apps: Get more Fordeer apps.
👉 Join us: Join Fordeer Commerce Community for fresh app updates, expert tips, and special deals.
We are always listening and eager to assist you!
Talk soon!
Product metafields in Shopify allow merchants to add special categories to their product pages, displaying additional information not included by default in the Shopify admin.
After a month of hard work and development, we're excited to introduce a new feature to Product Labels: the ability to show product metafields on the label.
In this article, we'll guide you through setting up labels to display product metafields as you want.
Product metafields can only be used for text labels and do not apply to All products selection.
This feature is available for Advanced users.
Steps to Display Product Metafield on a Label
Step 1. Go to Label Settings
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_18bhmon.png)
Step 2. Select Label Type > Text Label
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1nkgasp.png)
Step 3. Enter the content you want to show on the label in Label Content or use our default content
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1xj4kcb.png)
Step 4. Toggle the Use Product Metafields button to enable the feature
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1lnmeoe.png)
The {{ key }} will be automatically added to your label text content
What is {{ key }}?
The key is sourced from your product’s metafield definition.
How to Find {{ key }} ?
From your Shopify admin, go to Settings > Custom Data
In the Metafields section, click Product Metafields
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1nakeew.png)
Find and click on the product metafield you want to display on the label
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_201iqf.png)
Copy the portion of the key that appears after the dot
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/label3152_psawiq.png)
Step 5. Replace the key text in {{ key }} with the copied key
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_kly5rk.png)
Step 6. Click Save
After that, please check your storefront to ensure the label displays correctly.
Our app will only show the value of the metafield on the label.
For example, if a product has a metafield with the value Dimension: 20% and you follow all the setup steps mentioned above, the label will display as shown in the attached images.
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1ykdifh.png)
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_8dmg4w.png)
To display the name of the metafield, add the label content text as "metafield name: {{ key }}".
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1p2636.png)
![](https://storage.crisp.chat/users/helpdesk/website/190039ccb2373600/image_1d08mk5.png)
If you encounter any issues or have questions during the setup process, feel free to reach out to us via our app's live chat or email us at support@fordeercommerce.io.
We value your feedback as it helps us to improve and support your experience.
👉 Chat with us: Click here to share your thoughts and feedback directly.
👉 Install our apps: Get more Fordeer apps.
👉 Join us: Join Fordeer Commerce Community for fresh app updates, expert tips, and special deals.
We are always listening and eager to assist you!
Talk soon!
Updated on: 26/06/2024
Thank you!