Customize Invites

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 of the dialog box is defined in the WebEngagement_EngagementLogic project, located in apps/<application name>/_composer/. To modify this Invite message: Prerequisites

• The Genesys Rules Development Tool is installed, configured, and opened in Composer or in Eclipse.
• The following procedure uses Composer.

Start

1. Navigate to Window > Open Perspective > Other > Template Development to switch to the Template Development perspective of the Genesys Rules Authoring Developer Tool.
2. Select File > Import....
3. In the Import dialog window, navigate to General > Existing Projects into Workspace. Click Next.
4. 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.
5. Import your project.
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.
   
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};

1. Save your changes and generate the code.
2. To make the changes available in the Genesys Web Engagement servers:
   • Stop the servers in Genesys Administrator.
   • Build and Deploy your Web Engagement Application as described in the User's Guide.
   • Start your Web Engagement Servers as described in the User's Guide.

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 \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.
3. To make the changes available in the Web Engagement servers:
   • Stop the servers in Genesys Administrator;
   • Build and Deploy your Web Engagement Application as described in the User's Guide;
   • Start your Web Engagement Servers as described in the User's Guide.

You may have to clean your cache to see the changes.