Tab Custom HTML with metafield

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:

Actually, you guys can configure with video:

1.2. Add Metafield Tab Custom HTML – Tab Content

You need to configure some options below:

Actually, you guys can configure the following video:

1.3. Add Metafield Tab Custom HTML – Page

You need to configure some options below:

Actually, you guys can configure the following video:

Note: You need to create the page and add HTML like the video.