Jump to: navigation, search

Customize Invites

DevGuide2.png Purpose: To describe how to customize the engagement invites.

Modifying the Invite Message

If an actionable event is submitted to the Web Engagement Backend Server, the Genesys Web Engagement application displays a chat or web callback invitation to engage the customer. This invite message in the dialog box is defined in the WebEngagement_EngagementLogic project, located in apps/<application name>/_composer/. Complete the following procedure to modify the invite message:

Prerequisites

Start

  1. In the Genesys Rules Authoring Developer Tool, select File > Import....
  2. In the Import dialog window, navigate to General > Existing Projects into Workspace. Click Next.
  3. Select Select Root Directory:, then click Browse. Select the WebEngagement_EngagementLogic project located in apps/<application name>/_composer/.
    Mandatory: Do NOT enable the Copy projects into workspace option.
  4. Import your project.
  5. Right-click the project and select Upgrade Composer Project. Wait until the upgrade is complete.
  6. In the Project explorer, expand WebEngagement_EngagementLogic/Worflows/engage.workflow and click on the ECMA Script object named FulfillEngagementProfile. In the properties pane, click on Script properties.
    GWE-engage.workflow.png
  7. Edit the ECMA Script and update the content of the message field in the variable engageProfile: var engageProfile = { 'visit_id': event.visitID, 'nick_name': profile.FirstName, 'first_name': profile.FirstName, 'last_name': profile.LastName, 'email_address': customerAddress, 'subject': channelName, 'message':'Hello. Would you like assistance with the topic of current page? Agents are available now to answer your questions.', 'time_zone_offset': 8, 'wait_for_agent' : false, 'routing_point':sipRoutingPoint, 'ixn_type': channelType, 'pageId': event.pageID, 'inviteTimeout': 30};
  8. Save your changes and generate the code. Note: This step must be completed to make your changes available in the Genesys Web Engagement servers.
  9. To make the changes available in the Genesys Web Engagement servers:
You may have to clean your cache to see the changes.

Modify the Logo used by the Frontend Server

  1. To modify the logo:
    • Rename your logo image to logo_small.png and copy the file in apps\<application name>\frontend\src\main\webapp\resources\img.
    Or:
    • Edit the weinvite.css file in the \apps\<application name>\frontend\src\main\webapp\resources\css\ directory, and modify the name and relative path of your logo here:
      .wedialog .dialog-content .branding-content{/*...*/    background-image: url(../img/logo_small.png);/*...*/}
  2. Save your changes and generate the code. Note: This step must be completed to make your changes available in the Genesys Web Engagement servers.
  3. To make the changes available in the Web Engagement servers:



You may have to clean your cache to see the changes.
This page was last modified on March 5, 2014, at 12:03.

Feedback

Comment on this article:

blog comments powered by Disqus