1. NavigateIn this tutorial, a product video is displayed on the product page of the Shopify store. To start, we’ll navigate to the Metafield Master application, and in Product look for the product to add metafield for. In this example, a test product is selected to display the product video on it.2. Create MetafieldNow click on the product. Users can create a metafield for the product as well as for its variants. Place the embed video code in the string field.3. Metafield ReviewCreated Metafield will look similar to this:4. Copying MetafieldNow copy the metafield code of the metafield that has been created.5. Adding Metafield in the theme codingNow navigate to the “Online Store” menu and look for the edit code option under the ‘Action’ dropdown option.Now under the ‘product.liquid’ or ‘product-template.liquid’ file of the Shopify store theme, place the code where ever it requires the metafield to be displayed. In this example, the code is placed above the product description. Save the file.6. Preview on storeNow in the theme preview. The video is displayed above the product description.And now you can customize the look and feel of the video according to your theme style using custom CSS.

1. NavigateIn this tutorial, a banner is displayed on the collections page of the Shopify store. To start, navigate to the Master Metafield application, and in Collection look for the collection to add metafield for. In this example, a collection is chosen to display the banner on it.2. Create MetafieldNow, click on the collection and create the metafield by adding up the details.3. Metafield ReviewCreated Metafield will look similar to this:4. Copying MetafieldNow copy the metafield code of the metafield that has been created.5. Adding Metafield in the theme codingNow navigate to the “Online Store” menu and look for the edit code option under the ‘Action’ dropdown option.Now under the ‘collection.liquid’ or ‘collection-template.liquid’ file of the Shopify store theme, place the code where ever the metafield needs to be displayed. In this example, the code is placed above the product description. Save the file.6. Preview on storeNow in the preview theme. The banner is displayed above the collection header.And now user customize the look and feel of the banner according to theme style using custom CSS.

1. NavigateIn this tutorial customer’s associate name is displayed on the collections page of the Shopify store. To start, navigate to the Master Metafield application, and in Customer look for the customer to add metafield for. In this example, a customer is chosen to display its associate on it.2. Create MetafieldNow click on the customer and create the metafield by adding up the details.3. Metafield ReviewCreated Metafield will look similar to this. Here the value is displayed in HTML format because the metafield type is Rich Text.4. Copying MetafieldNow copy the metafield code of the metafield that has been created.5. Adding Metafield in the theme codingNow navigate to the “Online Store” menu and look for the edit code option under the ‘Action’ dropdown option.Now under the ‘customer/account.liquid’ file of the Shopify store theme, Place the code where ever the metafield is meant to be displayed. In this example, the code is placed below the log-out button. Save the file.6. Preview on storeNow, in theme preview. The metafield is displayed below the logout button.And now user can customize the look and feel of the Metafield according to your theme style using custom CSS.

1. NavigateIn this tutorial, Order Type is displayed on the specific orders of customer in the store. To start, navigate to the Metafields Master application, and in order look for the specific order to add metafield. In this example, an Order Type is displayed on the order.2. Create MetafieldNow click on the order and create the metafield by adding up the details.3. Metafield ReviewCreated Metafield will look similar to this:4. Copying MetafieldNow, copy the metafield code of the metafield that has been created.5. Adding Metafield in the theme codingNow, navigate to the “Online Store” menu and look for the edit code option under the ‘Action’ dropdown option.Now under the ‘customer/order.liquid’ file of the Shopify store theme, place the code where ever the metafield requires it to be displayed. In this example, the code is placed below the order number. Save the file.6. Preview on storeNow in the theme preview. The displayed information is below the order #number.And now you can customize the look and feel of the Displayed Information according to your theme style using custom CSS.

1. NavigateIn this tutorial, Terms & Conditions are displayed on the Contact US page of the Shopify store. To start, navigate to the Master Metafields application and in Page look for the page to add metafield for. In this example, a page is chosen to display terms & conditions on it.2. Create MetafieldNow click on the Page and create the metafield by adding up the details.3. Metafield ReviewCreated Metafield will look similar to this:4. Copying MetafieldNow copy the metafield code of the metafield that has been created.5. Adding Metafield in the theme codingNow, navigate to the “Online Store” menu and look for the edit code option under the ‘Action’ dropdown option.Under the ‘page.contact.liquid’ file of the Shopify theme, place the code where ever it requires the metafield to be displayed. In this example, the code is placed in the form of content. Save the file.6. Preview on storeNow in theme preview. Terms and Conditions are displayed below the form.And now you can customize the look and feel of the Terms & Conditions according to your theme style using custom CSS.

1. NavigateIn this tutorial, a global promotions bar like "Free Shipping for sales over $200!" is added to the top of the Shopify store.2. Create MetafieldTo start, navigate to the Metafields Master application, and in Shop create a metafield.3. Metafield ReviewCreated Metafield will look similar to this:4. Copying MetafieldNow copy the metafield code of the metafield that has been created.5. Adding Metafield in the theme codingNow navigate to Shopify's “Online Store” menu and look for the edit code option under the ‘Action’ dropdown option.Now under the ‘product.liquid’ or ‘product-template.liquid’ file of the Shopify store theme, place the code where ever it requires the metafield to be displayed. In this example, the code is placed above the product description. Save the file.6. Preview on storeNow, when we preview our theme. We’ll view the Metafield displayed at the top of the page.And now you can customize the look and feel of the promotional bar according to theme style using custom CSS. 

1. NavigateIn this tutorial, a Next Article button will be displayed on the Article page of the Shopify store. To start, navigate to Metafields Master application, and in Blog look for the article to add metafield for.Take an article to display the Next Article button on it.2. Create MetafieldNow here, select an article and create a metafield by placing a next article URL in the field.3. Metafield ReviewCreated Metafield will look similar to this:4. Copying MetafieldNow copy the metafield code of the metafield that has been created.5. Adding Metafield in the theme codingNow, navigate to the “Online Store” menu and look for the edit code option under the ‘Action’ dropdown option.Now under the ‘article.liquid’ or ‘article-template.liquid’ file of the theme, Place the code along with the button code, where the button requires to be displayed. In this example, the code is placed below the article content. Save the file.6. Preview on storeNow in the theme preview. The video is displayed above the product description.And now you can customize the look and feel of the video according to the theme style using custom CSS.