Hosted experience overview

Displaying content

6min

Supporting content
Hosted Experience provides an interface for rendering HTML content that can support your digital human experience. This content should be provided in your conversation platform's intent response through the displayHtml Supported commands﻿﻿
Supporting content accompanying an intent response will continue to be displayed to users until the user minimises the supporting content box, or until it is replaced by new content through another intent response.
You can see examples of how this is provided for Dialogflow ES and Lex.
JSON
|
{
    "instructions": {
        "displayHtml": {
            "html": "stringified html"
        }
    }
}
{
    "instructions": {
        "displayHtml": {
            "html": "stringified html"
        }
    }
}
﻿
Note: Content within the html property is stringified, so this content must be escaped.
﻿
Displaying HTML & CSS content
HTML & CSS may be included in your html instruction and will be rendered inside the content area.
JSON
|
{
  "instructions": {
    "displayHtml": {
      "html": "<h1 style='color: rgb(255, 165, 0)'>Example Content</h1><p>This is some example content. Here is an example link:</p><a href='http://uneeq.com' target='_blank'>Link</a><p>Example list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul>"
    }
  }
}
{
  "instructions": {
    "displayHtml": {
      "html": "<h1 style='color: rgb(255, 165, 0)'>Example Content</h1><p>This is some example content. Here is an example link:</p><a href='http://uneeq.com' target='_blank'>Link</a><p>Example list:</p><ul><li>item 1</li><li>item 2</li><li>item 3</li></ul>"
    }
  }
}
﻿
Example of content displayed in Overlay layout mode.
﻿
﻿
Javascript content
For security reasons, Javascript will be removed from the provided html and not executed within your website, or inside the content area. There are some exceptions however; the following methods may be securely executed as part of onclick events:
Method
Example
uneeqAsk
<button onclick="uneeqAsk('question 1')">Question 1</button> 
uneeqEndSession
<button onclick="uneeqEndSession()">End Session</button>
uneeqSetShowUserInputInterface
<button onclick="uneeqSetShowUserInputInterface(true)">Show Input</button> 
﻿

TABLE OF CONTENTS

Supporting content

Displaying HTML & CSS content

Javascript content

Method	Example
uneeqAsk	<button onclick="uneeqAsk('question 1')">Question 1</button>
uneeqEndSession	<button onclick="uneeqEndSession()">End Session</button>
uneeqSetShowUserInputInterface	<button onclick="uneeqSetShowUserInputInterface(true)">Show Input</button>