Once you have the video service and accompanying html elements in place, you are ready to build the two Conversational Cloud widgets for your video call: the agent side widget and the customer side widget.
Agent side widget
To create your agent side widget, you will need:
The Agent Workspace Widget is an iframe-based service that loads your web application according to a URL configured in the Agent Workspace.
It is comprised of the following:
Your agent web application which is used to search and send rich media content to the consumer.
Agent Workspace Widget SDK
Hosted in the web service resources. Used only to bind on session data in order to get the session ID. The session ID is required to send data to the engagement window widget in the session context.
Engagement Window Widget (consumer side window)
To create your consumer side widget you will need:
Help from your LivePerson contact to integrate
The Engagement Window Widget is an iframe-based service that loads the content received from the agent widget.
Status of the request needs to be accepted
The widget (slider to the right of the window) opens when you trigger the widget 'start state’. This should trigger based on the acceptance of the request the agent sends.
Implement the window application
Contact your LivePerson representative and request to deploy your window application code into Conversational Cloud taglet manager
Test your application
We recommend to test your new window application before publishing it. Simply create a campaign that is located only on one of your test pages. Trigger your new app, ensure that it is functioning correctly, and then publish it on your live campaigns.