以下「スクリプトタグ」「マーカータグ」の2つの基本タグを挿入ください。

具体的な手順は下記ドキュメントをご参照ください。

【futureshop】【コマースクリエイター利用】タグの実装方法

スクリプトタグ

コマースクリエイターをご利用の場合

<script type="text/javascript">
    const productUrl = '{% product.url %}';
    const lastSlashIndex = productUrl.lastIndexOf('/');
    const productCode = lastSlashIndex !== -1 ? productUrl.substring(lastSlashIndex + 1) : productUrl;
    window.AnyGift = {
      productCode: productCode,
      storeId: '{ストアID}',
    };
</script>
<script defer src="<https://d1ioo46r7yo3cy.cloudfront.net/store.js>"></script>

コマースクリエイターを利用していない場合

<script type="text/javascript">
    window.AnyGift = {
      productCode: '{% product.url %}',
      storeId: '{ストアID}',
    };
</script>
<script defer src="<https://d1ioo46r7yo3cy.cloudfront.net/store.js>" charset="UTF-8"></script>

例

<script type="text/javascript">
    const productUrl = '{% product.url %}';
    const lastSlashIndex = productUrl.lastIndexOf('/');
    const productCode = lastSlashIndex !== -1 ? productUrl.substring(lastSlashIndex + 1) : productUrl;
    window.AnyGift = {
      productCode: productCode,
      storeId: 'anygift-test-store-id',
    };
</script>
<script defer src="<https://d1ioo46r7yo3cy.cloudfront.net/store.js>"></script>

マーカータグ

eギフトUIを表示したい位置に、こちらのMarkerタグを挿入してください。

<div data-anygift="marker"></div>