Recent searches
No recent searches
Up-spec your C-Sat with Mr. Smiley and Mr. Sad!
Posted Jul 18, 2016
We've recently made some modifications to our C-Sat automation.
This is how the new email looks...
Want to know how?
- If you haven't already - activate 'Customer satisfaction surveys' (info here)
- Download the smileys below and upload these as assets to your helpcenter (or host them elsewhere)
- Navigate to Settings > Automations - and locate the 'Request customer satisfaction rating' automation
- Select to Edit this
- Change the notification to requester with the info below - don't forget to substitute your image location.
<span style="padding: 0px ; line-height: 18px; font-family: 'Lucida Grande',Verdana,Arial,sans-serif; font-size: 12px; color:#444444;">
Our {{ticket.group.name}} team recently completed your request - <strong>{{ticket.title}}</strong>
<h3 style="font-size:16px;">How did our performance make you feel?</h3>
<h5>Please click an image below to rate our service</h5>
<a href="{{satisfaction.positive_rating_url}}" alt="Happy"><img src="https://p5.zdassets.com/hc/theme_assets/YOUR IMAGE LOCATION/happy-face.png"></a><a href="{{satisfaction.negative_rating_url}}" alt="Sad"><img src="https://p5.zdassets.com/hc/theme_assets/YOUR IMAGE LOCATION/sad-face.png"></a>
---------------
<h4 style="font-size:14px; font-weight:bold;">Not sure what this relates to?</h4>
Here's a reminder of what your request was about:
</span>
{{ticket.comments_formatted}}
And that's about it! We've had good response to this.
Obviously you can modify the message and add extra rules to suit your requirements.
1
58 comments
Official
Andrew J
We've just updated ours to address two possible issues.
- There has been some commentary on CSAT requests in general that some advanced spam filters will follow links and that the last clicked link will be the one leaving the CSAT... which is of course 'bad' - one extra 'bad' skews our numbers significantly. Although we had no evidence ourselves of this happening, we thought we'd address this. We adjusted this by adding a 1px image with a link to 'good' under the bad one. Since we're running at 95% good, an extra 'good' does not significantly skew the numbers.
We also still saw some issues when images were not showing and Outlook not showing Alt text. So have added a textual version below the original. Was NOT fun getting this to sit right in Outlook!
How it looks in Gmail - with images
How it looks in Outlook - no images
Changed code is as follows - replaces the middle section only (inside <a> tags)
0
Jessie Schutz
Nice!
0
Jennifer Rowe
How did I miss this!? And why am I not surprised that this tip is from you!? :)
Love it. Thanks!
0
Andrew J
Thanks Jen and Jessie.
I'd really love to add a 'meh' face too... but there is no neutral c-sat option. Considered linking this to a negative - and might do yet, because if we aim to be great, 'Meh' is a total failure.
This is still working really good for us. Getting more responses than we ever got with the original C-SAT, and the questions are really more in line with what really counts - how our customer is feeling about us.
0
Jennifer Rowe
Great to hear that responses are up, Andrew! I guess people like those smiley and frowny faces. So easy.
0
Andrea Saez
Awesome stuff, Andrew! I've passed this on to our design team so we can get up our own customized version :)
0
Andrew J
Hello Andrea - long time no hear! Thanks for your comment - it's great to get some feedback. Let us know how yours work out.
Hey, another advantage - you don't have to translate a smile!
0
Lester
Looks great. Out of curiosity, how to do you handle cases were the user hasn't downloaded the pictures because of their email client settings?
0
Andrew J
Hello Lester, I don't think it works well for that... got any suggestions for changes?
0
Lester
Sadly not. Beyond some way of showing the links in place of the images I don’t think there is an elegant solution
0
Matthew Searle
I love this tip! We did this of our own accord about 18 months or so back and saw an instant uptick in our response rate.
0
Jules Winckelmann
Hey Guys.
Is it possible to modify the looking of the webpage where tothe satisfaction survey sends you after clicking on "Good" or "Bad" ?
Thanks
Edouard
0
Ryan Winkler
Hey Edouard! Unfortunately not at this time --- If you have any great ideas, we do have our product feedback forum, which our product managers do look at! Be sure to drop in there and leave a suggestion if you do!
Here's a direct link:
https://support.zendesk.com/hc/en-us/community/topics/200132066-Product-feedback
0
Michaela Behan
Hi Everyone
i am not that tech savy and not too sure how to save these as an asset
are you able to walk me through it?
0
Andrew J
Hello Michaela, if you have Guide pro, or Legacy, you should be able to go into the theme editor and upload assets
If not, try just adding these to a public article - maybe one announcing the new change :)
Once they are uploaded you should be able to reference them... I think.
Right click on the image in a published article... and select 'Copy image address' - this is the reference you need to replace the SRC section in the code :)
0
Andreas Bonenkamp
Hi Andrew,
couldn't agree more with you on the importance of visual conventions when it comes to improving client feedback! We're about to release our App to the Zendesk marketplace and we would be very interested in getting your feedback on it. I couldn't find a direct message option here but feel free to get in touch at andreas@smileback.io. Hope you're interested in sharing some of your knowledge and ideas!
Best,
Andreas
0
Andrew J
@andreas - I emailed you but haven't heard back yet.
0
Demetrius Pais
Thanks so much for this @andrew!
Just rolled it out on our zendesk setup -
0
Jessie Schutz
Thanks for sharing the update, Andrew! I'm going to make this the official comment so folks see it at the top of the thread. :)
0
Support Staff
Could you please clarify how to test this out? I just set up Request customer satisfaction rating automation but there is no any button such as "send test email" on anything else. How can I make sure that it work as I expect?
0
Heather Rommel
@Andrei,
I suggest you:
Hope that helps!
0
Chris Swinney
@Andrew J The Base64 encoded GIF in the update simply result is a invalid image place holder when viewed in Outlook.
I ended up uploading another 1px x 1px PNG into the asset store and using that.
I also feel that I'm not making things simple on myself to get a URL of the asset image once uploaded. You get a template placeholder in the help centre, but it seems you can't use that in the email body for the notification automation. So the only why I have figured out how to get the URL is to actually publish a page that contains the template, then inspect the element in the browser to copy the image URL. I'm sure there must be a simpler way.
0
Chris Swinney
I'm also struggling in getting the width of the columns (td element) to line up, so the images are nicely aligned are above the text.
0
Chris Swinney
ok, resolved the alignment @Andrew J. There are soem issue with your HTML in that the TD and IMG element height and width should be specified in number only, i.e. "150", not "150px". I also tidied up the multiple tables and aligned the TD elements for better presentation.
The code is now:
```
<table border="0" cellpadding="0" cellspacing="0"><tr><td height="20" width="150" align="center" style="font-size: 20px; line-height: 20px;"><a href="{{satisfaction.positive_rating_url}}"><img height="100" width="100" alt="Happy" src="https://URL/happy.png"></a></td><td height="20" width="150" align="center" style="font-size: 20px; line-height: 20px;"><a href="{{satisfaction.negative_rating_url}}"><img height="100" width="100" alt="Sad" src="https://URL/sad.png"></a></td></tr><tr><td style="font-size: 16px; line-height: 20px;"><span id="csat123" style="color:white;"> </span><td style="font-size: 16px; line-height: 20px;"><span id="csat123" style="color:white;"> </span></td></tr><tr><td align="center" style="font-size: 16px; line-height: 20px;"><a href="{{satisfaction.positive_rating_url}}">Feeling fine!</a></td><td height="20" align="center" style="font-size: 16px; line-height: 20px;"><span id="csat123" style="color:white;"></span><a href="{{satisfaction.negative_rating_url}}">Not so great</a></td></tr></table>
<a href="{{satisfaction.positive_rating_url}}"><img src="https://URL/1px.png"></a>
```
Having said this, this looks like an old way of doing thing, but I'm not sure what Zendesk or email client such as Outlook support. This is also terrible formatting
0
Andrew J
Hello Chris,
I think our current version has changed a little too. What Outlook supports is a major issue, and alignment is very problematic.
Would certainly be very glad if a better version was made.
The last 1px image is a pain because in Outlook with images not displayed, it show the full size image missing placeholder... defeats the purpose a bit.
0
Rasmus Kjeldgaard
@Zendesk Is there a plan in the roadmap to fix this problem to make it work with outlook? (Disregard this comment, I made it work with Outlook O365)
0
Nicole Saunders
Hi Rasmus -
Since this is custom code it is not something we would plan to undertake at the product level.
0
David
Hi, and thanks for this!
I did a bit of tweaking to the updated code, but now I see that there is an extra <td> that appears in the email itself, even though I thoroughly checked the code and there is no such <td>.
Any ideas?
0
Andrew J
Hello David, are you using my original code? You may want to try Chris' code a few comments up. My code is an old version and rather clunky. It basically is only good as a starter guide now.
Let me know how you get on.
0
Chris Swinney
FWIW, one of my goals here was to try to work around Zendesk very poor handling of automated link followers that trigger the negative CSAT scores. Unfortunately, it hasn't really worked :(. As far as I know, Zendesk do not actually see this as a problem! However, I would suggest the the vast majority of our negative scores are actually incorrect (based on further customer interaction and the fact that they have never clicked on anything or were not even in the office at the time the score was recorded).
0