Skip to product information
1 of 1
Published:2024.11.18

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

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

Applications

  • Product information management and editing

How to implement

  • LIQUID
  • HTML/CSS
View full 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.

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

Sample Codes

Test Theme :Dawn/Rise 15.2.0

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

Related Post

その他のLIQUIDに関するTIPS