以下「スクリプトタグ」「マーカータグ」の2つの基本タグを挿入ください。
商品ページのヘッダーに以下のAnyGiftタグを挿入してください。
<aside>
💡 <{ $product.id }>はcolorMeShopの独自タグの要素の一つになっており、商品ページの商品idが、動的に入る形となっております
</aside>
<script type="text/javascript">
window.AnyGift = {
productCode: '<{ $product.id }>',
storeId: '{固定ストアID}',
};
</script>
<script defer src="<https://d1ioo46r7yo3cy.cloudfront.net/store.js>"></script>
<script type="text/javascript">
window.AnyGift = {
productCode: '<{ $product.id }>',
storeId: 'anygift-test-store-id',
};
</script>
<script defer src="<https://d1ioo46r7yo3cy.cloudfront.net/store.js>"></script>
eギフトUIを表示したい位置に、こちらのMarkerタグを挿入してください。
<body>
<div data-anygift></div>
</body>
ColorMeshopの独自タグについてこちらもご参照ください。