教學課程：建立互動式通訊 tutorial-create-interactive-communication

登入AEM作者執行個體並導覽至​ Adobe Experience Manager > Forms > Forms和檔案。

選取​ 建立 ​並選取​ 互動式通訊。 顯示​ 建立互動式通訊 ​精靈。

在​ Title ​和​ Name ​欄位中指定​ create_first_ic。 選取​ FDM_Create_First_IC ​作為表單資料模型，並選取​ 下一步。

在​ 管道 ​精靈中：

1. 將​ create_first_ic_print_template ​指定為列印範本，並選取​ 選取。 確保未選取​ Web Channel的[使用列印為主版] ​核取方塊。

2. 將​ Create_First_IC_templates ​資料夾> Create_First_IC_Web_Template ​指定為Web範本，並選取​ 選取。

3. 選取「建立」。

系統會顯示確認訊息，指出已成功建立互動式通訊。

選取​ 編輯 ​以在右窗格中開啟互動式通訊。

移至​ Assets ​索引標籤並套用篩選，以在左窗格中僅顯示檔案片段。

將下列檔案片段拖放至互動式通訊中的目標區域：

選取​ 圖表 ​目標區域，並選取​ + ​以新增​ 圖表 ​元件。

選取圖表元件，然後選取 （設定）。 圖表屬性會顯示在左窗格中：

1. 指定圖表的名稱。
2. 從​ 圖表型別 ​下拉式清單中選取​ 圓形圖。
3. 從​ X軸 ​區段中的​ calls ​資料模型物件型別中選取​ calltype ​屬性。 選取 。
4. 從​ 函式 ​下拉式清單中選取​ 頻率。
5. 從​ Y軸 ​區段中的​ calls ​資料模型物件型別中選取​ calltype ​屬性。 選取 。
6. 選取 以儲存圖表屬性。

前往​ Assets ​索引標籤並套用篩選器，以在左窗格中僅顯示佈局片段。 將​ table_lf ​佈局片段拖放至​ 分項呼叫 ​目標區域。

選取​ Date ​欄中的[文字欄位]並選取 （設定）。

從​ 繫結型別 ​下拉式清單中選取​ 資料模型物件，然後選取​ 呼叫 > 呼叫日期。 選取 兩次，以儲存屬性。

同樣地，針對​ Time、Number、Duration ​和​ Charges ​欄中的文字欄位，分別建立具有​ calltime、callnumber、callduration ​和​ callcharges ​的繫結。

選取​ PayNow ​目標區域，並選取​ + ​以新增​ Image ​元件。

選取影像元件，然後選取 (Configure)。 影像屬性會顯示在左窗格中：

1. 在​ Name ​欄位中指定​ PayNow ​作為影像的名稱。
2. 選取​ 上傳，選取儲存在本機檔案系統上的影像，然後選取​ 開啟。
3. 選取 以儲存影像屬性。

重複步驟13和14，將​ ValueAddedServices ​影像新增至​ ValueAddedServices ​目標區域。

登入AEM作者執行個體並導覽至​ Adobe Experience Manager > Forms > Forms和檔案。

選取​ 建立 ​並選取​ 互動式通訊。 顯示​ 建立互動式通訊 ​精靈。

在​ Title ​和​ Name ​欄位中指定​ create_first_ic。 選取​ FDM_Create_First_IC ​作為表單資料模型，並選取​ 下一步。

在​ 管道 ​精靈中：

1. 將​ create_first_ic_print_template ​指定為列印範本，並選取​ 選取。 確保未選取​ Web Channel的[使用列印為主版] ​核取方塊。

2. 將​ Create_First_IC_templates ​資料夾> Create_First_IC_Web_Template ​指定為Web範本，並選取​ 選取。

3. 選取「建立」。

系統會顯示確認訊息，指出已成功建立互動式通訊。

選取​ 編輯 ​以在右窗格中開啟互動式通訊。

從左窗格中選取​ 管道 ​標籤，然後選取​ 網頁。

移至​ Assets ​索引標籤並套用篩選，以在左窗格中僅顯示檔案片段。

將下列檔案片段拖放至互動式通訊中的目標區域：

選取​ 費用摘要 ​目標區域，並選取​ + ​以新增​ 圖表 ​元件。

選取圖表元件，然後選取 （設定）。 圖表屬性會顯示在左窗格中：

1. 指定圖表的名稱。

2. 從​ 圖表型別 ​下拉式清單中選取​ 圓形圖。

3. 從​ X軸 ​區段中的​ calls ​資料模型物件型別中選取​ calltype ​屬性。 選取 。

4. 從​ 函式 ​下拉式清單中選取​ 頻率。

5. 從​ Y軸 ​區段中的​ calls ​資料模型物件型別中選取​ calltype ​屬性。 選取 。

6. 選取 以儲存圖表屬性。

從左窗格選取​ 資料來源 ​標籤，並將​ 呼叫 ​資料模型物件拖放至​ 分項呼叫 ​目標區域。 呼叫 ​資料模型物件中的所有屬性都會顯示為右窗格中​ 分項呼叫 ​目標區域中的資料表資料行。

根據使用案例，您需要在表格中建立「通話日期」、「通話時間」、「通話號碼」、「通話持續時間」和「通話費用」欄。

互動式通訊的

選取​ Mobilenum ​資料表資料行標題，然後選取​ 其他選項 > 刪除資料行。 同樣地，刪除​ Calltype ​資料行。

選取​ Calldate ​資料表資料行標題並選取 （編輯）以將文字重新命名為​ 呼叫日期。 同樣地，重新命名表格中的其他欄標題。

根據使用案例，在互動式通訊中插入​ 立即付款 ​按鈕，使用者可透過按一下按鈕選擇付款。 執行以下步驟來插入按鈕：

1. 選取​ 立即付款 ​目標區域，並選取​ + ​以新增​ 文字 ​元件。

2. 選取文字元件並選取 （編輯）。

3. 將文字重新命名為​ 立即付款。

4. 選取文字並選取「超連結」圖示。

5. 在​ 路徑 ​欄位中指定付款URL。

6. 從​ Target ​下拉式清單中選取​ 新索引標籤。

7. 選取 以儲存超連結屬性。

從​ 預覽 ​選項旁的下拉式清單中選取​ 樣式。

使用下列步驟，設定超連結文字的樣式，使其在互動式通訊中顯示為按鈕：

1. 選取文字元件並選取 （編輯）。

2. 在​ 邊框 ​區段中，將​ 1.5px ​指定為​ 邊框寬度，選取​ 實線 ​作為​ 邊框樣式，並將​ 46px ​指定為​ 邊框半徑。

3. 從​ 背景 ​區段中選取紅色作為按鈕的背景顏色。

4. 在​ Dimension與位置 ​區段的​ 邊界 ​欄位中，選取​ 同時編輯 ​圖示，並將​ 右側 ​邊界設定為​ 450px。 「上」、「下」和「左」欄位會設為空白。

選取​ 立即付款 ​目標區域，並選取​ + ​以新增​ Image ​元件。

選取影像元件，然後選取 (Configure)。 影像屬性會顯示在左窗格中：

1. 在​ Name ​欄位中指定​ PayNow ​作為影像的名稱。

2. 選取​ 上傳，選取儲存在本機檔案系統上的​ PayNowWeb ​影像，然後選取​ 開啟。

3. 選取 以儲存影像屬性。

根據使用案例，在互動式通訊中插入​ 訂閱 ​按鈕，使用者可透過按一下按鈕選擇訂閱加值服務。

重複步驟13至17，將​ 訂閱 ​按鈕新增至​ 加值服務 ​目標區域，並新增​ ValueAddedServicesWeb ​影像。

登入AEM作者執行個體並導覽至​ Adobe Experience Manager > Forms > Forms和檔案。

選取​ 建立 ​並選取​ 互動式通訊。 顯示​ 建立互動式通訊 ​精靈。

在​ Title ​和​ Name ​欄位中指定​ create_first_ic。 選取​ FDM_Create_First_IC ​作為表單資料模型，並選取​ 下一步。

在​ 管道 ​精靈中：

1. 將​ create_first_ic_print_template ​指定為列印範本，並選取​ 選取。

2. 選取​ 使用Web Channel的[列印為主版] ​核取方塊。

3. 將​ Create_First_IC_templates ​資料夾> Create_First_IC_Web_Template ​指定為Web範本，並選取​ 選取。

4. 選取「建立」。

系統會顯示確認訊息，指出已成功建立互動式通訊。

選取​ 編輯 ​以在右窗格中開啟互動式通訊。

執行為列印通道區段建立互動式通訊的步驟6至15。

從左窗格選取​ 管道 ​標籤，並選取​ Web ​以從Print channel自動產生Web channel的內容。

由於已在步驟4中選取​ 使用Print as Master for Web Channel ​核取方塊，因此內容和繫結會從Print channel自動產生Web channel。

列印管道內容會插入Web channel範本內容下方。 若要修改已從列印管道自動產生的Web channel內容，您可以取消任何目標區域的繼承。

將游標停留在Web Channel的相關目標區域上，並選取 （取消繼承），然後在​ 取消繼承 ​對話方塊中，選取​ 是。

如果您已取消元件的繼承，則可重新啟用它。 若要重新啟用繼承，請將游標停留在相關目標區域（包含元件）的邊界上，然後選取 。

在左窗格中選取​ Content ​標籤。

使用內容樹將自動產生的Web channel內容拖放到Web範本中的現有面板。 以下是需要重新排列的元件清單：

• 「用料表詳細資訊」面板的「用料表詳細資訊」元件
• 「客戶詳細資料」面板的「客戶詳細資料」元件
• 「用料表彙總」面板的「用料表彙總」元件
• 「費用彙總」元件至「費用彙總」面板
• 將片段（表格）配置到分項呼叫面板

重複步驟13 - 18 （共個）建立Web管道的互動式通訊，以將​ 立即付款 ​和​ 訂閱 ​超連結插入互動式通訊的Web管道中。