本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

# 在 Amazon Connect 聊天中部署 step-by-step指南
<a name="step-by-step-guides-chat"></a>

您可以在 Amazon Connect 聊天中启用 “ step-by-step指南”，以创建交互式的自助服务体验。此功能通过收集背景信息并将其传输给座席，帮助您更快地解决客户问题。您可以向客户提供您与为座席编写的相同指南，以实现更好的配置管理。

## 在 Amazon Connect 聊天中启用 step-by-step指南
<a name="step-by-step-guides-chat-enable"></a>

1. 确保您已启用并配置代理[step-by-step 指南](step-by-step-guided-experiences.md)。配置完指南后，请确认当联系人留给座席接听时，指南是否会弹出。

1. 采用与为座席配置视图相同的方法，在聊天流中使用 Show View Block 设置流以调用视图。以下示例将在客户选择聊天气泡时触发指南。在将聊天转移给座席之前，流会经过两个视图。  
![使用 Show View Block 将您的流设置为在聊天流中调用视图。](http://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/step-by-step-guides-chat-enable-1.png)

1. 从管理员页面创建托管聊天小部件。将聊天流设置为您创建的流。  
![从管理员页面创建托管聊天小部件。将聊天流设置为您创建的流。](http://docs.aws.amazon.com/zh_cn/connect/latest/adminguide/images/step-by-step-guides-chat-enable-2.png)

   此托管聊天会生成类似下面的脚本：

   ```
   <script type="text/javascript">
     (function(w, d, x, id){
       s=d.createElement('script');
       s.src='https://d38ij7tdo5kvz7.cloudfront.net/amazon-connect-chat-interface-client.js';
       s.async=1;
       s.id=id;
       d.getElementsByTagName('head')[0].appendChild(s);
       w[x] =  w[x] || function() { (w[x].ac = w[x].ac || []).push(arguments) };
     })(window, document, 'amazon_connect', '0b68a091-3538-4dcd-888e-f3b3ae64c5aa');
     amazon_connect('styles', { iconType: 'CHAT', openChat: { color: '#ffffff', backgroundColor: '#123456' }, closeChat: { color: '#ffffff', backgroundColor: '#123456'} });
     amazon_connect('snippetId', 'QVFJREFIZ3R0VzRTQkxzUnR6S1BPcXRseVBOUVlvWVlFclZwZmJ5bWZUc1hHVU1SM0FHM3BsdU4yaTZVTW9jeTRqQTRWMDJZQUFBQWJqQnNCZ2txaGtpRzl3MEJCd2FnWHpCZEFnRUFNRmdHQ1NxR1NJYjNEUUVIQVRBZUJnbGdoa2dCWlFNRUFTNHdFUVFNRFB0SmlxckgzenRMTjJ4cUFnRVFnQ3RxUHVQZm1Zd1F2ZjZVTzJ2ZTk5am1aUWEwZW53SHFzcmQ5bkdzRVdrNHJIbkJGTk81ekRBK0o4L1Q6OnBwUTZuLzRRKzVvdWdiUHhJRUU2MGM0TDlhcXEyZ0tramVmNkp3N2YvNXBIMTRwdDJSWmFVcjdzVTNzaXorc1BHTHhSOGd0b285dWpiemFrTU1tbWZoY0VCUEY4S3Z1ckdXNnZtV0ZjcVNFYnhrZlpuMVpsb1FGQjZ1SW5LMi9laHlmQVhXY3JXS1NDL1oxd29UejVkSUYwOFBoT3QvUT0=');
     amazon_connect('supportedMessagingContentTypes', [ 'text/plain', 'text/markdown' ]);
   </script>
   ```

   最后一行包含一个允许的信息数组。您可以在其中添加互动消息，以便在聊天中使用指南。例如：

   ```
   amazon_connect('supportedMessagingContentTypes', ['text/plain', 'application/vnd.amazonaws.connect.message.interactive', 'application/vnd.amazonaws.connect.message.interactive.response']);                        
   ```

1. 将以下内容添加到您的允许列表中 URLs ，以允许向 step-by-step导在聊天中工作：
   + `{{your-website-url}}/views/renderer/`

   如果您在网站上使用 CSP 聊天窗口小部件，您应该已经有了 cloudfront 网址。例如：
   + `https://{{unique-id}}.cloudfront.net/amazon-connect-chat-interface.js`

**注意**  
您还可以在聊天中使用“指南”和自定义的通信小部件。有关向自定义通信小部件添加 step-by-step指南的更多信息，请参阅 Github 上的 [Amazon Connect 聊天界面](https://github.com/amazon-connect/amazon-connect-chat-interface)。