# 画像＆メディア

### PageFlyとパートナー間の連携について

PageFlyと画像・メディアアプリとの連携により、高品質なビジュアル、動画、メディアギャラリーをシームレスに取り込むことで、オンラインストアの視覚的な魅力と機能を向上させます。これにより、マーチャントは最適化された画像、自動再生動画、または360度ビューで商品を展示し、顧客の信頼とコンバージョンを高める魅力的なショッピング体験を創出できます。

### PageFlyでサードパーティアプリにアクセスして使用する方法

PageFlyが連携している各サードパーティアプリにアクセスして有効にするには、2つの方法があります：

* エディターページから
* 連携ページから

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

### PageFlyが連携している画像・メディアアプリ

まず、これらのサードパーティアプリ要素を使用する前に、ストアに[PageFly](https://apps.shopify.com/pagefly?utm_source%3Dmanual%26utm_medium%3Darticle%26utm_campaign%3Dapp-listing/)がインストールされていることを確認してください。

PageFlyと連携しているすべての「画像・メディア」サードパーティアプリのリストは以下の通りです：

#### VIBE – ショッパブルInstagramフィード

PageFlyでこの要素を使用する前に、ストアに[VIBE Shoppable Instagram Feed](https://apps.shopify.com/vibe?_gl%3D1*1ug56l2*_gcl_au*MjU2ODA2ODczLjE3Mjk0NzMxNzc.*_ga*NzkyMTIzNzQ5LjE3Mjk2NjUzMTI.*_ga_0BK6F6GXYF*MTcyOTY2NTMxMi4xLjEuMTcyOTY3MjU3OC4zNi4wLjA.)アプリをインストールし、アプリ内のすべてのオプションを設定する必要があります。

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

* 投稿表示制限は、フィード設定で設定された数を超えることはできません。
* 読み込みごとのアイテム数は、表示する投稿数を超えることはできません。
* VIBE要素には、Grid FeedとSlideshow Feedの2つのバリエーションがあります。
* PageFlyでVIBEを設定するには、[こちらの記事](https://help.ecomate.co/manual/how-to-use-vibe-shoppable-instagram-feed-on-pagefly/)をご確認ください。
  {% endhint %}

#### SocialWidget by OneCommerce

この要素を使用するには、まずShopifyストアに[SocialWidget](https://apps.shopify.com/instafeed-socialwidget?utm_campaign%3Dpartner%26utm_source%3Dpagefly%26utm_medium%3Dhelp)アプリをインストールし、すべてのオプションを設定する必要があります。完了後、PageFlyに戻り、PageFlyの任意のページで要素を使用できます。

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

* この要素はライブビューでのみ機能します
* ウィジェットのインストール手順では、フィードを適用するページを1つだけ選択できます。
  {% endhint %}

#### Minta

この要素を使用するには、[Minta Social Videos Auto Post](https://apps.shopify.com/minta-video-auto-post?utm_campaign%3Dpartner%26utm_medium%3Dhelp%26utm_source%3Dpagefly)アプリをShopifyストアにインストールし、アプリ内のすべてのオプションを設定し、PageFlyに戻って要素を使用する必要があります。

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

* 1つのページで1つの要素を1回のみ使用できます。
* 要素はすべてのページタイプで使用できます。
* 要素はページ上のどこでも使用できます。
  {% endhint %}

#### Enorm App

始める前に、まずShopifyアプリストアで[Enorm Image Gallery + Video](https://apps.shopify.com/image-gallery-by-enormapps?utm_campaign%3Dpartner%26utm_source%3Dpagefly%26utm_medium%3Dhelp)アプリをインストールする必要があることに留意してください。

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

* アプリには2つの異なる要素が含まれています：
  * Image Gallery - ギャラリーから写真を表示
  * Video Gallery - ギャラリーから動画を表示
* 1つのページで1つの要素を1回だけ使用できます
* 要素はすべてのページタイプで使用できます
  {% endhint %}

#### LookBook – ショッパブルギャラリー

この要素を使用するには、Expert Village Mediaの[LookBook – Shoppable Galleries](https://apps.shopify.com/evm-lookbook?search_id%3D68d775fe-b732-471e-bb90-5ffd2d62e976%26surface_detail%3Dlookbook%26surface_inter_position%3D1%26surface_intra_position%3D5%26surface_type%3Dsearch%26utm_campaign%3Dpartner%26utm_source%3Dpagefly%26utm_medium%3Dhelp)をShopifyストアにインストールする必要があります。

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

* 各商品ページにはLookBook要素を1つだけ配置できます。
* その他のページタイプには、複数のLookBook画像ギャラリーを含めることができます。
* LookBook要素は商品リスト内では使用できません。
  {% endhint %}

#### Instafeed – Instagramフィード

この要素を使用する前に、ストアに[Instafeed – Instagram Feed](https://apps.shopify.com/instafeed?utm_campaign%3Dpartner%26utm_source%3Dpagefly%26utm_medium%3Dhelp)アプリをインストールし、アプリ内のすべてのオプションを設定する必要があります。

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

* Mintt StudioのInstafeed- Instagram Feedからは1つの連携要素があります：Instagram Feed
* この要素はすべてのページタイプで機能します
* 各ページには1つの要素のみを配置できます。
  {% endhint %}

#### XO Gallery

この要素を使用するには、Shopifyストアから[XO Gallery](https://apps.shopify.com/xo-gallery?utm_campaign%3Dpartner%26utm_source%3Dpagefly%26utm_medium%3Dhelp)アプリをインストールし、PageFlyに移動して要素を使用する必要があります。

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

* XopifyのXO Galleryとは、以下の1つの要素と連携しています：Image Gallery
* この要素はすべてのページタイプで機能し、各ページには複数の要素を配置できます。
  {% endhint %}

#### Slider Revolution

この要素を使用する前に、ストアに[Slider Revolution](https://apps.shopify.com/revolution-slider?utm_campaign%3Dpartner%26utm_source%3Dpagefly%26utm_medium%3Dhelp)アプリをインストールし、アプリ内のすべてのオプションを設定し、PageFlyに戻ってPageFlyページで要素を使用する必要があります。

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

* Slider Revolutionアイテムには1つの要素があります：Image Slider
* 要素はすべてのページタイプで機能できます
* 1つのページに複数の要素を配置できます
* 詳細については、[Slider RevolutionアプリとPageFlyページの連携](https://shopidevs.com/integrate-slider-revolution-to-pagefly-page/)に関するガイドを参照してください。
  {% endhint %}

#### Photo Gallery | Robin PRO

この要素を使用する前に、ストアに[Photo Gallery | Robin PRO](https://apps.shopify.com/robin-pro-image-gallery)アプリをインストールし、アプリ内のすべてのオプションを設定し、PageFlyに戻って対応する商品に要素を使用する必要があります。

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

* Ronbin ‑ Photo Galleryアイテムには1つの要素があります：Gallery
* 要素はすべてのページタイプでのみ機能できます
* 1つのページに多くの要素を配置できます。
  {% endhint %}

#### KiteApps - Lookfy Gallery

この要素を使用する前に、ストアに[Lookfy Gallery: Lookbook Image](https://apps.shopify.com/lookfy-lookbook-gallery-1)アプリをインストールし、アプリ内のすべてのオプションを設定し、PageFlyに戻って対応する商品に要素を使用する必要があります。

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

* KiteApps ‑ Lookfy Galleryアイテムには1つの要素があります：Gallery
* Gallery要素はすべてのページタイプで使用でき、ページごとに複数回使用できます。
  {% endhint %}

#### Lookbookify

PageFlyでこの要素を使用する前に、ストアに[Lookbookify](https://apps.shopify.com/shoppable-galleries-fashion-looks?_gl%3D1*cbmua0*_gcl_au*MjU6ODA2ODczLjE3Mjk0NzMxNzc.*_ga*NzkyMTIzNzQ5LjE3Mjk2NjUzMTI.*_ga_0BK6F6GXYF*MTcyOTY2NTMxMi4xLjEuMTcyOTY3Mzc0MS4yLjAuMA..)アプリをインストールし、すべてのオプションを設定する必要があります。

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

* Lookbookifyアイテムには1つの要素があります：AuraApps - Gallery
* 要素はすべてのページタイプで機能でき、各ページに1つ以上の要素を配置できます
  {% endhint %}

#### Sauce: Instagram, TikTok & UGC

この要素を使用する前に、ストアに[Sauce: Instagram, TikTok & UGC](https://apps.shopify.com/instagram-shop-by-sauce)アプリをインストールし、アプリ内のすべてのオプションを設定し、PageFlyに戻って対応する商品に要素を使用する必要があります。

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

* Sauce Social Commerce - Instagram, TikTok & UGCアイテムには1つの要素があります：Widgets
* 要素はすべてのページタイプで機能でき、1つのページに1つの要素を配置できます。
  {% endhint %}

#### Vidjet ‑ Shoppable Videos

この要素を使用する前に、ストアに[Vidjet ‑ Shoppable Videos](https://pagef.ly/1hrvbn)アプリをインストールし、アプリ内のすべてのオプションを設定し、PageFlyに戻って対応する商品に要素を使用する必要があります。

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

* 要素には2つのバリエーションがあります：Video StoriesとVideo Carousel
* Video Stories要素はすべてのページタイプで使用でき、1ページにつき1回使用できます。
* Video Carousel要素はすべてのページタイプで使用でき、ページごとに複数回使用できます。
* コンテンツセクションのウィジェットコードは、Vidjetアプリから取得する必要があります。Vidjetアプリから直接コードをコピーし、PageFlyページに戻ってウィジェットコードフィールドに貼り付けてください。
  {% endhint %}

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

サードパーティアプリの連携には、Shopifyアプリブロック要素を使用することを強くお勧めします。ShopifyテーマOS 2.0で利用可能なこの機能は、サードパーティアプリの機能をPageFlyページまたはセクションに簡単に追加できます。これにより、柔軟性が向上し、更新が容易になり、ユーザーエクスペリエンスが改善されます。ページごとに1つに制限されていますが、アプリブロックはストアの機能を強化するための貴重なツールです。

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.pagefly.io/pagefly-help-center-japanese/lian-xie/third-party-elements/what-image-and-media-apps-does-pagefly-integrate-with.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.