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