Metafields Management Tool User Guide

In order to help merchants independently expand fields and flexibly customize product detail pages, SHOPLINE has launched Metafields Management Tool, which can fulfill personalized functional requirements through simple code customization, greatly improve the flexibility, expandability and customizability of store design, and effectively reduce the cost of store customization for merchants.

 

1. Function introduction

2. Operation steps

2.1 Enter the entrance

2.2 Create a new field

2.3 Add fields to specific items

3. Display case after adding multiple single lines of text

 

1. Function introduction

The Metafields management tool supports merchants to create specific extension fields for products and other sections and display them on the product details page. Multiple single-line texts can be added (currently only single-line texts are supported, and more fields will be gradually opened to meet the store decoration needs of the majority of merchants) , summarizing the precautions and showing more details for customers, which can help us gain more goodwill and trust from customers. First of all, we need to determine the content displayed on the product details page, such as the introduction of product materials, installation instructions, washing instructions, return policy, etc., and then start to set in the Metafields management tool.

 

2. Operation steps

2.1 Enter the entrance

Go to SHOPLINE [App] > [App Store] > [Metafields Management Tool]. Click "Use Now" and "Authorize and Install".
Screenshot_2022-04-13_at_6.13.08_PM.png

2.2 Create a new field

(1) After entering the Metafields management tool, click Field Definition and create a field definition.
Screenshot_2022-04-13_at_6.14.18_PM.png
(2) New product field definition, currently only supports single-line text field.
Screenshot_2022-04-13_at_6.19.47_PM.png
Example of new fields:
Screenshot_2022-04-13_at_6.29.12_PM.png
  • Field name (required): Name the field yourself, and the field name will be displayed in the store background, so that you can distinguish the fields you created yourself.

Screenshot_2022-04-13_at_6.30.00_PM.png

Where the field name is displayed↑

  • Namespace (Namespace: required), key (Key: required): Namespace and key together create a unique identifier for Metafields, and then add something to occupy in the source code editor, unique and non-repeatable, otherwise it will not be will take effect

Screenshot_2022-04-13_at_6.35.43_PM.png

Namespace, key display place↑

  • Description (Description: optional): help you describe the field, the description can be viewed in the resource list

Screenshot_2022-04-13_at_6.41.13_PM.png

Description display ↑

2.3 Add fields to specific items

(1) Switch to the resource list in the Metafields management tool and click Check.

Screenshot_2022-04-13_at_6.48.41_PM.png

(2) Search for the product to be added, and click the Edit button to edit the text to be added.

Screenshot_2022-04-13_at_6.50.18_PM.png

(3) As shown in the figure, add the single line of text that needs to be added in the text box and save it.

Screenshot_2022-04-13_at_6.51.57_PM.png

(4) After saving, return to the field definition, and copy the code shaded in blue in the figure below to the specific location that needs to be displayed in the source code editor (currently only business detail pages are supported).

Screenshot_2022-04-13_at_6.52.59_PM.png

(5) Check the effect: go back to Metafields management tool >> resource list >> click to view >> search for the product and click the small eye icon to view it.

Screenshot_2022-04-13_at_6.56.29_PM.pngScreenshot_2022-04-13_at_6.58.00_PM.pngimage__9____12.pngThe actual effect of a single line of text is displayed ↑

3. Display case after adding multiple single lines of text

Multiple single lines of text have been added to the product details page of the display case, introducing product ingredients, washing instructions, promotions, return policy, etc., click to view the display case: https://apolos.myshopline.com/products/winter

nCUZ5pGBcytXidX_vQpxrg.png

 

 

Have more questions? Submit a request

Comments