在網站頁面中內嵌AEM最適化表單或互動式通訊

概覽

AEM Forms允許表單開發人員將調適性表單和互動式通訊順暢地內嵌在AEM Sites網頁或外部代管的網頁AEM中。嵌入式自適應表單與互動式通訊功能完整，使用者可填寫並提交表單，而不需離開頁面。它可協助使用者在網頁上保留其他元素的內容，並同時與表單或互動式通訊互動。

有關在外部網頁中嵌入自適應表單的資訊，請參見在外部網頁中嵌入自適應表單。

在AEM Sites網頁中，您可以使用下列方式新增最適化表單或互動式通訊：

AEM Forms容
器元件AEMForms提供可新增至網站頁面的元件。「AEM Forms集裝箱」元件可讓您嵌入最適化表單和互動式通訊。
資產瀏
覽器您建立的所有表單和互動式通訊內容都可在「資產」下取用。您可以將表單拖放為頁面上的資產。

必備條件

若要在使用可編輯範本的網站頁面AEM中內嵌最適化表單或互動式通訊，請確定AEMForm元件已設定為相關範本中允許的元件。如需詳細資訊，請參閱建立頁面範本中的原則與屬性（版面容器）一節。

若是使用靜態範本的「網站」頁面，您必須在網站頁面的段落系統中加以設定。如需詳細資訊，請參閱在設計模式中設定元件。

嵌入自適應表單或交互通信

要使用AEM Forms容器元件嵌入自適應表單或互動式通信，請執行以下操作：

以編輯AEM模式開啟網站頁面，您要在其中內嵌最適化表單或互動式通訊。
從「元件瀏覽器」面板，拖放頁面上的「AEM Forms容器」元件。

或者，您也可以在「資產」瀏覽器中搜尋最適化表單或互動式通訊，並將它拖放至「網站」頁面。它將表格嵌入AEM Forms集裝箱。

注意

不支援頁面上的多個AEM Forms容器元件。
點選網站頁面中內嵌的AEM Forms容器元件，然後點選動作列上的。 編輯AEM Forms容器對話方塊隨即開啟。
在「編輯AEM Forms容器」對話方塊中，指定下列項目。
- 資產類型： 選取要內嵌的資產類型。選項包括可調式表單和互動式通訊
- 資產路徑:瀏覽並選擇要嵌入的最適化表單或互動式通訊。如果您從「資產」瀏覽器中刪除，則會自動填入。
- （僅限最適化表單）貼文提交:選擇表單提交時要觸發的動作。您可以選擇顯示感謝訊息或感謝頁面。
  - 感謝訊息:使用Rich Text編輯器撰寫訊息，以在表單提交時顯示。只有當您選擇顯示感謝訊息時，才可使用此選項。
  - 感謝頁面:瀏覽並選取要在表單提交時顯示的頁面。只有在您選擇顯示感謝頁面時，此選項才可用。
  - 提交時刷新頁:啟用以重新整理包含內嵌最適化表單的頁面，以顯示感謝頁面。否則，感謝頁面會取代AEM Forms容器中的最適化表單，而不會重新整理頁面。只有在您選擇顯示感謝頁面時，此選項才可用。
- 主題:選取主題，以定義最適化表單或互動式通訊元件的樣式。樣式包括外觀屬性，如字型樣式、背景顏色、尺寸和對齊方式。
- 高度:指定容器的高度。保留為空白，以自動調整容器大小。
- CSS用戶端程式庫:指定CSS用戶端程式庫的路徑。
儲存設定。最適化表單或互動式通訊現在內嵌在頁面中。