You can now let chatbot users give their Feedback on the content displayed in the chatbot, using the feedback feature in 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
You can give your own image/color for the thumbs up and thumbs down 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>);
}
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.
