> For the complete documentation index, see [llms.txt](https://help.pagefly.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.pagefly.io/pagefly-help-center-japanese/pjito/shopify-elements/custom-content/how-to-use-shopify-app-block-element-with-pagefly-section.md).

# アプリブロック

### Shopifyアプリブロック要素について

[Shopifyアプリブロック要素](https://help.pagefly.io/manual/how-to-use-shopify-app-block-element-with-pagefly-section/)を使用すると、使用しているアプリからアプリブロックをPageFlyページまたはセクションに直接追加できます。この要素は、従来の統合方法の複雑さなしに、サードパーティアプリの利点を活用するためのユーザーフレンドリーで効率的、かつカスタマイズ可能な方法を提供します。これにより、既存のアプリからの追加コンテンツをPageFlyページおよびセクションに、より効率的に組み込むことができます。

{% hint style="warning" %}
**重要事項**:

* アプリブロック要素は、ShopifyテーマOS 2.0でのみ使用できます。
* この要素は1つのページで1回のみ使用できます。
  {% endhint %}

### アプリブロック要素にアクセスする方法

* ステップ 1: ページエディターにアクセスします。
* ステップ 2: 要素カタログの3番目のアイコン、つまり「**Third-party element**」機能をクリックします。
* ステップ 3: 「**App blocks**」要素をクリックします。
* ステップ 4: 要素をセクションエディターにドラッグアンドドロップし、使用を開始します。

アプリブロック要素には、「**App blocks**」という1つのバリエーションがあります。

![](/files/h1JGgWddGVFvZRohiWxn)

### アプリブロック要素を設定する方法

アプリブロック要素の主要な設定は、使用したいアプリ内で行われますが、PageFlyはいくつかの追加オプションを提供しています。

**General**タブでは、要素のVisibility、Attributes、Animationを調整できます。これらの設定の詳細については、[Generalの記事](https://help.pagefly.io/manual/elements-general-settings/)を参照してください。

### アプリブロック要素に表示するアプリを選択する方法

アプリブロック要素に表示するアプリを選択するには、次の手順を実行する必要があります。

1. すべての変更を保存し、PageFlyページを公開します。
2. そのページの**Theme Editor**にアクセスします。

![](/files/lnmbI120sb4VXxpTMOx2)

**Theme Editor**に保存済みのセクションを追加したら、次の手順に従ってアプリブロック要素の設定を完了します。

#### ステップ 1: 「Add Block」ボタンをクリックします

![](/files/nt94GbmZsPcn7bBcEa1m)

#### ステップ 2: 追加したいアプリを検索します

Appsタブでは、検索バーを使用して追加したいアプリや要素を簡単に検索したり、スクロールして見つけたりすることができます。

![](/files/VRTq9fwKg5h5bVayfXOo)

#### ステップ 3: 追加したいアプリを選択します

この例では、Stamped Product Review & UGCアプリのStar Ratingを追加します。「**App blocks**」要素でサポートされているアプリのみが「**Apps**」リストに表示されることに注意してください。

![](/files/tQ5kqgfm7MJ2anm8XfCf)

#### ステップ 4: 保存をクリックします

追加された要素は次のようになります。

![](/files/eg0lak7LIrUfu8uXsxiL)

### 使用例

App block要素を使用して、PageFlyがまだ統合していないアプリのサードパーティアプリコンテンツを表示できます。

### バージョンアップデート

#### 4.12.0

App Block要素は、PageFly Saved sectionとPageFly pagesの両方で使用できるようになりました。（2024年5月28日リリース）

#### バージョン 4.12.0 より前

App Block要素は、PageFly Saved sectionでのみ使用できました。

### よくある質問

**1. 同じページに複数のApp Block要素を追加できますか？**

いいえ、App Block要素は1つのページにつき1回のみ使用できます。複数のアプリブロックを追加する必要がある場合は、それぞれに別の保存済みセクションを作成するか、別のページで使用する必要があります。

**2. App Block要素の外観をカスタマイズできますか？**

App Block要素の主要な設定は、アプリ自体の中で行われます。

**3. テーマエディターのApp block要素内に複数のアプリを追加できますか？**

はい、テーマエディターのApp block要素内に複数のアプリを追加できます。ただし、これらのアプリの位置はApp blockの位置外では変更できませんが、App block内で順番を並べ替えることは可能です。

![](/files/MoBrnrcuG1W46S1eBFKb)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/shopify-elements/custom-content/how-to-use-shopify-app-block-element-with-pagefly-section.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.