Installing and testing the script

On the implement step of survey creation, you will be provided with a custom HTML snippet to add to your email. It will look something like this:

<table bgcolor="#f4f4f4" border="0" cellpadding="0" cellspacing="0" dir="rtl" style="direction:rtl;">
  <tbody>
    <tr>
      <th align="center" dir="ltr" style="direction:ltr; vertical-align:middle;" valign="middle" height="40" width="40">
        <a href="https://responses.zenloop.com/web/response/<survey_hash_id>/email_embed/10" style="display:block;text-decoration:none;color:#106AD7;font-size:16px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;">10</a></th>
      <th bgcolor="#ffffff" width="2">&nbsp;</th>
      <th align="center" dir="ltr" style="direction:ltr; vertical-align:middle;" valign="middle" height="40" width="40">
        <a href="https://responses.zenloop.com/web/response/<survey_hash_id>/email_embed/9" style="display:block;text-decoration:none;color:#106AD7;font-size:16px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;">9</a></th>
      <th bgcolor="#ffffff" width="2">&nbsp;</th>
      <th align="center" dir="ltr" style="direction:ltr; vertical-align:middle;" valign="middle" height="40" width="40">
        <a href="https://responses.zenloop.com/web/response/<survey_hash_id>/email_embed/8" style="display:block;text-decoration:none;color:#106AD7;font-size:16px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;">8</a></th>
      <th bgcolor="#ffffff" width="2">&nbsp;</th>
      <th align="center" dir="ltr" style="direction:ltr; vertical-align:middle;" valign="middle" height="40" width="40">
        <a href="https://responses.zenloop.com/web/response/<survey_hash_id>/email_embed/7" style="display:block;text-decoration:none;color:#106AD7;font-size:16px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;">7</a></th>
      <th bgcolor="#ffffff" width="2">&nbsp;</th>
      <th align="center" dir="ltr" style="direction:ltr; vertical-align:middle;" valign="middle" height="40" width="40">
        <a href="https://responses.zenloop.com/web/response/<survey_hash_id>/email_embed/6" style="display:block;text-decoration:none;color:#106AD7;font-size:16px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;">6</a></th>
      <th bgcolor="#ffffff" width="2">&nbsp;</th>
      <th align="center" dir="ltr" style="direction:ltr; vertical-align:middle;" valign="middle" height="40" width="40">
        <a href="https://responses.zenloop.com/web/response/<survey_hash_id>/email_embed/5" style="display:block;text-decoration:none;color:#106AD7;font-size:16px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;">5</a></th>
      <th bgcolor="#ffffff" width="2">&nbsp;</th>
      <th align="center" dir="ltr" style="direction:ltr; vertical-align:middle;" valign="middle" height="40" width="40">
        <a href="https://responses.zenloop.com/web/response/<survey_hash_id>/email_embed/4" style="display:block;text-decoration:none;color:#106AD7;font-size:16px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;">4</a></th>
      <th bgcolor="#ffffff" width="2">&nbsp;</th>
      <th align="center" dir="ltr" style="direction:ltr; vertical-align:middle;" valign="middle" height="40" width="40">
        <a href="https://responses.zenloop.com/web/response/<survey_hash_id>/email_embed/3" style="display:block;text-decoration:none;color:#106AD7;font-size:16px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;">3</a></th>
      <th bgcolor="#ffffff" width="2">&nbsp;</th>
      <th align="center" dir="ltr" style="direction:ltr; vertical-align:middle;" valign="middle" height="40" width="40">
        <a href="https://responses.zenloop.com/web/response/<survey_hash_id>/email_embed/2" style="display:block;text-decoration:none;color:#106AD7;font-size:16px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;">2</a></th>
      <th bgcolor="#ffffff" width="2">&nbsp;</th>
      <th align="center" dir="ltr" style="direction:ltr; vertical-align:middle;" valign="middle" height="40" width="40">
        <a href="https://responses.zenloop.com/web/response/<survey_hash_id>/email_embed/1" style="display:block;text-decoration:none;color:#106AD7;font-size:16px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;">1</a></th>
      <th bgcolor="#ffffff" width="2">&nbsp;</th>
      <th align="center" dir="ltr" style="direction:ltr; vertical-align:middle;" valign="middle" height="40" width="40">
        <a href="https://responses.zenloop.com/web/response/<survey_hash_id>/email_embed/0" style="display:block;text-decoration:none;color:#106AD7;font-size:16px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:bold;">0</a></th>
    </tr>
  </tbody>
</table>
<img src="https://api.zenloop.com/web/surveys/<survey_hash_id>/opened" height="1" width="1">

Result:

Copy this snippet into the body of your email code. This code is effectively made up by duplicating the same snippet 11 times, one for each score from 0 to 11. The core part of this is the scoring link, but to make things easier, we have provided default values for: font, colors and spacing.

Additionally for your convenience and proper tracking of a conversion rate we are including a small pixel image to track arrivals and opens of the email to user inboxes. You are able to see the results of this in the analytics section for each survey or survey group.

📘

Adding recipients and properties

Note that unless you specifically add recipients all answers you receive will be anonymous


What’s Next