Skip to product information
【Dawn】Shopifyでメタフィールドを使って商品詳細に関連Instagramの簡易リンクを表示する設定例
Published:2024.11.18

[Dawn] Example of setting up a metafield in Shopify to display a quick link to related Instagram in product details

Shopify has a wide range of apps that can be linked to Instagram, so it would be best to use those apps to link your product information, but this is an example of how to set it up if you just want to display a simple link.

◆ Benefits of implementation ・Improve satisfaction of potential buyers who prioritize visuals ・Encourage purchases through the synergistic effect of SNS and EC

◆Specific setup steps ① Creating metafields
Set up the Instagram URL registration field

②Add a custom Liquid block to the product information section
Insert code to display Instagram icon link

③Enter the Instagram URL in the meta field of the product that is linked to Instagram.


Example of setting up a metafield to display a simple link to related Instagram in product details


[Setup Method 1] Create a product metafield to register your Instagram URL


[(For the Rise/Dawn theme) Setup method 2] Add a customized Liquid block to the product information section of the product template and insert the code (use the Instagram icon pre-installed in the Rise/Dawn theme).


[How to use] Set the Instagram content URL in the meta field on the product details screen


After making a purchase (all items are ¥0), you will be able to view the sample code.

View store information

[Dawn] Example of setting up a metafield in Shopify to display a quick link to related Instagram in product details

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

商品テンプレートの商品情報セクションにカスタマイズされたLiquidブロックを追加しコードを挿入

↗ Related Post

すべてのShopify TIPS

View all