*Amelia popup

Amelia popup の使い方は？

Amelia popup を使用すると、お客様を別の予約ページにリダイレクトすることなく、サイトページ上で任意の予約フォームを開くことができます。

これは、ページにすでにサービスの説明、価格、またはイベントの詳細が含まれており、コンテンツから移動せずにクリーンなポップアップを通じて即座に予約を行いたい場合に最適です。

Amelia popup で何ができますか？

ポップアップはすべての Amelia フォームで動作し、ボタン、テキストリンク、アイコン、またはクラス名の追加をサポートする任意の要素によってトリガーできます。ポップアップは Amelia に組み込まれているため、外部プラグインや追加の購入は必要ありません。

トリガーがクリックされると、予約フォームがモーダルウィンドウに表示され、お客様がフローを完了するか終了すると閉じます。

ポップアップトリガーを作成するにはどうすればよいですか？

ページにクリック可能な要素を追加し、Amelia がトリガーとして使用するカスタム CSS クラスを割り当てます。

例えば、Gutenberg では、ボタンブロックを挿入してラベルを編集し、高度な設定パネルを開いて「amelia-popup」などのカスタムクラスを設定できます。このクラス名は、後でフォームによって参照されます。

ポップアップで開くフォームを追加するにはどうすればよいですか？

Amelia のビルダーウィジェットを使用するか、手動でショートコードを追加することで、ページの任意の場所に予約フォームを配置します。Amelia は、ポップアップとして設定されたフォームを自動的に非表示にし、トリガーがクリックされたときにのみ表示します。ショートコードを手動で入力する場合は、以下の属性を追加してください。

trigger="your-class" trigger_type="class" in_dialog="1"

例えば、トリガークラス「amelia-popup」を使用して、フィルタリングされていない基本的な 繰り返し予約 フォームを読み込むには、次のようにします。

サポートされているビルダー（Gutenberg、Elementor、または Divi）を使用している場合は、フォームウィジェットを挿入し、「Amelia popup で表示」を有効にして、サイドメニューにトリガーとトリガータイプを入力します。

テキストリンクやアイコンでポップアップをトリガーできますか？

はい、クラス属性を含めることができる任意の HTML 要素でポップアップをトリガーできます。例えば、単純なハイパーリンクを作成し、同じトリガークラスを割り当てることができます。アクションはリンク先ではなくクラス自体から発生するため、href 値はプレースホルダーで問題ありません。

Amelia popup をサポートしているページビルダーはどれですか？

ポップアップは現在、Gutenberg、Elementor、および Divi の Amelia ウィジェットで動作します。その他のビルダーでも、ショートコードを手動で配置し、ボタンやリンクにトリガークラスを追加することで、引き続きポップアップを使用できます。

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

• トリガーは、CSS クラスの追加をサポートする任意の要素で動作します。
• 予約フォームは、ページの上部を含め、ページの任意の場所に配置できます。
• ボタン/リンクとフォームの間でトリガークラスを必ず一致させてください。
• 手動設定の場合は、ショートコード属性 in_dialog=”1″ が必須です。
• ビルダーウィジェットには、設定を容易にするための専用の「Amelia popup で表示」オプションがあります。