Divi Builderとの連携について、Ameliaはどのように機能しますか？

AmeliaはDivi Builderと直接連携しており、ショートコードを手動で作成したり貼り付けたりすることなく、Diviのネイティブモジュールを使用して予約フォーム、イベントビュー、お客様向けパネルをページに追加できます。

例えば、Diviでサービスページを作成している場合、Amelia予約フォームモジュールを挿入し、特定のサービスやスタッフをあらかじめ選択した状態で、レイアウトに合わせた完全に機能する予約フローとともにページを公開できます。

Divi BuilderでAmeliaを使用する前に何が必要ですか？

Divi Builderとの連携機能を使用するには、以下の項目がウェブサイトにインストールされ、有効化されている必要があります。

• Amelia WordPress Booking Plugin
• Diviテーマおよびページビルダープラグイン

両方が有効になると、Diviエディター内でAmeliaモジュールが直接利用可能になります。

Diviエディターを使用してAmelia予約フォームを追加するにはどうすればよいですか？

Diviエディターでは、Ameliaの予約画面が専用のDiviモジュールとして用意されており、任意のページレイアウトに追加できます。

ページの作成または編集時にDivi Builderを有効にし、行を追加して、灰色のプラスボタンをクリックして新しいモジュールを挿入します。モジュールリストにAmeliaモジュールが表示されます。また、検索フィールドに「AM」と入力することで素早く見つけることもできます。

DiviではどのAmeliaモジュールが利用可能ですか？

各Amelia予約画面は個別のDiviモジュールとして利用できるため、ページに表示したい内容を正確に選択できます。

• AM – カタログ予約（Catalog Booking）
• AM – お客様マイページ（Customer Panel）
• AM – スタッフマイページ（Employee Panel）
• AM – イベントカレンダー予約（Events Calendar Booking）
• AM – イベントリスト予約（Events List Booking）
• AM – ステップ予約（Step Booking）

このように分離されていることで、専用の予約ページ、イベントのランディングページ、お客様のアカウントエリアなど、明確な目的に合わせたページ構築が容易になります。

Diviモジュールで予約パラメータをあらかじめ選択するにはどうすればよいですか？

各Ameliaモジュールには、選択した予約画面に応じたオプションが含まれています。「AM – ステップ予約」では、「予約パラメータをあらかじめ選択（Preselect Booking Parameters）」を有効にして、フォームの読み込み時にお客様に表示される内容を制御できます。

有効にすると、以下のような値を事前に定義できます。

• カテゴリー
• サービス
• スタッフ
• 場所
• デフォルトのレイアウトバージョン
• 予約フォームを手動で読み込むためのトリガーを追加する
• トリガーのタイプを定義する
• Ameliaポップアップでフォームを表示するためのスライダーを有効にする

これにより、例えば特定のサービスや特定のスタッフが最初から選択された状態で開く、焦点を絞った予約ページを作成できます。

DiviでAmeliaモジュールを含むページを公開するにはどうすればよいですか？

Ameliaモジュールを設定しレイアウトを整えた後、ページ下部中央にある紫色の3つのドットメニューをクリックし、右下の「公開」または「更新」をクリックします（ページを新規作成したか、既存のページを更新したかによって異なります）。

ページが公開され、お客様画面でAmelia予約フォームが完全に機能するようになります。

DiviでAmeliaを使用する際に注意すべき点は何ですか？

• Ameliaモジュールを挿入する前に、必ず行またはセクションを追加してください。
• よりすっきりとした、成約率を重視したページにするために、パラメータの事前選択機能を活用してください。
• 目的が重複する複数の予約画面を同じページに配置することは避けてください。
• 公開後は、お客様画面で予約フローをテストしてください。