# 予約

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

PageFlyは、ユーザーがオンラインストアを強化できるように、幅広いサードパーティアプリと連携しています。革新的な予約アプリは、ビジネス運営を向上させるように設計されています。サービスやクラスのスケジュール設定から複雑なイベント管理まで、これらのアプリはワークフローを簡素化し、顧客体験を向上させるさまざまな機能を提供します。

### サードパーティアプリにアクセスして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と連携しているすべての「**Appointment Booking**」（予約）サードパーティアプリのリストです。

#### Shop Events Calendars

PageFlyでこの要素を使用する前に、お使いのストアに「[Shop Events Calendar](https://pagef.ly/1wmxa2)」アプリをインストールし、すべてのオプションを設定する必要があります。

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

* Shop Events Calendarアイテムには、2つの要素バリアントがあります。
* * Original Calendar
    * List Calendar
* Original Calendar要素とList Calendar要素は、すべてのページタイプで使用でき、1ページにつき1回使用できます。
* ショートコードの追加については、「**Configure Shop Events Calendar**」セクションで取得できます。
  {% endhint %}

#### Sesami: Appointment Booking

PageFlyページビルダーアプリでこの要素を使用する前に、お使いのストアに[Sesami: Appointment Booking](https://pagef.ly/1j6skc)アプリをインストールし、すべてのオプションを設定する必要があります。

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

* Sesami: Appointment Booking要素には、Sesami Inc.によるAppointment Bookingという1つのバリアントがあります。
* この要素はPRODUCTページタイプでのみ機能します。
* この要素はページのどこでも機能します。
* この要素は1ページにつき1回使用できます。
  {% endhint %}

#### Appointment Booking ‑ Propel

この要素を使用するには、[Appointment Booking - Propel](https://www.pagef.ly/1dkjsb)アプリをお使いのShopifyストアにインストールする必要があります。

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

* 要素はすべてのページタイプで機能します。
* 各ページに複数の要素を配置できます。
* ショートコード機能は、Propelの有料プランでのみ表示されます。
  {% endhint %}

#### Events Calendar by InlightLabs

PageFlyでこの要素を使用する前に、お使いのストアに[Events Calendar by InlightLabs](https://www.pagef.ly/1tlff0)アプリをインストールし、アプリ内のすべてのオプションを設定する必要があります。

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

* この要素はすべてのページタイプで機能しますが、Product Details要素の中に配置する必要があります。
* この要素は1ページにつき1回使用できます。
  {% endhint %}

#### Appointment Booking Cowlendar

この要素を使用する前に、お使いのストアに[Appointment Booking Cowlendar](https://pagef.ly/1a2f7k)アプリをインストールし、すべてのオプションを設定してからPageFlyに戻り、商品ページで要素を使用する必要があります。

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

* Appointment Booking Cowlendar要素には、Inline Book NowとCalendar Inline widgetの2つのバリエーションがあります。
* Inline Book Now: ライブビューでは「Book Now」ボタンとして表示され、クリックするとカレンダーがポップアップします。
* Calendar Inline Widget: ライブビューではカレンダーセクションとして表示されます。
* 要素はすべてのページタイプで機能します。
* 各ページに複数の要素を配置できます。
  {% endhint %}

#### **Tipo Appointment Booking**

この要素を使用する前に、お使いのストアに[Tipo Appointment Booking](http://www.pagef.ly/mmat)アプリをインストールし、すべてのオプションを設定してからPageFlyに戻り、すべてのPageFlyページで要素を使用する必要があります。

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

* この要素は1ページにつき1回しか表示できません。
* ウィジェット全体の構成については、Tipo – Appointment Bookingアプリの設定エリアをご確認ください。
  {% endhint %}

#### **Appointment Booking Appointo**

この要素を使用する前に、お使いのストアに[Appointment Booking Appointo](http://www.pagef.ly/45op)アプリをインストールし、すべてのオプションを設定してからPageFlyに戻り、すべてのPageFlyページで要素を使用する必要があります。

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

* Appointment Booking App要素は、商品ページで使用され、かつProduct Details要素の中に配置されている場合にのみ機能します。
* 各商品ページでこの要素を1回しか使用できません。
  {% endhint %}

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

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

詳細な設定ガイドについては、[App Blockに関する記事](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-appointment-booking-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.