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容器」對話方塊中,指定下列項目。
資產類型: 選取要內嵌的資產類型。選項包括可調式表單和互動式通訊
資產路徑:瀏覽並選擇要嵌入的最適化表單或互動式通訊。如果您從「資產」瀏覽器中刪除,則會自動填入。
(僅限最適化表單)貼文提交:選擇表單提交時要觸發的動作。 您可以選擇顯示感謝訊息或感謝頁面。
主題:選取主題,以定義最適化表單或互動式通訊元件的樣式。樣式包括外觀屬性,如字型樣式、背景顏色、尺寸和對齊方式。
高度:指定容器的高度。保留為空白,以自動調整容器大小。
CSS用戶端程式庫:指定CSS用戶端程式庫的路徑。
儲存設定。 最適化表單或互動式通訊現在內嵌在頁面中。
讓我們考慮以下情況,以便在網站頁面中發佈內嵌資產(最適化表單或互動式通AEM訊):
網站頁AEM面會在「AEM Forms容器」中保留對最適化表單和互動式通訊的參考。 因此,所有配置和屬性(如主題、樣式和提交動作)都保留在嵌入式自適應形式和互動式通信中,這些配置和屬性在原始自適應形式和互動式通信中配置。
要修改嵌入式自適應表單和互動式通信的任何配置或屬性,請執行下列操作之一。
原始自適應表單或互動式通訊所做的變更會自動反映在內嵌表單中。 不過,請重新發佈最適化表單、互動式通訊或網站頁面,以反映已發佈頁面中的變更。
在網站頁面中內嵌最適化表單時,請牢記以AEM下幾點: