1. Configure Metafield in Shopify Dashboard
In Shopify backend, go to Settings > Custom data option to create a Metafield definition.
Choose Products option and then click the Add definition button to add Metafield definition.
1.1. Add Metafield Custom Tab – Heading
Only config Custom Tab - Heading if the tab title is specific for each product. If the tab has the same title for all products, you don't need to create it.
You need to configure some options below:
Name: You can add the name that you wanna show for the Metafield Custom Tab – Title here.
Namespace and key: You can add any keyword here.
Description: This is not a required option, so you can choose to add a Description or not.
Select Content Type: This is a required option, if you do not choose the content type is Single Line Text here, the Metafield Custom Tab cannot work correctly.
Actually, you guys can configure with video:
1.2. Add Metafield Tab Custom HTML – Tab Content
You need to configure some options below:
Name: You can add the name that you wanna show for the Metafield Tab Custom HTML – Tab Content here.
Namespace and key: You can add any keyword here.
Description: This is not a required option, so you can choose to add a Description or not.
Select Content Type: This is a required option, if you do not choose the content type is Single Line Text here, the Metafield Tab Custom HTML cannot work correctly.
Actually, you guys can configure the following video:
1.3. Add Metafield Tab Custom HTML – Page
You need to configure some options below:
Name: You can add the name that you wanna show for the Metafield Tab Custom HTML – Page here.
Namespace and key: You can add any keyword here.
Description: This is not a required option, so you can choose to add a Description or not.
Select Content Type: This is a required option, if you do not choose the content type is Reference > Page here, the Metafield Tab Custom HTML cannot work correctly.
Actually, you guys can configure the following video:
Note: You need to create the page and add HTML like the video.
