VizupCommerce

PageFly、Gem PagesなどのカスタムページビルダーとVizupを連携する方法

カスタム Shopify Liquidコードを追加してください。PageFlyでLiquidコードブロックを追加する方法については、以下の動画をご覧ください：

    <div class="wizup-app sg-floatingpop"
      data-myshopifydomain="{{ shop.permanent_domain }}"
      data-widgettype="PLEASE ENTER WIDGET TYPE"
      data-widgetname="PLEASE ENTER WIDGET NAME"
      data-productid="{{ product.id }}"
      data-collectionid="{{ collection.id }}"
      data-templatename="{{ template.name }}"
    >
    </div>

注意：

  1. data-widgettype の値を以下に置き換えてください：
    1. スライダーカルーセルウィジェットには reels
    2. ストーリーウィジェットには stories_type
    3. バナーウィジェットには banner_type
    4. グリッドウィジェットには grid_type
    5. スポットライトウィジェットには spotlight_type

data-widgetname はオプションです。特定のウィジェット名を入力するか、空のままにしてください。

重要：Shopifyテーマエディタからアプリ埋め込み「Vizup Embed」を有効化してください。

アプリ埋め込みFloatPopリールを有効にする方法を示す6秒間の動画をご覧ください：

← Back to All Tutorials