This sample app includes information on how to work with the SDK. There are two flows:
Download the Sample App from the following Github repository.
Unmonitored Flow
Prerequisites for un-monitored flow
- An existing Conversational Cloud site - click here to create a site.
- An existing API-based engagement window configured in Conversational Cloud.
- An existing External engagement configured in Conversational Cloud, which refers to the above API-based engagement window.
- An available user (agent) who is logged into Conversational Cloud.
Note: Please contact your LivePerson representative in order to create your API-based engagement window and External engagement.
Launch your API-based Window in an Unmonitored Flow
- From the Sample App project, open the "index.html" file in the browser.
- Once open in the browser add the following query params
/index.html?site={siteId}&lptag=false
. - An engagement button should be displayed on this page.
- Click the chat button to start a chat.
Monitored Flow
Prerequisites for monitored flow
- An existing Conversational Cloud site - click here to create a site.
- An existing API-based engagement window configured in Conversational Cloud, with the context:
window
and methodName:externalJsMethodName
.
Note: Please contact your LivePerson representative in order to create your API-based engagement window. - An existing Website engagement configured in Conversational Cloud, which refers to the above API-based engagement window.
Note: This is configured in the Engagement template gallery. - An available user (agent) who is logged into Conversational Cloud.
Launch your API-based Window in a Monitored Flow
- From the Sample App project, open the "index.html" file in the browser.
- Once open in the browser add the following query params
/index.html?site={siteId}&lptag=true
. - An engagement button should be displayed on this page.
- Click the chat button to start a chat.
Authenticated users Flow
Prerequisites for authentication flow
- In our Sample App project there is an example of using Auth0 with Conversational Cloud authenticated visitors flow.
- Inside script.js you will find two parameters: AUTH0_CLIENT_ID, AUTH0_DOMAIN, fill them with your own data.
- Fill the correct data in the Data Sources section on Conversational Cloud;