MENU

料金プラン

機能一覧

デモ

ご利用の流れ

お役立ちコラム



*ブロックエディターとの連携

ブロックエディターとの連携

Ameliaはブロックエディターと直接連携しているため、ショートコードを手動で入力することなく、予約フォーム、イベントフォーム、お客様マイページ、またはスタッフマイページを挿入できます。

ページにAmeliaブロックを追加すると、表示したいフォームの選択や、カテゴリー、サービス、スタッフ、場所、コース、またはイベントの事前選択をエディター上で行えます。例えば、「ステップバイステップ予約フォーム」をページに配置し、特定のカテゴリーのみを表示するように絞り込んだり、ボタンをクリックしたときにフォームが開くポップアップトリガーを作成したりできます。

ブロックエディターのどこにAmeliaブロックがありますか?

  1. 「固定ページ」→「新規追加」を開き、左上隅またはキャンバス内の「+」ボタンをクリックします。
  2. 「Amelia」と検索すると、利用可能なAmeliaブロックが表示されます。「ステップバイステップ予約フォーム」、「カタログフォーム」、「イベントリスト」または「イベントカレンダーフォーム」、あるいは「お客様マイページ」や「スタッフマイページ」など、追加したいフォームを選択します。
  3. 追加されると、ブロックは対応するショートコードをエディター内に自動的に表示します。

予約パラメータの事前選択はどのように行いますか?

Ameliaブロックを選択すると、右側のサイドバーに「予約パラメータを事前選択」というオプションが表示されます。

この機能を使用すると、お客様画面でフォームに表示される内容を絞り込むことができます。予約フォームの場合、選択したフォームに応じて、サービス、カテゴリー、スタッフ、場所、またはコースを事前選択できます。

「ステップバイステップ」および「カタログ」ビューでは、コースが有効な場合に、サービスのみ、コースのみ、またはその両方を表示するかを選択できます。フィルターを調整すると、ブロック内のショートコードは即座に自動更新されます。

イベントのリスト表示とカレンダー表示はどのように選びますか?

イベントを追加する際、ブロックエディターではAmeliaブロックにイベントの「リスト表示」または「カレンダー表示」のどちらを使用するかを選択できます。リスト表示は今後のイベントを垂直方向に表示し、カレンダー表示は日付ごとにイベントを強調表示します。また、IDによって単一のイベントを事前選択したり、繰り返し設定を使用して繰り返しインスタンスを表示したりすることもできます。タグをフィルターとして使用し、特定のタグを持つイベントのみをお客様画面に表示させることも可能です。

トリガーを使用して手動で予約フォームを読み込むにはどうすればよいですか?

「予約フォームを手動で読み込む」セクションでは、訪問者がボタンやハイパーリンクなどの特定のトリガーをクリックしたときにのみフォームを表示するように設定できます。

トリガーのIDまたはクラス名を入力すると、Ameliaはその要素がクリックされるまでフォームの表示を待機します。「Ameliaポップアップで表示」を有効にすると、フォームをページに直接埋め込むのではなく、Ameliaのモーダルウィンドウ内に読み込みます。これにより、フォームをすぐに見せる必要のないページで、よりクリーンなレイアウトを作成できます。

Trigger settings for manually loading Amelia booking forms in Gutenberg

ショートコードや設定が不完全な場合はどうなりますか?

サービス、スタッフ、イベント、またはその他の必須項目が不足している場合、あるいはパラメータの組み合わせが存在しない場合(例:スタッフ5がカテゴリー1に割り当てられていないのに、category=1 かつ employee=5 となっている場合)、プラグインは正確な不足要素を特定できないことがありますが、何かが正しくないことを示す通知を表示します。

ショートコードが存在しないサービス、カテゴリー、スタッフ、場所、またはイベントを参照している場合、ブロックエディターはブロックプレビュー内に通知を表示します。

例えば、イベントブロックを選択したのにイベントが作成されていない場合や、ステップバイステップのショートコードで、選択されたサービスに割り当てられていないスタッフを絞り込んでいる場合、ブロックはフォームを読み込めない旨を警告します。

これを解決するには、選択したパラメータを見直し、スタッフの空き状況、サービスの割り当て、稼働時間を確認し、Ameliaの設定に必要なすべての項目が存在することを確認してください。

ブロックエディターでAmeliaブロックを使用する際に留意すべき点は何ですか?

  • ブロックエディターのプレビューを使用して、選択したフィルターで正しいフォームが読み込まれることを確認してください。
  • ブロックプレビューに通知が表示される場合は、スタッフ、カテゴリー、サービスの割り当てをチェックしてください。
  • クリーンなレイアウトにしたい場合や、予約フォームをポップアップで表示させたい場合は、手動トリガーを使用してください。
  • ショートコードのパラメータを変更した後は、お客様画面に調整内容を反映させるため、必ずページを「公開」または「更新」してください。
  • 変更を保存した後でお客様画面が更新されない場合は、ウェブサイトのキャッシュをクリアしてください。