Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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

How to give a response for the Feedback

You can provide a response to the chatbot user after he/she picks a thumb.

Capturing the Feedback Analytics

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.

Code Block
.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.

...

Related Articles

Filter by label (Content by label)
showLabelsfalse
max5
showSpacefalse
cqllabel = "experience-manageranswers"