使用所有建置區塊建立互動式通訊
本教學課程是建立您第一個互動式通訊系列中的步驟。 建議依序依序依序排列,以瞭解、執行和展示完整的教學課程使用案例。
一旦您建立了Web版本的所有建置區塊,例如表單資料模型、檔案片段、範本和主題,就可以開始建立互動式通訊。
互動式通訊可透過兩個通道提供:印刷與網頁。 您也可以以主版的方式建立互動式的列印通訊管道。 列印為網頁頻道的主選項,可確保網頁頻道的內容、繼承和資料系結是從列印頻道衍生而來。 此外,還可確保在列印頻道中所做的變更在網頁頻道中同步。 不過,「互動式通訊」作者可以中斷Web頻道中特定元件的繼承。
本教學課程將逐步帶您建立適用於印刷和網路頻道的互動式通訊。 在本教學課程結束時,您將能夠:
以下是本教學課程中已建立且建立列印頻道互動式通訊時所需的資源清單:
列印範本: create_first_ic_print_template
表單資料模 型:FDM_Create_First_IC
文檔片段: bill_details_first_ic、customer_details_first_ic、bill_summary_first_ic、summary_charges_first_ic
版面片段: table_lf
影像: PayNow和ValueAddedServices
登入AEM作者例項,並導覽至「Adobe Experience Manager > Forms > Forms & Documents」。
點選「建立」並選取「互動式通訊」。將顯示建立互動式通信嚮導。
在Title和Name欄位中指定create_first_ic。 選擇FDM_Create_First_IC作為表單資料模型,然後按一下Next。
在頻道精靈中:
將顯示一條確認消息,表明已成功建立互動式通信。
點選「編輯」,在右窗格中開啟「互動式通訊」。
前往Assets標籤,並套用篩選器,只顯示左側窗格中的檔案片段。
在「互動式通訊」中將下列檔案片段拖放至其目標區域:
文件片段 | 目標區域 |
---|---|
bill_details_first_ic | BillDetails |
customer_details_first_ic | 客戶詳細資訊 |
bill_summary_first_ic | BillSummary |
summary_charges_first_interactive_communication | 費用 |
點選「Charts目標區域」,點選「+」以新增「Chart 」元件。
點選圖表元件並選取(設定)。 圖表屬性會顯示在左窗格中:
前往Assets標籤,並套用篩選條件,只顯示左側窗格中的版面片段。 將table_lf佈局片段拖放到項目化呼叫目標區域。
在Date欄中選擇「文字欄位」,然後點選(設定)。
從綁定類型下拉清單中選擇資料模型對象,並選擇調用 >調用調用日期。 點選兩次以儲存屬性。
同樣地,為Time、Number、中的文本欄位建立與 calltime 、 callnumber 、 callduration 和 callcharges 綁定2/>持續時間和電荷欄。
點選PayNow目標區域,點選+以新增Image元件。
點選影像元件並選取(設定)。 影像屬性會顯示在左窗格中:
重複步驟13和14,將ValueAddedServices映像添加到ValueAddedServices目標區域。
以下是本教學課程中已建立的、在建立網路頻道互動式通訊時需要的資源清單:
Web模板: Create_First_IC_Web_Template
表單資料模 型:FDM_Create_First_IC
文檔片段: bill_details_first_ic、customer_details_first_ic、bill_summary_first_ic、summary_charges_first_ic
影像: PayNowWeb和ValueAddedServicesWeb
登入AEM作者例項,並導覽至「Adobe Experience Manager > Forms > Forms & Documents」。
點選「建立」並選取「互動式通訊」。將顯示建立互動式通信嚮導。
在Title和Name欄位中指定create_first_ic。 選擇FDM_Create_First_IC作為表單資料模型,然後按一下Next。
在頻道精靈中:
將顯示一條確認消息,表明已成功建立互動式通信。
點選「編輯」,在右窗格中開啟「互動式通訊」。
從左窗格點選「頻道」標籤,然後點選「Web」。
前往Assets標籤,並套用篩選器,只顯示左側窗格中的檔案片段。
在「互動式通訊」中將下列檔案片段拖放至其目標區域:
文件片段 | 目標區域 |
---|---|
bill_details_first_ic | BillDetails |
customer_details_first_ic | 客戶詳細資訊 |
bill_summary_first_ic | BillSummary |
summary_charges_first_interactive_communication | 費用 |
點選「Summary of Charges」目標區域,點選「+」以新增Chart元件。
點選圖表元件並選取(設定)。 圖表屬性會顯示在左窗格中:
從左窗格選擇Data Sources標籤,並將calls資料模型物件拖放至Itemized Calls目標區域。 calls資料模型對象中的所有屬性在右窗格的Itemized Calls目標區域中顯示為表列。
根據使用案例,您需要表格中的「呼叫日期」、「呼叫時間」、「呼叫號碼」、「呼叫持續時間」和「呼叫費用」欄。
選擇Mobilenum表列標題並選擇更多選項 > 刪除列。 同樣地,請刪除Calltype列。
選擇呼叫日期表格欄標題,並點選(編輯),將文字重新命名為呼叫日期。 同樣地,請更名表中的其他列標題。
根據使用案例,在「互動式通訊」中插入立即付費按鈕,讓使用者可以按一下按鈕來付款。 執行以下步驟以插入按鈕:
從預覽選項旁的下拉式清單中選擇樣式。
使用下列步驟,將超連結文字設為樣式,以便在互動式通訊中顯示為按鈕:
點選立即付費目標區域,點選+以新增影像元件。
點選影像元件並選取(設定)。 影像屬性會顯示在左窗格中:
根據使用案例,在「互動式通訊」中插入訂閱按鈕,讓使用者可以按一下按鈕來訂閱增值服務。
重複步驟13 - 17,將Subscribe按鈕添加到Value Added Services目標區域並添加ValueAddedServicesWeb映像。
您也可以啟用列印和網頁頻道之間的自動同步,以建立互動式通訊。 要啟用自動同步,請在建立交互通信時選擇「打印為主版」選項。 選擇「列印為主版」選項可確保從列印頻道衍生出網頁頻道的內容、繼承和資料系結。 此外,還可確保列印管道中所做的變更反映在網頁管道中。
執行下列步驟,使用列印頻道衍生網頁頻道內容:
登入AEM作者例項,並導覽至「Adobe Experience Manager > Forms > Forms & Documents」。
點選「建立」並選取「互動式通訊」。將顯示建立互動式通信嚮導。
在Title和Name欄位中指定create_first_ic。 選擇FDM_Create_First_IC作為表單資料模型,然後按一下Next。
在頻道精靈中:
將顯示一條確認消息,表明已成功建立互動式通信。
點選「編輯」,在右窗格中開啟「互動式通訊」。
從左窗格點選「頻道」標籤,點選「Web」,從「列印」頻道自動產生Web頻道的內容。
在步驟4中選中了「使用打印作為Web頻道的主節點」複選框,從打印頻道自動為Web頻道生成內容和綁定。
列印頻道內容插入網頁頻道範本內容下方。 若要修改已自動從列印頻道產生的網頁頻道內容,您可以取消任何目標區域的繼承。
將滑鼠指標暫留在網頁頻道的相關目標區域上,並選取(取消繼承),然後在Cancel Inheritance對話方塊中,點選Yes。
如果已取消元件的繼承,可重新啟用它。 若要重新啟用繼承,請將滑鼠指標暫留在包含元件的相關目標區域的邊界上,然後點選。
在左窗格中選擇Content標籤。
使用內容樹狀結構,將自動產生的Web頻道內容拖放至Web範本中的現有面板。 以下是需要重新排列的元件清單:
重複為Web通道建立互動式通信的步驟13 - 18,將Pay Now和Subscribe超連結插入互動式通信的Web通道中。