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

概覽

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

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

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

  • AEM Forms容
    器元件AEMForms提供可新增至網站頁面的元件。「AEM Forms集裝箱」元件可讓您嵌入最適化表單和互動式通訊。

  • 資產瀏
    覽器您建立的所有表單和互動式通訊內容都可在「資產」下取用。您可以將表單拖放為頁面上的資產。

必備條件

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

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

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

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

  1. 以編輯AEM模式開啟網站頁面,您要在其中內嵌最適化表單或互動式通訊。

  2. 從「元件瀏覽器」面板,拖放頁面上的「AEM Forms容器」元件。

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

    注意

    不支援頁面上的多個AEM Forms容器元件。

  3. 點選網站頁面中內嵌的AEM Forms容器元件,然後點選動作列上的settings_icon編輯AEM Forms容器​對話方塊隨即開啟。

  4. 在「編輯AEM Forms容器」對話方塊中,指定下列項目。

    • 資產類型: 選取要內嵌的資產類型。選項包括可調式表單和互動式通訊

    • 資產路徑:瀏覽並選擇要嵌入的最適化表單或互動式通訊。如果您從「資產」瀏覽器中刪除,則會自動填入。

    • (僅限最適化表單)貼文提交:選擇表單提交時要觸發的動作。 您可以選擇顯示感謝訊息或感謝頁面。

      • 感謝訊息:使用Rich Text編輯器撰寫訊息,以在表單提交時顯示。只有當您選擇顯示感謝訊息時,才可使用此選項。
      • 感謝頁面:瀏覽並選取要在表單提交時顯示的頁面。只有在您選擇顯示感謝頁面時,此選項才可用。
      • 提交時刷新頁:啟用以重新整理包含內嵌最適化表單的頁面,以顯示感謝頁面。否則,感謝頁面會取代AEM Forms容器中的最適化表單,而不會重新整理頁面。 只有在您選擇顯示感謝頁面時,此選項才可用。
    • 主題:選取主題,以定義最適化表單或互動式通訊元件的樣式。樣式包括外觀屬性,如字型樣式、背景顏色、尺寸和對齊方式。

    • 高度:指定容器的高度。保留為空白,以自動調整容器大小。

    • CSS用戶端程式庫:指定CSS用戶端程式庫的路徑。

  5. 儲存設定。 最適化表單或互動式通訊現在內嵌在頁面中。

發佈內嵌的最適化表單和互動式通訊

讓我們考慮以下情況,以便在網站頁面中發佈內嵌資產(最適化表單或互動式通AEM訊):

  • 如果您是第一次發AEM布網站頁面,且頁面包含內嵌的最適化表單或互動式通訊,請發佈網站頁面和內嵌資產。
  • 如果您只修改發佈網站頁面中內嵌的最適化表單或互動式通訊,請發佈原始資產,而變更會反映在發佈的網站頁面中。 發佈的網站頁面包含資產的參考,不需要重新發佈頁面。
  • 如果您修改了網站頁面和內嵌的最適化表單或互動式通訊,請重新發佈網站頁面和內嵌資產。

修改嵌入式自適應表單和互動式通信

網站頁AEM面會在「AEM Forms容器」中保留對最適化表單和互動式通訊的參考。 因此,所有配置和屬性(如主題、樣式和提交動作)都保留在嵌入式自適應形式和互動式通信中,這些配置和屬性在原始自適應形式和互動式通信中配置。

要修改嵌入式自適應表單和互動式通信的任何配置或屬性,請執行下列操作之一。

  • 以最適化表單或個別編輯器中的互動式通訊方式開啟原始表單,並加以修改。
  • 以編輯模式從網站頁麵點選最適化表單或互動式通訊,然後點選「在新視窗中編輯」​原始表單會以可修改的編輯模式開啟。
注意

原始自適應表單或互動式通訊所做的變更會自動反映在內嵌表單中。 不過,請重新發佈最適化表單、互動式通訊或網站頁面,以反映已發佈頁面中的變更。

注意事項和最佳做法

在網站頁面中內嵌最適化表單時,請牢記以AEM下幾點:

  • 原始表單中的頁首和頁尾不包含在嵌入表單中。
  • 在表單入口網站的「草稿」和「已提交」Forms標籤中,支援並顯示內嵌表單的使用者草稿和提交。
  • 原始表單上設定的提交動作會保留在內嵌表單中。
  • 在原始表單上設定的體驗定位和A/B測試無法在內嵌表單中運作。 不過,您可以使用網站頁面上的體驗定位功能,根據使用者設定檔顯示不同的表單。
  • 如果您已為原始表單設定Adobe Analytics,內嵌表單的分析資料會在Adobe Analytics擷取。 不過,表單分析報表中不提供此選項。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now