How to use the Feedback (Thumbs Up/Down) feature
You can now let chatbot users give their Feedback on the content displayed in the chatbot, using the feedback feature in Answers.
This feature is only for Answers.
Settings in Answers
To enable feedback, navigate to Answers > Settings > Advanced tab and toggle the Enable Feedback option.
Settings in the Bot view template.
Place the below code in the Bot Out Parser of Bot Provider V2 node.
msg.payload.enableFeedback = true;Now the chatbot users can view thumbs up and thumbs down buttons on the bottom right corner of the chat bubble.
If you have multiple chat bubbles for the same question, the last bubble will have the thumbs up and thumbs down buttons.
Customizing the feedback thumbs
Changing the image or color of the feedback thumbs
You can give your own image/color for the thumbs up and thumbs down buttons shown in the Chatbot UI.
To change this, navigate to the Experience Designer > Bot View Template node > Custom CSS tab and place the below code.
.reactions .thumbs-down{
background-image: url(<Thumbsdown image>),url(<Circle surrounding the thumb>);
}
.reactions .thumbs-down-selected{
background-image: url(<Thumbsdown selected image>),url(<Circle surrounding the thumb>);
}
.reactions .thumbs-up{
background-image: url(<Thumbsup image>),url(<Circle surrounding the thumb>);
}
.reactions .thumbs-up-selected {
background-image: url(<Thumbsup selected image>),url(<Circle surrounding the thumb>);
}Location of the thumbs
By default, the thumbs are available on the right bottom corner of the chat bubble.
You can change the position and separation between the thumbs by placing the below code in the Experience Designer > Bot View Template node > Custom CSS tab.
.reactions .thumbs-down{
margin-right: 100px;
margin-left: -90px;
}
.reactions .thumbs-down-selected{
margin-right: 100px;
margin-left: -90px;
}
.reactions .thumbs-up{
margin-right: 100px;
margin-left: -90px;
}
.reactions .thumbs-up-selected {
margin-right: 100px;
margin-left: -90px;
}Capturing the Feedback Analytics
In Insights, you can capture the feedback analytics in the data-sandbox5-backend.answers_feedback index pattern.
A score of +1 for thumbs up and -1 for thumbs down will be given for each query that resulted in feedback.