NPS Email question | XM Community
Skip to main content

Hi 

 

Can someone help with the below email template. 

 

How can I reduce the spacing between the question and the rating ?

 

 

Here is the section of the code relating 

 

 


<table align="center" border="0" cellpadding="0" style="background-color:#FFFFFF;border-radius:3px;font-family:arial,sans-serif;max-width:600px;">
    <tbody>
        <tr>
            <td style="font-size:15px;padding:16px 16px 16px 16px;">${q://QID4/QuestionText}</td>
        </tr>
        <tr>
            <td style="padding:0 16px 4px 16px;">
            <table border="0" cellpadding="0" cellspacing="0" style="color:#A5A5A5;font-size:13px;" width="100%">
                <tbody>
                    <tr>
                        <td align="left">${q://QID4/ColumnLabel/0}</td>
                        <td align="right">${q://QID4/ColumnLabel/1}</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
        <tr>
            <td style="padding:0 16px 16px 16px;">
            <table border="0" cellpadding="0" cellspacing="0" style="text-align:center;" width="100%">
                <tbody>
                    <tr>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#FF0000;border:1px solid #FF0000;"><a href="${l://ChoiceLink/QID4/0}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF0000;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/0}</a></td>
                        <td style="width:4px;height:40px"> </td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#FF2020;border:1px solid #FF2020;"><a href="${l://ChoiceLink/QID4/1}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF2020;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/1}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#FF4040;border:1px solid #FF4040;"><a href="${l://ChoiceLink/QID4/2}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF4040;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/2}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#FF6060;border:1px solid #FF6060;"><a href="${l://ChoiceLink/QID4/3}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF6060;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/3}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#FF8080;border:1px solid #FF8080;"><a href="${l://ChoiceLink/QID4/4}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF8080;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/4}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#FF9F9F;border:1px solid #FF9F9F;"><a href="${l://ChoiceLink/QID4/5}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF9F9F;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/5}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#FFBFBF;border:1px solid #FFBFBF;"><a href="${l://ChoiceLink/QID4/6}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FFBFBF;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/6}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#969090;border:1px solid #969090;"><a href="${l://ChoiceLink/QID4/7}" style="display:block;text-decoration:none;color:#FFFFFF;background:#969090;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/7}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#857E7E;border:1px solid #857E7E;"><a href="${l://ChoiceLink/QID4/8}" style="display:block;text-decoration:none;color:#FFFFFF;background:#857E7E;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/8}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#23BC46;border:1px solid #23BC46;"><a href="${l://ChoiceLink/QID4/9}" style="display:block;text-decoration:none;color:#FFFFFF;background:#23BC46;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/9}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#03B22B;border:1px solid #03B22B;"><a href="${l://ChoiceLink/QID4/10}" style="display:block;text-decoration:none;color:#FFFFFF;background:#03B22B;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/10}</a></td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
<br />
<br />

@Sarah_Hastings This code is only the <table>/ rating part, I can’t see how you set up the question text.


Αγαπητέ Πελάτη,&nbsp;<br />
<br />
Πριν από λίγες ημέρες ολοκληρώθηκε η διαδικασία αποζημίωσης σας από το Τμήμα Διαχείρισης Απαιτήσεων των ασφαλιστικών προϊόντων Ασφάλισης Καρτών &amp; Προγράμματος Προστασίας Πληρωμών Δανείων.&nbsp;<br />
&nbsp;<br />
Θα θέλαμε να σας προσκαλέσουμε να συμμετάσχετε σε μία σύντομη έρευνα για να αξιολογήσετε την συγκεκριμένη διαδικασία καθώς και τους εκπρόσωπους της εταιρείας μας που σας εξυπηρέτησαν.&nbsp;<br />
<br />
Η έρευνα δεν θα διαρκέσει πάνω από 5 λεπτά και οι απαντήσεις σας είναι πολύ σημαντικές για εμάς καθώς θα μας βοηθήσουν να βελτιώσουμε τις προσφερόμενες υπηρεσίες μας. &nbsp;<br />
&nbsp;
<table align="center" border="0" cellpadding="0" style="background-color:#FFFFFF;border-radius:3px;font-family:arial,sans-serif;max-width:600px;">
    <tbody>
        <tr>
            <td style="font-size:15px;padding:16px 16px 8px 16px;">${q://QID4/QuestionText}</td>
        </tr>
        <tr>
            <td style="padding:0 16px 4px 16px;">
            <table border="0" cellpadding="0" cellspacing="0" style="color:#A5A5A5;font-size:13px;" width="100%">
                <tbody>
                    <tr>
                        <td align="left">${q://QID4/ColumnLabel/0}</td>
                        <td align="right">${q://QID4/ColumnLabel/1}</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
        <tr>
            <td style="padding:0 16px 16px 16px;">
            <table border="0" cellpadding="0" cellspacing="0" style="text-align:center;" width="100%">
                <tbody>
                    <tr>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#FF0000;border:1px solid #FF0000;"><a href="${l://ChoiceLink/QID4/0}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF0000;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/0}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#FF2020;border:1px solid #FF2020;"><a href="${l://ChoiceLink/QID4/1}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF2020;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/1}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#FF4040;border:1px solid #FF4040;"><a href="${l://ChoiceLink/QID4/2}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF4040;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/2}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#FF6060;border:1px solid #FF6060;"><a href="${l://ChoiceLink/QID4/3}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF6060;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/3}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#FF8080;border:1px solid #FF8080;"><a href="${l://ChoiceLink/QID4/4}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF8080;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/4}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#FF9F9F;border:1px solid #FF9F9F;"><a href="${l://ChoiceLink/QID4/5}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF9F9F;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/5}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#FFBFBF;border:1px solid #FFBFBF;"><a href="${l://ChoiceLink/QID4/6}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FFBFBF;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/6}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#969090;border:1px solid #969090;"><a href="${l://ChoiceLink/QID4/7}" style="display:block;text-decoration:none;color:#FFFFFF;background:#969090;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/7}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#857E7E;border:1px solid #857E7E;"><a href="${l://ChoiceLink/QID4/8}" style="display:block;text-decoration:none;color:#FFFFFF;background:#857E7E;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/8}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#23BC46;border:1px solid #23BC46;"><a href="${l://ChoiceLink/QID4/9}" style="display:block;text-decoration:none;color:#FFFFFF;background:#23BC46;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/9}</a></td>
                        <td style="width:4px;height:40px">&nbsp;</td>
                        <td style="font-size:18px;width:40px;border-radius:3px;background:#03B22B;border:1px solid #03B22B;"><a href="${l://ChoiceLink/QID4/10}" style="display:block;text-decoration:none;color:#FFFFFF;background:#03B22B;line-height:40px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/10}</a></td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
<br />
<br />
Σε περίπτωση που δεν επιθυμείτε να λαμβάνετε αντίστοιχα email παρακαλώ όπως πατήσετε το παρακάτω link:<br />
${l://OptOutURL}&amp;OptOut=dir<br />
<br />
Με εκτίμηση,<br />
<br />
Τμήμα Εξυπηρέτησης Πελατών&nbsp;


@Sarah_Hastings Oh, so the question text is actually from the piped-text. I ‘ve just clear the question text top and bottom padding in this code, if the problem still persist, I think it’s because the question text have extra space

<table align="center" border="0" cellpadding="0" style="background-color:#FFFFFF;border-radius:3px;font-family:arial,sans-serif;max-width:600px;">
<tbody>
<tr>
<td style="font-size:14px;padding:0 16px;">${q://QID4/QuestionText}</td>
</tr>
<tr>
<td style="padding:0 16px;">
<table border="0" cellpadding="0" cellspacing="0" style="color:#A5A5A5;font-size:12px;" width="100%">
<tbody>
<tr>
<td align="left">${q://QID4/ColumnLabel/0}</td>
<td align="right">${q://QID4/ColumnLabel/1}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="padding:0 16px;">
<table border="0" cellpadding="0" cellspacing="0" style="text-align:center;" width="100%">
<tbody>
<tr>
<td style="font-size:16px;width:36px;border-radius:3px;background:#FF0000;border:1px solid #FF0000;padding:2px;"><a href="${l://ChoiceLink/QID4/0}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF0000;line-height:32px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/0}</a></td>
<td style="width:2px;height:32px;">&nbsp;</td>
<td style="font-size:16px;width:36px;border-radius:3px;background:#FF2020;border:1px solid #FF2020;padding:2px;"><a href="${l://ChoiceLink/QID4/1}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF2020;line-height:32px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/1}</a></td>
<td style="width:2px;height:32px;">&nbsp;</td>
<td style="font-size:16px;width:36px;border-radius:3px;background:#FF4040;border:1px solid #FF4040;padding:2px;"><a href="${l://ChoiceLink/QID4/2}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF4040;line-height:32px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/2}</a></td>
<td style="width:2px;height:32px;">&nbsp;</td>
<td style="font-size:16px;width:36px;border-radius:3px;background:#FF6060;border:1px solid #FF6060;padding:2px;"><a href="${l://ChoiceLink/QID4/3}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF6060;line-height:32px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/3}</a></td>
<td style="width:2px;height:32px;">&nbsp;</td>
<td style="font-size:16px;width:36px;border-radius:3px;background:#FF8080;border:1px solid #FF8080;padding:2px;"><a href="${l://ChoiceLink/QID4/4}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF8080;line-height:32px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/4}</a></td>
<td style="width:2px;height:32px;">&nbsp;</td>
<td style="font-size:16px;width:36px;border-radius:3px;background:#FF9F9F;border:1px solid #FF9F9F;padding:2px;"><a href="${l://ChoiceLink/QID4/5}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FF9F9F;line-height:32px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/5}</a></td>
<td style="width:2px;height:32px;">&nbsp;</td>
<td style="font-size:16px;width:36px;border-radius:3px;background:#FFBFBF;border:1px solid #FFBFBF;padding:2px;"><a href="${l://ChoiceLink/QID4/6}" style="display:block;text-decoration:none;color:#FFFFFF;background:#FFBFBF;line-height:32px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/6}</a></td>
<td style="width:2px;height:32px;">&nbsp;</td>
<td style="font-size:16px;width:36px;border-radius:3px;background:#969090;border:1px solid #969090;padding:2px;"><a href="${l://ChoiceLink/QID4/7}" style="display:block;text-decoration:none;color:#FFFFFF;background:#969090;line-height:32px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/7}</a></td>
<td style="width:2px;height:32px;">&nbsp;</td>
<td style="font-size:16px;width:36px;border-radius:3px;background:#857E7E;border:1px solid #857E7E;padding:2px;"><a href="${l://ChoiceLink/QID4/8}" style="display:block;text-decoration:none;color:#FFFFFF;background:#857E7E;line-height:32px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/8}</a></td>
<td style="width:2px;height:32px;">&nbsp;</td>
<td style="font-size:16px;width:36px;border-radius:3px;background:#23BC46;border:1px solid #23BC46;padding:2px;"><a href="${l://ChoiceLink/QID4/9}" style="display:block;text-decoration:none;color:#FFFFFF;background:#23BC46;line-height:32px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/9}</a></td>
<td style="width:2px;height:32px;">&nbsp;</td>
<td style="font-size:16px;width:36px;border-radius:3px;background:#03B22B;border:1px solid #03B22B;padding:2px;"><a href="${l://ChoiceLink/QID4/10}" style="display:block;text-decoration:none;color:#FFFFFF;background:#03B22B;line-height:32px;border-radius:3px;white-space:nowrap;">${q://QID4/ChoiceDescription/10}</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

 


Leave a Reply