# 商品情報

### PageFly と製品情報アプリの連携について

製品情報 (PI) アプリは、製品データの整理、管理、配信方法を効率化するための不可欠なツールです。これらのアプリは、すべての販売チャネル間で一貫性を保ち、エラーを減らし、製品リスティングの効率を向上させます。PI アプリを使用することで、正確で最新の製品詳細を提供し、ショッピング体験を向上させ、コンバージョン率を高めることができます。

PageFly は PI アプリとのシームレスな連携を提供し、製品データ管理を最適化し、ストアのスムーズな運営を支援します。

### PageFly で製品情報アプリにアクセスして使用する方法

PageFly と連携している PI アプリにアクセスして有効にするには、2つの方法があります。

1. エディターページから
2. 連携ページから

[PageFly でサードパーティアプリにアクセスして使用する方法](https://help.pagefly.io/manual/integrations/)について詳しく知りたい場合は、こちらの記事をご確認ください。

[PageFly](https://apps.shopify.com/pagefly?utm_source%3Dmanual%26utm_medium%3Darticle%26utm_campaign%3Dapp-listing%26utm_content%3Dsubscriptions-recharge) をインストールする

### PageFly と連携している製品情報アプリは？

PageFly と現在連携している PI アプリのリストは以下のとおりです。

#### TailorKit Product Personalizer

TailorKit は、Shopify 製品のカスタマイズを革新し、マーチャントがパーソナライズされた動的な製品体験を作成できるようにします。オンラインストアがユニークでカスタマイズ可能な製品を提供する方法を変革し、企業が創造性、コンバージョン率、顧客エンゲージメントを高めるのを支援します。PageFly でこのエレメントを使用する前に、ストアに [TailorKit Product Personalizer](https://pagefly.link/UETujfwu) アプリをインストールし、すべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**:

* このエレメントには、「**Product Customizer**」という1つのバリアントがあります。
* エレメントは製品ページタイプでのみ機能します。
* 各ページに1つのエレメントを配置できます。
  {% endhint %}

#### APO Product Options, Variants

PageFly でこのエレメントを使用する前に、ストアに [APO Product Options, Variants app](https://pagef.ly/1hitws) をインストールし、すべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**:

* エレメントは製品ページで使用できます。
* エレメントは製品詳細内に使用できます。
  {% endhint %}

#### Timesact | Discount Pre‑Order

このエレメントを使用する前に、ストアに [Timesact | Discount Pre‑Order](http://www.pagef.ly/szkd) アプリをインストールする必要があります。

{% hint style="warning" %}
**重要な注意**:

* 1つのエレメントを1ページに1回、すべてのページタイプで使用できます。
* エレメントはページ上のどこでも使用できます。
  {% endhint %}

#### EZ Product Options & Variants App

このエレメントを使用する前に、ストアに [EZ Product Options & Variants](https://pagef.ly/14p6cr) アプリをインストールし、アプリ内のすべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**:

* ウィジェットの完全な設定については、EZ Product Options & Variants アプリケーションの設定エリアに移動してください。
* Product Options エレメントはすべてのページタイプで使用でき、1ページに1回使用できます。
* 製品ページでは、エレメントを Product details エレメント内にネストする必要はありません。他のページタイプでは、エレメントは Product details エレメント内でのみ機能します。
* 各ページには1つの Product Options エレメントのみ配置できます。
  {% endhint %}

#### Live Product Options

このエレメントを使用する前に、ストアに [Live Product Options](https://pagef.ly/1zfqdb) アプリをインストールし、アプリ内のすべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**:

* エレメントは製品ページでのみ機能し、1ページに1つのエレメントを配置できます。
* このエレメントは製品詳細エレメント内に配置する必要があります。
  {% endhint %}

#### Mighty Image Uploader Element

このエレメントを使用するには、Shopify ストアに [Mighty Image Uploader](https://pagef.ly/1whavc) アプリをインストールし、このアプリ内のすべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**:

* このエレメントは、Product Details エレメント内の製品ページでのみ機能します。
* 1ページには1つのエレメントのみ配置できます。
  {% endhint %}

#### GG Product Page Image Slider

このエレメントを使用する前に、ストアに [GG Product Page Image Slider](https://pagef.ly/19pngs) アプリをインストールし、アプリ内のすべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**: GG Product Page Image Slider エレメントは製品ページでのみ機能し、割り当てられた製品の設定/データを継承します。このエレメントは各ページに1回だけ使用できます。
{% endhint %}

#### EXPO Extra Product Options

このエレメントを使用する前に、ストアに [EXPO Extra Product Options](https://pagef.ly/1iit5j) アプリをインストールし、アプリ内のすべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**: このエレメントは製品ページでのみ機能し、製品詳細内に配置する必要があります。
{% endhint %}

#### TaskHusky - Size Charts

このエレメントを使用する前に、ストアに [TaskHusky - Size Charts](https://www.pagef.ly/1m35x8) アプリをインストールし、アプリ内のすべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**:

* TaskHusky - Size Charts エレメントは製品ページでのみ機能し、割り当てられた製品の設定/データを継承します。
* このエレメントは各ページに1回だけ使用できます。
  {% endhint %}

#### PreOrder Globo | Back In Stock

このエレメントを使用する前に、ストアに [PreOrder Globo | Back in Stock](http://www.pagef.ly/rper) アプリをインストールし、アプリ内のすべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**:

* PreOrder Globo | Back in Stock エレメントは製品ページでのみ機能し、ページに1回だけ使用できます。
* PreOrder Globo | Back in Stock エレメントは Product Details エレメントまたは Product List エレメント内に配置する必要があります。
  {% endhint %}

#### Install Inkybay - Product Personalizer

このエレメントを使用する前に、ストアに [Inkybay](https://pagefly.link/YATvTFKD) [- Product Personalizer App](https://pagefly.link/YATvTFKD) をインストールし、アプリ内のすべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**:

* エレメントはすべてのページタイプで機能し、1ページに複数のエレメントを配置できます。
* エレメントは Product Details エレメント内に配置する必要があります。
  {% endhint %}

#### PreProduct App

このエレメントを使用する前に、ストアに [PreProduct](http://www.pagef.ly/nord) をインストールし、アプリ内のすべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**: このエレメントは製品ページでのみ機能します。各製品ページには1つの PreProduct エレメントのみが許可されています。
{% endhint %}

#### VideoWise – Shoppable Videos App

このエレメントを使用する前に、ストアに [Shoppable Videos by VideoWise](http://www.pagef.ly/h312) アプリをインストールし、アプリ内のすべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**: このアプリには1つのエレメントが付属しています: Shoppable Video Widget by VideoWise エレメント。
{% endhint %}

#### SC Product Options

PageFly でこのエレメントを使用する前に、ストアに [SC Product Options](http://www.pagef.ly/yguq) アプリをインストールし、すべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**:

* エレメントはすべてのページタイプで機能し、1ページに複数のエレメントを配置できます。
* エレメントは Product Details エレメント内に配置する必要があります。
  {% endhint %}

#### Infinite Options by ShopPad App

PageFly でこのエレメントを使用する前に、ストアに [Infinite Options by ShopPad](http://www.pagef.ly/gors) アプリをインストールし、すべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**:

* このエレメントはすべてのページタイプで機能しますが、製品詳細内に配置する必要があります。
* このエレメントは1ページに1回のみ使用できます。
  {% endhint %}

#### Hulk Product Options App

これらのエレメントを使用する前に、ストアに [Hulk Product Options](http://www.pagef.ly/efik) アプリをインストールし、アプリ内で設定/有効化する必要があります。

{% hint style="warning" %}
**重要な注意**:

* Hulk Product Options エレメントは製品ページでのみ機能し、Product Details エレメント内に配置されます。
* ストアが Shopify Online Store 1.0 テーマを使用している場合、Hulk Product Options アプリを現在のテーマと連携させるために、[これらの手順](https://roadmap.hulkapps.com/product-options-app-roadmap/kb/theme-integration/shopify-online-store-10-theme)に従う必要があります。
  {% endhint %}

#### Kiwi Size Chart & Recommender

このエレメントを使用する前に、ストアに [Kiwi Size Chart & Recommender](http://www.pagef.ly/ztsy) アプリをインストールし、アプリ内のすべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**:

* 製品ページでは、Kiwi Size Chart & Recommender エレメントは、[ページ設定モーダル](https://help.pagefly.io/manual/page-settings)で選択した製品に依存します。好きな場所に配置できます。
* その他のページでは、Kiwi Size Chart & Recommender エレメントは[Product Details](https://help.pagefly.io/manual/shopify-elements-product-details) エレメント内に配置する必要があります。
* Kiwi Size Chart & Recommender エレメントは、ホームページ、通常のページ、コレクション、製品ページなど、あらゆるページに表示できます。特定のページで Kiwi Size Chart & Recommender エレメントを必要なだけ何度でも使用できます。
  {% endhint %}

#### Panda Size Chart

PageFly でこのエレメントを使用する前に、ストアに [Panda Size Chart](https://pagef.ly/1sl0vr) アプリをインストールし、すべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**:

* 1つのエレメントを1ページに1回使用できます。
* エレメントは製品ページで使用できます。
* エレメントはページ上のどこでも使用できます。
  {% endhint %}

#### OPTIS Product Options, Variant

PageFly でこのエレメントを使用する前に、ストアに [OPTIS Product Options, Variant](https://pagef.ly/1lw5ik) アプリをインストールし、アプリ内のすべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**:

* 製品ページでは、1つのエレメントを Product Details エレメント内にネストする必要があります。
* 1ページには1つのエレメントを配置できます。
  {% endhint %}

#### TablePress ‑ Data Tables

PageFly でこのエレメントを使用する前に、ストアに [TablePress ‑ Data Tables](https://pagef.ly/10sj1p) アプリをインストールし、アプリ内のすべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**:

* エレメントは1ページに複数回使用できます。
* エレメントはすべてのページタイプで使用できます。
* エレメントはページ上のどこでも使用できます。
  {% endhint %}

#### BF Size Chart & Size Guide

PageFly でこのエレメントを使用する前に、ストアに [BF Size Chart & Size Guide](https://pagef.ly/190ry0) アプリをインストールし、アプリ内のすべてのオプションを設定する必要があります。

{% hint style="warning" %}
**重要な注意**:

* このエレメントには1つのバリアントがあります。
* エレメントは製品ページでのみ機能し、1ページに1つのエレメントを配置できます。
* エレメントは製品詳細エレメント内に配置する必要があります。
  {% endhint %}

#### Fera - Photos & Videos

このエレメントを使用する前に、ストアに [Fera – Photos and Videos](http://www.pagef.ly/ox62) アプリをインストールし、アプリ内のすべてのオプションを設定してから、PageFly に戻って対応する製品のエレメントを使用する必要があります。

{% hint style="warning" %}
**重要な注意**:

* 製品情報カテゴリでは、Fera エレメントには2つのバリアントが含まれます:
  * Product Page Media
  * In-Store Media
* 「**Product Page Media**」エレメントは PageFly 製品ページでのみ使用されます。
* すべてのエレメントは1ページに複数回使用できます。
  {% endhint %}

### ヒントとベストプラクティス

サードパーティアプリの連携には、Shopify アプリブロックエレメントの使用を強く推奨します。Shopify テーマ OS 2.0 で利用可能なこの機能は、PageFly ページまたはセクションにサードパーティアプリの機能を簡単に追加できるようにします。これにより、柔軟性が向上し、アップデートが容易になり、ユーザーエクスペリエンスが向上します。アプリブロックは1ページにつき1つに限定されますが、ストアの機能を強化するための貴重なツールです。

詳細な設定ガイドについては、[アプリブロックに関する記事](https://help.pagefly.io/manual/how-to-use-shopify-app-block-element-with-pagefly-section/)を参照してください。この簡単な変更により、サードパーティアプリの連携とストア全体のパフォーマンスを大幅に改善できます。