使用 HTML 和 JSX 自訂 Amazon Connect 代理程式工作區的檢視

您可以自訂檢視資源配置的外觀和風格。當您將輸入參數傳遞至 顯示檢視區塊時，您可以利用 HTML 或 JSX 來執行此操作。

完成下列步驟，以取得如何使用 HTML 或 JSX 搭配 顯示檢視 區塊的簡單範例。

1. 使用 顯示檢視區塊建立流程。

2. 開啟 顯示檢視區塊的屬性頁面。

3. 在檢視下，從下拉式清單中選取詳細資訊。

4. 在區段區段中，選擇設定 JSON。

5. 複製並貼上下列 JSON 程式碼。此程式碼顯示 HTML 或 JSX 表達式的處理方式。

   HTML 範例

   {
   "TemplateString": 
        "<TextContent>Steps:<ol><li>Customer provides incident information</li><li>Customer provides receipts and agrees with 
            amount</li> <li>Customer receives reimbursement</li></ol></TextContent>"
   }

   JSX 範例

   {
   "TemplateString":
   "Please provide an introduction to the customers. Ask them how their day is going
   Things to say:
   Hello, how are you today? My name is Bob, who am I speaking to?"
   }