Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Tab Custom HTML with metafield

Mie Tran

Written by Mie Tran

Last updated

1382 views

On this page


1. Configure Metafield in Shopify Dashboard

In Shopify backend, go to Settings > Custom data option to create a Metafield definition.

2023-08-10_15-11-38.gif

Choose Products option and then click the Add definition button to add Metafield definition.

add denifite.gif

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.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.