Creating the Web Self Service Host Page
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> iframe element for a Web Self Service 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/start.html ?appkey=524bd189f7a42c49c5dd601b &accountId=12345678 &embedded=true &interaction=1374387336331-6601d54db1bd76faac36f277c9213ffe4358e1-20d4 &theme=breadcrumbs &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 X‑Platform Server and placed inside the <head> tag:
<head> <script src=“https://gointeract.io/webselfservice/plugins/postmessage.js"></script> </head>