• String

This is a standard input field. It is useful to enter some lines of content, where you do not want any formatting (such as HTML links, images...). This can be used for instance for short product features

To set up the text field in Metafields Master, follow these steps below:

  1. Go to the app dashboard
  2. Select the resource where you want to display the additional information in your storefront.
  3. For instance, click on the product to display the additional information on the product page.
  4. Select the product on which you want to display the additional information using the metafields.
  5. You’ll be taken to the app dashboard. Simply click on the Create New button
  6. Fill in the following details:
    1. Namespace: Category of the metafield
    2. Key: Name of the metafield
    3. Description: Brief about the metafield you’re creating
    4. Type: Select the type of metafield as a String
    5. Add value to the textarea to display in your storefront.
    6. Click on Save & view the product in your storefront on which you’ve created the metafields.


  • Integer

This field allows to restrict to a single number. Please note that fractional values (such as 12.34) are not allowed for this type. Only integers.

To set up the number field in Metafields Master, follow these steps below:

  1. Go to theapp dashboard
  2. Select the resource where you want to display the additional information in your storefront.
  3. For instance, click on product to display the additional information on the product page.
  4. Select the product on which you want to display the additional information using the metafields.
  5. You’ll be taken to the app dashboard. Simply click on the Create New button
  6. Fill in the following details:
    1. Namespace : Category of the metafield
    2. Key : Name of the metafield
    3. Description : Brief about the metafield you’re creating
    4. Type : Select the type of metafield as Integer
    5. Add a whole number as a value in the Integrer Textbox to display in your storefront.
    6. Click on Save & view the product in your storefront on which you’ve created the metafields.


  • Rich Text

Rich text is more exciting than plain text. It supports text formatting, such as bold, italics, and underlining, as well as different fonts, font sizes, and colored text. Rich text documents can also include page formatting options, such as custom page margins, line spacing, and tab widths

This is similar to the multi-lines text, except that here, the merchant can format the text, add images, videos...

Here’s how you add an HTML piece of code using Metafields Master app:

  1. Go to theapp dashboard
  2. Select the resource where you want to display the additional information in your storefront.
  3. For instance, click on product to display the additional information on the product page.
  4. Select the product on which you want to display the additional information using the metafields.
  5. You’ll be taken to the app dashboard. Simply click on the Create New button
  6. Fill in the following details:
    1. Namespace : Category of the metafield
    2. Key : Name of the metafield
    3. Description : Brief about the metafield you’re creating
    4. Type : Select the type of metafield as Rich Text
    5. Add HTML content in the rich textarea to display in your storefront.
    6. Click on Save & view the product in your storefront on which you’ve created the metafields.


  • Image

An image is an artifact that depicts visual perception, for example, a photo or a two-dimensional picture, that has a similar appearance to some subject—usually a physical object or a person, thus providing a depiction of it. In context of image signal processing, an image is a distributed amplitude of color(s).

Now users can directly upload an image in this field and can use it as an metafield in their Shopify store.

Here’s how you utilize single-images upload metafields in your store:

  1. Go to theapp dashboard
  2. Select the resource where you want to display the additional information in your storefront.
  3. For instance, click on product to display the additional information on the product page.
  4. Select the product on which you want to display the additional information using the metafields.
  5. You’ll be taken to the app dashboard. Simply click on the Create New button
  6. Fill in the following details:
    1. Namespace : Category of the metafield
    2. Key : Name of the metafield
    3. Description : Brief about the metafield you’re creating
    4. Type : Select the type of metafield as images
    5. As soon as you select the metafield type as images, you’ll be asked to upload the images. You can upload only 1 image upto 5MB using one images metafield.
    6. Click on Save & view the product in your storefront on which you’ve created the metafields.


  • Multiple Images

User can upload a maximum of 10 images in this Metafield type.

And maximum size per image upload is 5mb.

Here’s how you utilize multiple-images upload metafields in your store:

  1. Go to theapp dashboard
  2. Select the resource where you want to display the additional information in your storefront.
  3. For instance, click on product to display the additional information on the product page.
  4. Select the product on which you want to display the additional information using the metafields.
  5. You’ll be taken to the app dashboard. Simply click on the Create New button
  6. Fill in the following details:
    1. Namespace : Category of the metafield
    2. Key : Name of the metafield
    3. Description : Brief about the metafield you’re creating
    4. Type : Select the type of metafield as Multiple images
    5. Add value in the textarea to display in your storefront.As soon as you select the metafield type as Multiple images, you’ll be asked to upload the images. You can upload 10 images using one Multiple images metafield.
    6. Click on Save & view the product in your storefront on which you’ve created the metafields.


  • File

A collection of data or information that has a name, called the filename. User can directly upload a file in this field type and use it as their preference as an metafield.

Here’s how you utilize File upload metafields in your store:

  1. Go to theapp dashboard
  2. Select the resource where you want to display the additional information in your storefront.
  3. For instance, click on product to display the additional information on the product page.
  4. Select the product on which you want to display the additional information using the metafields.
  5. You’ll be taken to the app dashboard. Simply click on the Create New button
  6. Fill in the following details:
    1. Namespace : Category of the metafield
    2. Key : Name of the metafield
    3. Description : Brief about the metafield you’re creating
    4. Type : Select the type of metafield as File
    5. As soon as you select the metafield type as File, you’ll be asked to upload the files. You can upload any file type having size upto 5MB.
    6. Click on Save & utilize this feature as & when needed.

  • Email

This field allows to restrict the field to an email. Please note that in order to be valid, the merchant will need to enter an email address. If you do not want such strict validation, you can use the one-line text instead.

Here’s how you display a URL in your storefront using Metafields Master app:

  1. Go to theapp dashboard
  2. Select the resource where you want to display the additional information in your storefront.
  3. For instance, click on product to display the additional information on the product page.
  4. Select the product on which you want to display the additional information using the metafields.
  5. You’ll be taken to the app dashboard. Simply click on the Create New button
  6. Fill in the following details:
    1. Namespace : Category of the metafield
    2. Key : Name of the metafield
    3. Description : Brief about the metafield you’re creating
    4. Type : Select the type of metafield as Email
    5. Enter the email address you want to display in your storefront [Must be a valid email address]
    6. Click on Save & view the product in your storefront on which you’ve created the metafields.

  • URL

This field allows to restrict the field to a valid URL. Please note that in order to be valid, the merchant will need to enter a URL scheme (http or https). If you do not want such strict validation, you can use the one-line text instead.

Here’s how you display a URL in your storefront using Metafields Master app:

  1. Go to theapp dashboard
  2. Select the resource where you want to display the additional information in your storefront.
  3. For instance, click on product to display the additional information on the product page.
  4. Select the product on which you want to display the additional information using the metafields.
  5. You’ll be taken to the app dashboard. Simply click on the Create New button
  6. Fill in the following details:
    1. Namespace : Category of the metafield
    2. Key : Name of the metafield
    3. Description : Brief about the metafield you’re creating
    4. Type : Select the type of metafield as Url
    5. Enter the url you want to display in your storefront [Must be an absolute URL]
    6. Click on Save & view the product in your storefront on which you’ve created the metafields.

  • Phone

This field allows to restrict the field to a valid Phone Number. Please note that in order to be valid, the merchant will need to enter a Phone number scheme. If you do not want such strict validation, you can use the one-line text instead.

Here’s how you display a phone number in your storefront using Metafields Master app:

  1. Go to theapp dashboard
  2. Select the resource where you want to display the additional information in your storefront.
  3. For instance, click on product to display the additional information on the product page.
  4. Select the product on which you want to display the additional information using the metafields.
  5. You’ll be taken to the app dashboard. Simply click on the Create New button
  6. Fill in the following details:
    1. Namespace : Category of the metafield
    2. Key : Name of the metafield
    3. Description : Brief about the metafield you’re creating
    4. Type : Select the type of metafield as Phone
    5. You’ll be given an option to choose a country from the dropdown list. As soon as you select a country, the textbox gets populated with the placeholder that indicates the format to be followed while you enter the phone number. Enter the phone number that you want to display in your storefront.
    6. Click on Save & view the product in your storefront on which you’ve created the metafields.

  • Color Picker

Color Picker gives you the ability to pick accurate colors for your jobs, and give you the exact color number.

This field allows to display a color picker selector, similar to the one found in Shopify theme editor.

Here’s how you display a color picker in your storefront using Metafields Master app:

  1. Go to theapp dashboard
  2. Select the resource where you want to display the additional information in your storefront.
  3. For instance, click on product to display the additional information on the product page.
  4. Select the product on which you want to display the additional information using the metafields.
  5. You’ll be taken to the app dashboard. Simply click on the Create New button
  6. Fill in the following details:
    1. Namespace : Category of the metafield
    2. Key : Name of the metafield
    3. Description : Brief about the metafield you’re creating
    4. Type : Select the type of metafield as Date Picker
    5. Select the date from the Color Picker
    6. Click on Save & view the product in your storefront on which you’ve created the metafields.

  • Date Picker

This field displays a date picker. Internally, Metafields Master will transform the chosen date to a value that can be later on formatted in Liquid using the date filter.

Here’s how you display a date in your storefront using Metafields Master app:

  1. Go to theapp dashboard
  2. Select the resource where you want to display the additional information in your storefront.
  3. For instance, click on product to display the additional information on the product page.
  4. Select the product on which you want to display the additional information using the metafields.
  5. You’ll be taken to the app dashboard. Simply click on the Create New button
  6. Fill in the following details:
    1. Namespace : Category of the metafield
    2. Key : Name of the metafield
    3. Description : Brief about the metafield you’re creating
    4. Type : Select the type of metafield as Date Picker
    5. Select the date from the Date Picker & also select the format from Format Options to display the date in your storefront.
    6. Click on Save & view the product in your storefront on which you’ve created the metafields.