To embed your widget in the host application, copy the code from the iframe element and paste it into a new or existing HTML page that will host the widget. The following example shows an iframe element for an Agent Application widget pasted inside the <body> tag of the host page:

<html>
<body>
<iframe id=“frame" height=400 width=300 style=“border:none"
src=https://gointeract.io:443/agent-app/index.html
?appkey=524bd189f7a42c49c5dd601b
&accountId=12345678
&showTabs=false
&showSearch=true
&showInformationArea=true
&showAddNote=true
&embedded=true
&interaction=1374387336331-6601d54db1bd76faac36f277c9213ffe4358e1-20d4
&theme=cupertino
&lang=English/>
</body>
<html>

To enable communication between the widget and the hosting page, the postmessage.js file needs to be included in the head section of the hosting page. The following example shows how this file can be taken from the Jacada Interaction Server and placed inside the <head>tag:

<head>
<script src=“https://gointeract.io/agent-app/plugins/postmessage.js"></script>
</head>

Revision:

Comments