I need to send an email with a personalized button to link each customer to a satisfaction survey hosted by QuestionPro (www.questionpro.com)
In the email I tried different buttons or hyperlinks and only the last one - 4 - is giving the right link for the right customer but is not the most user friendly. See below the different HTML versions:
1 - If a simple hyperlink is defined:
<div style="text-align: center;">
<u>
<span style="font-size:16px;"><b style="color: rgb(0, 0, 0); font-family: "Times New Roman"; font-size: medium;">
<b style="font-size: 16px;">
<span style="font-family: "trebuchet ms", helvetica, sans-serif;"><a alias="" conversion="true" data-linkto="https://" href="https://%%Survey URL%%" style="color: rgb(0, 0, 255); text-decoration-line: none;" title="">Je réponds !</a></span>
</b>
</b></span>
</u>
</div>
The Hyperlink in the email sent becomes:
2 - If a Content Builder button is defined:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="innertd buttonblock" align="center" bgcolor="#007FFF" style=" border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #007FFF;">
<a target="_blank" style=" text-decoration: none; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFF00; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-color: #5D5D5D; border-style: solid; border-width: 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;" class="buttonstyles" href="https://%%Survey URL%%" title="Mon avis !" alias="" conversion="false" data-linkto="https://">Je réponds !</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
The Hyperlink in the email sent becomes:
3 - If an HTML button is like:
<table align="center" style="border-radius:4px;" border="0" cellspacing="0" cellpadding="0" bgcolor="#fbec15">
<tr>
<td class="mobile-hide">
<img src="http://image.contact.touring.be/lib/fe8e137275630d7d7d/m/1/button-left.jpg" alt="" style="display:block;" height="35" border="0" width="3">
</td>
<td style="font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; color:#00418c; font-weight:bold; padding:0 20px;" align="center">
<a href="https://%%Survey URL%%" style="color:#00418c; text-decoration:none;">Oui, je réponds !
</a>
</td>
<td class="mobile-hide">
<img src="http://image.contact.touring.be/lib/fe8e137275630d7d7d/m/1/button-right.jpg" alt="" style="display:block;" height="35" border="0" width="3">
</td>
</tr>
</table>
Then the Hyperlink in the email sent becomes:
4 - If a simple text is written like:
https://%%Survey URL%%
then in the email sent the hyperlink is:
https://www.questionpro.com/a/TakeSurvey?id=5651649&rd=333699823
and the survey is correctly accessible
redirectto()
function with the personalised string. – Abhishek Jun 29 '17 at 23:22