AEM Formsを使用すると、フォーム開発者はAEM SitesページやAEMの外部でホストされている Web ページにアダプティブFormsをシームレスに埋め込むことができます。 埋め込まれたアダプティブフォームではすべての機能を使用できるため、ユーザーは、ページから移動することなくフォームに記入およびフォームを送信できます。これにより、ユーザーは web ページのその他の要素との整合性を保つことができ、同時にフォームとの相互作用も保つことができます。
AEM Sites ページでは、以下を使用してアダプティブフォームを追加できます。
アダプティブForms — 埋め込みコンポーネント
アダプティブForms — 埋め込みコンポーネントを使用すると、AEM Sites作成者は既存のアダプティブフォームをAEM Sitesページに含めることができ、アダプティブフォームの再利用性が向上します。 既存のアダプティブFormsは、スタンドアロンで使用することも、サイトページに埋め込むこともできます。 この統合により、作成済みのアダプティブFormsを再利用する便利な方法が提供されます。
アセットブラウザー
すべてのフォームは「アセット」の下に表示されます。フォームは、アセットとしてページ上にドラッグ&ドロップすることができます。
編集可能なテンプレートを使用した AEM Sites ページにアダプティブフォームを埋め込むには、AEM Form コンポーネントが、関連するテンプレートで許可されたコンポーネントとして設定されていることを確認します。
場合 アダプティブForms — 埋め込みコンポーネント は コンポーネントブラウザーパネル AEM sites ページの次の手順を実行します(ビデオを参照)。
Sites ページで静的テンプレートを使用している場合は、それをサイトページの段落システムで設定する必要があります。
を使用してアダプティブフォームを埋め込むには アダプティブForms — 埋め込み コンポーネント:
アダプティブフォームの埋め込み先の AEM Sites ページを、編集モードで開きます。
コンポーネントブラウザーパネルから、 アダプティブForms — 埋め込み コンポーネントをページ上に配置します。 または、アセットブラウザーでアダプティブフォームを検索して、AEM Sites ページにドラッグ&ドロップします。新しいアダプティブフォームを追加したり、既存のアダプティブフォームを埋め込んだりすることができます。
1 つのページ上の複数のアダプティブForms — 埋め込みコンポーネントはサポートされていません。
新しいフォームを作成して埋め込むには、コンポーネントツールバーでフォームを作成アイコンをタップします。フォームを作成するウィンドウが開きます。
サイトページの埋め込みアダプティブForms — 埋め込みコンポーネントをタップし、 をクリックします。 この アダプティブFormsを編集 — 埋め込み ダイアログが開きます。
アダプティブForms — 埋め込みを編集ダイアログで、以下を指定します。
アセットのタイプ:埋め込むアセットのタイプを選択します。
表示
「ありがとうございます」メッセージ:フォーム送信時に表示するメッセージをリッチテキストエディターで書き込みます。このオプションは、「ありがとうございます」メッセージの表示が有効な場合にのみ選択できます。
「ありがとうございます」ページ: フォームの送信時に表示するページを参照して選択します。このオプションは、「ありがとうございます」ページの表示が有効な場合にのみ選択できます。
設定を保存します。これで、アダプティブフォームがページに埋め込まれました。
AEMサイトでは、アダプティブフォームの埋め込みコンポーネントを使用して、その場でアダプティブフォームを作成することもできます。 次の手順に従って、 アダプティブForms — 埋め込みコンポーネント AEMサイトページ:
アダプティブフォームの埋め込み先の AEM Sites ページを、編集モードで開きます。
コンポーネントブラウザーパネルから、アダプティブForms — 埋め込みコンポーネントをページにドラッグ&ドロップします。
次をクリック: プラス アイコンが表示され、フォーム作成ウィザードにリダイレクトされます。
これで、 AEM Forms Container Component.
ここでは、AEM Sites ページに埋め込まれたアダプティブフォームを公開するための、次のようなシナリオを考えてみます。
AEM sites ページでは、アダプティブフォームへの参照がアダプティブForms — 埋め込みに保持されます。 したがって、元のアダプティブフォームで指定された設定やプロパティ(テーマ、スタイル、送信アクションなど)は、埋め込まれたアダプティブフォームで保持されます。
埋め込まれたアダプティブフォームの設定やプロパティを変更するには、次のいずれかの操作を行います。
元のフォームに加えた変更は、埋め込まれたフォームに自動的に反映されます。ただし、公開済みページに変更内容を反映するために、アダプティブフォームまたはサイトページを再公開する必要があります。
AEMサイトページにアダプティブフォームを埋め込む際は、次の点に注意してください。