How to use hidden fields via your favourite email marketing tool
If you want to use another email marketing program for your feedback campaign, this is possible. The only downside: you will not be able to see opens/impressions and clicks within your Ratecard account - you will need to check your email marketing tool for that. In this article we'll explain to you how to ask for feedback via MailChimp.
This is how it works:
Step 1: Start a campaign in your (external) email marketing program (e.g. MailChimp)
Step 2: Add the link of the feedback form to your content
Find the form you want to use for your campaign in your form overview and copy/paste this link to the content in your email marketing program.
Step 3: Add hidden fields to your feedback form URL
In Ratecard, you can add dynamic fields to your form URL to make your feedback campaign more personal and increase your conversion rate. You can also do this in your external email marketing program.
The parameters/hidden fields that are available within the program/app you want to use are probably different from the parameters we use within Ratecard.
In MailChimp for example, these parameters look as follows:
*|FNAME|*, *|LNAME|*, *|EMAIL|*, *|PHONE|*
Make sure you use the correct parameters, to make sure the data in these hidden fields will be saved correctly. You can find the parameters you need in the email marketing program you're using. An example URL for MailChimp could be:
https://{{form-url}}?fname=*|FNAME|*&lname=*|LNAME|*&email=*|EMAIL|*&phone=*|PHONE|*
You should replace {{form-url}} with the web address (URL) of the form you would like to be answered by your subscribers. You can find all your form URLs on the page with all your forms.
Best practice: how to optimise for conversion
Bonus: Let your subscribers answer the first question from within your email
If you'd like to increase your conversion, you can also add the first question of your feedback form within your email, e.g. the NPS or rating question you start your form with. You could add numbers, smilies or thumbs up like in this example:
We added the HTML code for a 1-10 rating including smilies below. You can replace the header color, logo, text, and the form URL; and then you're good to go. Good luck!
<p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0;" name="viewport">
<style type="text/css">
body { margin: 0px; padding: 0px; background-color: #F7F7F7; }
/* Responsive */
@media only screen and (max-width:620px) {
/* Custom Font */
/* Tables
parameters: width, alignment, padding */
table[class=scale] { width: 100%!important; }
table[class=scale-remove-border] { width: 100%!important; border: 0px!important }
table[class=scale-remove-border-keep-bottom] { width: 100%!important; border-left: 0px!important; border-right: 0px!important }
table[class=scale-300] { width: 100%!important; height: 300px!important; }
table[class=scale-90] { width: 90%!important; }
table[class=scale-84] { width: 84%!important; }
table[class=scale-80] { width: 80%!important; }
table[class=scale-60perc] { width: 60%!important; }
table[class=scale-30perc] { width: 30%!important; }
table[class=hide] { display: none!important; height: 0px!important; font-size: 0px!important; }
/* Td */
td[class=hide] { display: none!important; height: 0px!important; font-size: 0px!important; }
td[class=extraHeight] { height: 40px!important; }
td[class=resetHeight] { height: 55px!important }
td[class=scale-left] { width: 100%!important; text-align: left!important;}
td[class=scale-height] { height: 70px!important;}
td[class=scale-left-bottom] { width: 100%!important; text-align: left!important; padding-bottom: 24px!important; }
td[class=scale-left-padding] { width: 100%!important; text-align: left!important; padding-left: 0px!important; }
td[class=scale-left-top] { width: 100%!important; text-align: left!important; padding-top: 24px!important; }
td[class=scale-left-all] { width: 100%!important; text-align: left!important; padding-top: 24px!important; padding-bottom: 24px!important; }
td[class=scale-center] { width: 100%!important; text-align: center!important;}
td[class=scale-center-both] { width: 100%!important; text-align: center!important; padding-left: 20px!important; padding-right: 20px!important; }
td[class=scale-center-both-extra] { width: 100%!important; text-align: center!important; padding-left: 30px!important; padding-right: 30px!important; }
td[class=scale-center-both-no-align] { width: 100%!important; padding-left: 40px!important; padding-right: 40px!important; }
td[class=scale-center-both-padding] { width: 100%!important; text-align: center!important; padding-left: 50px!important; padding-right: 50px!important; }
td[class=scale-center-bottom] { width: 100%!important; text-align: center!important; padding-bottom: 24px!important; }
td[class=scale-center-top] { width: 100%!important; text-align: center!important; padding-top: 24px!important; }
td[class=scale-center-all] { width: 100%!important; text-align: center!important; padding-top: 24px!important; padding-bottom: 24px!important; padding-left: 20px!important; padding-right: 20px!important; }
td[class=scale-right] { width: 100%!important; text-align: right!important;}
td[class=scale-right-bottom] { width: 100%!important; text-align: right!important; padding-bottom: 24px!important; }
td[class=scale-right-top] { width: 100%!important; text-align: right!important; padding-top: 24px!important; }
td[class=scale-right-all] { width: 100%!important; text-align: right!important; padding-top: 24px!important; padding-bottom: 24px!important; }
td[class=scale-center-bottom-both] { width: 100%!important; text-align: center!important; padding-bottom: 24px!important; padding-left: 20px!important; padding-right: 20px!important; }
td[class=scale-center-top-both] { width: 100%!important; text-align: center!important; padding-top: 24px!important; padding-left: 20px!important; padding-right: 20px!important; }
td[class=reset] { height: 0px!important; }
td[class=scale-center-topextra] { width: 100%!important; text-align: center!important; padding-top: 84px!important; }
/* Img */
img[class="reset"] { display: inline!important; }
img[class="scale"] { width: 100%!important; }
img[class="scale90"] { width: 80%!important; }
img[class="scale-inline"] { display: inline!important; }
}
}
</style>
<table width="400" border="0" cellspacing="0" cellpadding="0" align="center" class="scale-90">
<tbody>
<tr>
<td style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #373a3c; line-height: 22px;" align="center">
<table width="400" border="0" cellspacing="0" cellpadding="0" align="center" class="scale">
<tbody><tr>
<td width="23" align="center"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=1&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;"><img src="https://ratecard.io/img/content/Ratecard/RC_email_emoticons_1.png" style="margin: 0px; max-width: 23px;" width="23"></a></td>
<td width="5"></td>
<td width="23" align="center"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=2&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;"><img src="https://ratecard.io/img/content/Ratecard/RC_email_emoticons_2.png" style="margin: 0px; max-width: 23px;" width="23"></a></td>
<td width="5"></td>
<td width="23" align="center"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=3&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;"><img src="https://ratecard.io/img/content/Ratecard/RC_email_emoticons_3.png" style="margin: 0px; max-width: 23px;" width="23"></a></td>
<td width="5"></td>
<td width="23" align="center"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=4&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;"><img src="https://ratecard.io/img/content/Ratecard/RC_email_emoticons_4.png" style="margin: 0px; max-width: 23px;" width="23"></a></td>
<td width="5"></td>
<td width="23" align="center"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=5&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;"><img src="https://ratecard.io/img/content/Ratecard/RC_email_emoticons_5.png" style="margin: 0px; max-width: 23px;" width="23"></a></td>
<td width="5"></td>
<td width="23" align="center"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=6&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;"><img src="https://ratecard.io/img/content/Ratecard/RC_email_emoticons_6.png" style="margin: 0px; max-width: 23px;" width="23"></a></td>
<td width="5"></td>
<td width="23" align="center"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=7&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;"><img src="https://ratecard.io/img/content/Ratecard/RC_email_emoticons_7.png" style="margin: 0px; max-width: 23px;" width="23"></a></td>
<td width="5"></td>
<td width="23" align="center"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=8&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;"><img src="https://ratecard.io/img/content/Ratecard/RC_email_emoticons_8.png" style="margin: 0px; max-width: 23px;" width="23"></a></td>
<td width="5"></td>
<td width="23" align="center"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=9&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;"><img src="https://ratecard.io/img/content/Ratecard/RC_email_emoticons_9.png" style="margin: 0px; max-width: 23px;" width="23"></a></td>
<td width="5"></td>
<td width="23" align="center"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=10&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;"><img src="https://ratecard.io/img/content/Ratecard/RC_email_emoticons_10.png" style="margin: 0px; max-width: 23px;" width="23"></a></td>
</tr>
<tr>
<td style="line-height: 10px;"> </td>
</tr>
<tr>
<td style="border: 1px solid #DDDDDD; padding: 4px; margin: 0px; text-align: center; max-width: 23px; background-color: #f3f3f3;" width="23"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=1&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;">1</a></td>
<td width="5"></td>
<td style="border: 1px solid #DDDDDD; padding: 4px; margin: 0px; text-align: center; max-width: 23px; background-color: #f3f3f3;" width="23"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=2&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;">2</a></td>
<td width="5"></td>
<td style="border: 1px solid #DDDDDD; padding: 4px; margin: 0px; text-align: center; max-width: 23px; background-color: #f3f3f3;" width="23"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=3&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;">3</a></td>
<td width="5"></td>
<td style="border: 1px solid #DDDDDD; padding: 4px; margin: 0px; text-align: center; max-width: 23px; background-color: #f3f3f3;" width="23"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=4&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;">4</a></td>
<td width="5"></td>
<td style="border: 1px solid #DDDDDD; padding: 4px; margin: 0px; text-align: center; max-width: 23px; background-color: #f3f3f3;" width="23"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=5&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;">5</a></td>
<td width="5"></td>
<td style="border: 1px solid #DDDDDD; padding: 4px; margin: 0px; text-align: center; max-width: 23px; background-color: #f3f3f3;" width="23"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=6&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;">6</a></td>
<td width="5"></td>
<td style="border: 1px solid #DDDDDD; padding: 4px; margin: 0px; text-align: center; max-width: 23px; background-color: #f3f3f3;" width="23"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=7&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;">7</a></td>
<td width="5"></td>
<td style="border: 1px solid #DDDDDD; padding: 4px; margin: 0px; text-align: center; max-width: 23px; background-color: #f3f3f3;" width="23"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=8&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;">8</a></td>
<td width="5"></td>
<td style="border: 1px solid #DDDDDD; padding: 4px; margin: 0px; text-align: center; max-width: 23px; background-color: #f3f3f3;" width="23"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=9&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c;">9</a></td>
<td width="5"></td>
<td style="border: 1px solid #DDDDDD; padding: 4px; margin: 0px; text-align: center; max-width: 23px; background-color: #f3f3f3;" width="23"><a href="https://ratecard.io/ratecardio/3d7X1AO5/?locale=en&rating=10&fname=%FNAME%&lname=%LNAME%&email=%EMAIL%&phone=%PHONE%&anonymous=0&terms=1" style="text-decoration: none; color: #323a3c">10</a></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</p>
Comments
0 comments
Please sign in to leave a comment.