使用所有构件块创建交互式通信
本教程是创建您的第一个交互式通信系列中的一个步骤。 建议按照时间顺序按照系列来了解、执行和演示完整的教程用例。
为Web版本创建了表单数据模型、文档片段、模板和主题等所有构建基块后,您就可以开始创建交互式通信。
交互式通信可通过两种渠道提供:印刷和Web。 您还可以创建交互式通信,将打印渠道作为主控。 Web渠道的打印为主控选项可确保Web渠道的内容、继承和数据绑定是从打印渠道派生的。 它还确保在打印渠道中所做的更改在Web渠道中同步。 但是,允许交互通信作者在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和文档。
点按创建并选择交互通信。 此时将显示创建交互通信向导。
在标题和名称字段中指定create_first_ic。 选择FDM_Create_First_IC作为表单数据模型,然后点按Next。
在渠道向导中:
将显示一条确认消息,提示已成功创建交互式通信。
点按编辑以打开右窗格中的交互式通信。
转到资产选项卡,应用筛选器以仅在左窗格中显示文档片段。
将以下文档片段拖放到交互通信中的目标区域:
文档片段 | 目标区域 |
---|---|
bill_details_first_ic | BillDetails |
customer_details_first_ic | 客户详细信息 |
bill_summary_first_ic | 帐单摘要 |
summary_charges_first_interactive_communication | 费用 |
点按图表目标区域,然后点按+以添加图表组件。
点按图表组件并选择(Configure)。 图表属性显示在左窗格中:
转到资产选项卡并应用筛选器以仅在左侧窗格中显示布局片段。 将table_lf布局片段拖放到明细调用目标区。
选择Date列中的文本字段,然后点按(Configure)。
从绑定类型下拉列表中选择数据模型对象,然后选择调用 > 调用日期。 点按两次以保存属性。
同样,为Time、Number、、调用和调用中的文本字段创建与调用的绑定持续时间和电荷列。
点按PayNow目标区域,然后点按+以添加Image组件。
点按图像组件,然后选择(Configure)。 图像属性显示在左窗格中:
重复步骤13和14,将ValueAddedServices图像添加到ValueAddedServices目标区域。
以下是本教程中已创建的资源列表,创建Web渠道时需要这些资源:
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和文档。
点按创建并选择交互通信。 此时将显示创建交互通信向导。
在标题和名称字段中指定create_first_ic。 选择FDM_Create_First_IC作为表单数据模型,然后点按Next。
在渠道向导中:
将显示一条确认消息,提示已成功创建交互式通信。
点按编辑以打开右窗格中的交互式通信。
点按左窗格中的渠道选项卡,然后点按Web。
转到资产选项卡,应用筛选器以仅在左窗格中显示文档片段。
将以下文档片段拖放到交互通信中的目标区域:
文档片段 | 目标区域 |
---|---|
bill_details_first_ic | BillDetails |
customer_details_first_ic | 客户详细信息 |
bill_summary_first_ic | 帐单摘要 |
summary_charges_first_interactive_communication | 费用 |
点按“费用摘要”目标区域,然后点按+以添加图表组件。
点按图表组件并选择(Configure)。 图表属性显示在左窗格中:
从左窗格中选择数据源选项卡,将调用数据模型对象拖放到明细调用目标区。 调用数据模型对象中的所有属性均显示为右侧窗格的明细调用目标区域中的表列。
根据用例,您需要表中的“呼叫日期”、“呼叫时间”、“呼叫号码”、“呼叫持续时间”和“呼叫费用”列。
选择Mobilenum表列标题,然后选择更多选项 > 删除列。 同样,删除Calltype列。
选择调用日期表列标题并点按(编辑),将文本重命名为调用日期。 同样,重命名表中的其他列标题。
根据用例,在交互通信中插入立即付费按钮,该按钮为用户提供通过单击该按钮进行付款的选项。 执行以下步骤以插入按钮:
从预览选项旁边的下拉列表中选择样式。
设置超链接文本的样式,以在交互通信中将其显示为按钮,步骤如下:
点按立即付费目标区域,然后点按+以添加图像组件。
点按图像组件,然后选择(Configure)。 图像属性显示在左窗格中:
根据用例,在交互通信中插入订阅按钮,该按钮通过单击该按钮为用户提供订阅增值服务的选项。
重复步骤13 - 17,将订阅按钮添加到增值服务目标区域,并添加ValueAddedServicesWeb图像。
您还可以通过启用打印和Web渠道之间的自动同步来创建交互式通信。 要启用自动同步,请在创建交互式通信时选择“打印为主控”选项。 选择“打印为主控”选项可确保Web渠道的内容、继承和数据绑定是从“打印”渠道派生的。 它还确保在打印渠道中所做的更改反映在Web渠道中。
执行以下步骤,使用“打印渠道”衍生Web渠道内容:
登录到AEM作者实例,然后导航到Adobe Experience Manager > Forms > Forms和文档。
点按创建并选择交互通信。 此时将显示创建交互通信向导。
在标题和名称字段中指定create_first_ic。 选择FDM_Create_First_IC作为表单数据模型,然后点按Next。
在渠道向导中:
将显示一条确认消息,提示已成功创建交互式通信。
点按编辑以打开右窗格中的交互式通信。
点按左窗格中的渠道选项卡,然后点按Web以从“打印”渠道自动生成Web渠道的内容。
在步骤4中选中将“打印为Web渠道的主控”复选框时,将从“打印”渠道自动为Web渠道生成内容和绑定。
打印渠道内容会插入到Web渠道模板内容的下方。 要修改已从“打印”渠道自动生成的Web渠道内容,可取消任何目标区域的继承。
将指针悬停在Web渠道中的相关目标区域上,选择(取消继承),然后在取消继承对话框中,点按是。
如果已取消某个组件的继承,则可以重新启用该继承。 要重新启用继承,请将指针悬停在包含该组件的相关目标区域的边界上,然后点按。
选择左窗格中的Content选项卡。
使用内容树将自动生成的Web渠道内容拖放到Web模板中的现有面板。 以下是需要重新排列的组件的列表:
重复创建交互式Web渠道通信的步骤13 - 18,将立即付费和订阅超链接插入交互式通信的Web渠道。