Ask rating through email

Question

In my application we will get the feedback from the user by sending the emails to them. So that if the user fills the fields and submits then i'm storing it in my database.

I have prepared an html mail which look like this.

But the problem here is i am unable to show the rating stars in the mail. which requires inline css but i am unable to put that css in inline as that includes onhover css.

So is there any way to send the ratings through email.

Is there any way to the css on onhover inline Thank you in advance.

Answer 1

Try over ruling your inline css with !important in your onhover css.

Thinking about the bigger picture however - forms are not fully supported in html email, so depending on your list, you could have 20%+ not able to use them. (form support chart here or here)

With this in mind, for 100% support, most email marketers send them to a landing page that hosts the form instead. Another option is to capture basic information using simple href tags and URL parameters. Something like this:

<!-- use star images that pass a custom url with user info -->
<a href="http://[email protected]&rating=1"><img alt="1" src="" width="40" height="40" style="margin: 0; border: 0; padding: 0;"></a>
<a href="http://[email protected]&rating=2"><img alt="2" src="" width="40" height="40" style="margin: 0; border: 0; padding: 0;"></a>
<a href="http://[email protected]&rating=3"><img alt="3" src="" width="40" height="40" style="margin: 0; border: 0; padding: 0;"></a>
<a href="http://[email protected]&rating=4"><img alt="4" src="" width="40" height="40" style="margin: 0; border: 0; padding: 0;"></a>
<a href="http://[email protected]&rating=5"><img alt="5" src="" width="40" height="40" style="margin: 0; border: 0; padding: 0;"></a>