[NPS Touchpoint] Setup Klaviyo NPS Flow from KnoCommerce Email Embed Channel

Klaviyo NPS Flow from KnoCommerce Email Embed Channel

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <title></title>
  <style type="text/css">
    body {
      background: #eee;
      font-family: 'Helvetica Neue', Helvetica, Arial, san-serif;
    }
    #outer {
      width: 95%;
      min-width: 320px;
      max-width: 600px;
      margin: 20px auto;
      background: #f9f9f9;
      position: relative;
    }
    #inner {
      padding: 20px;
      font-size: 14px;
      line-height: 19px;
    }
    p {
      margin: 0 0 9px;
    }
    .nps-button:hover {
      background-color: #f9fafb !important;
    }
  </style>
</head>
<body>
  <div id="outer">
    <div id="inner">
      
        <div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 24px; background-color: #ffffff; border-radius: 8px;">
          <div style="text-align: center; margin-bottom: 20px;"><img src="https://kno-insights-images-dev.s3.us-east-1.amazonaws.com/account/061d00d6-70c1-4c13-b173-f47f0abc7c14/surveys/question/1757557509354_kno_logo_small_survyes.png" alt="logo" style="max-height: 150px; display: block; margin: 0 auto;"></div>
          
           <h3 style="margin: 0 0 16px 0; color: #212529; font-size: 18px; font-weight: 600; line-height: 1.4;">How likely are you to recommend us to a friend, family member, or coworker?</h3>
           
           <div style="text-align: center; margin: 20px 0;">
             <a href="https://dev.knocommerce.com/surveys/2a2bbbc6-5ee0-4a19-8388-29fadaa8cbd1?source=email_embed&q_id=23f8eb1e-308c-4d6e-a345-985a28d85571&value=0&email={{email}}&order_id={{event.extra.id}}" class="nps-button" style="display: inline-block; margin: 2px; padding: 0; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; color: #495057; text-decoration: none; font-weight: 500; font-size: 12px; width: 32px; height: 32px; line-height: 32px; text-align: center; box-sizing: border-box;">0</a>
               <a href="https://dev.knocommerce.com/surveys/2a2bbbc6-5ee0-4a19-8388-29fadaa8cbd1?source=email_embed&q_id=23f8eb1e-308c-4d6e-a345-985a28d85571&value=1&email={{email}}&order_id={{event.extra.id}}" class="nps-button" style="display: inline-block; margin: 2px; padding: 0; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; color: #495057; text-decoration: none; font-weight: 500; font-size: 12px; width: 32px; height: 32px; line-height: 32px; text-align: center; box-sizing: border-box;">1</a>
               <a href="https://dev.knocommerce.com/surveys/2a2bbbc6-5ee0-4a19-8388-29fadaa8cbd1?source=email_embed&q_id=23f8eb1e-308c-4d6e-a345-985a28d85571&value=2&email={{email}}&order_id={{event.extra.id}}" class="nps-button" style="display: inline-block; margin: 2px; padding: 0; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; color: #495057; text-decoration: none; font-weight: 500; font-size: 12px; width: 32px; height: 32px; line-height: 32px; text-align: center; box-sizing: border-box;">2</a>
               <a href="https://dev.knocommerce.com/surveys/2a2bbbc6-5ee0-4a19-8388-29fadaa8cbd1?source=email_embed&q_id=23f8eb1e-308c-4d6e-a345-985a28d85571&value=3&email={{email}}&order_id={{event.extra.id}}" class="nps-button" style="display: inline-block; margin: 2px; padding: 0; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; color: #495057; text-decoration: none; font-weight: 500; font-size: 12px; width: 32px; height: 32px; line-height: 32px; text-align: center; box-sizing: border-box;">3</a>
               <a href="https://dev.knocommerce.com/surveys/2a2bbbc6-5ee0-4a19-8388-29fadaa8cbd1?source=email_embed&q_id=23f8eb1e-308c-4d6e-a345-985a28d85571&value=4&email={{email}}&order_id={{event.extra.id}}" class="nps-button" style="display: inline-block; margin: 2px; padding: 0; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; color: #495057; text-decoration: none; font-weight: 500; font-size: 12px; width: 32px; height: 32px; line-height: 32px; text-align: center; box-sizing: border-box;">4</a>
               <a href="https://dev.knocommerce.com/surveys/2a2bbbc6-5ee0-4a19-8388-29fadaa8cbd1?source=email_embed&q_id=23f8eb1e-308c-4d6e-a345-985a28d85571&value=5&email={{email}}&order_id={{event.extra.id}}" class="nps-button" style="display: inline-block; margin: 2px; padding: 0; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; color: #495057; text-decoration: none; font-weight: 500; font-size: 12px; width: 32px; height: 32px; line-height: 32px; text-align: center; box-sizing: border-box;">5</a>
               <a href="https://dev.knocommerce.com/surveys/2a2bbbc6-5ee0-4a19-8388-29fadaa8cbd1?source=email_embed&q_id=23f8eb1e-308c-4d6e-a345-985a28d85571&value=6&email={{email}}&order_id={{event.extra.id}}" class="nps-button" style="display: inline-block; margin: 2px; padding: 0; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; color: #495057; text-decoration: none; font-weight: 500; font-size: 12px; width: 32px; height: 32px; line-height: 32px; text-align: center; box-sizing: border-box;">6</a>
               <a href="https://dev.knocommerce.com/surveys/2a2bbbc6-5ee0-4a19-8388-29fadaa8cbd1?source=email_embed&q_id=23f8eb1e-308c-4d6e-a345-985a28d85571&value=7&email={{email}}&order_id={{event.extra.id}}" class="nps-button" style="display: inline-block; margin: 2px; padding: 0; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; color: #495057; text-decoration: none; font-weight: 500; font-size: 12px; width: 32px; height: 32px; line-height: 32px; text-align: center; box-sizing: border-box;">7</a>
               <a href="https://dev.knocommerce.com/surveys/2a2bbbc6-5ee0-4a19-8388-29fadaa8cbd1?source=email_embed&q_id=23f8eb1e-308c-4d6e-a345-985a28d85571&value=8&email={{email}}&order_id={{event.extra.id}}" class="nps-button" style="display: inline-block; margin: 2px; padding: 0; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; color: #495057; text-decoration: none; font-weight: 500; font-size: 12px; width: 32px; height: 32px; line-height: 32px; text-align: center; box-sizing: border-box;">8</a>
               <a href="https://dev.knocommerce.com/surveys/2a2bbbc6-5ee0-4a19-8388-29fadaa8cbd1?source=email_embed&q_id=23f8eb1e-308c-4d6e-a345-985a28d85571&value=9&email={{email}}&order_id={{event.extra.id}}" class="nps-button" style="display: inline-block; margin: 2px; padding: 0; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; color: #495057; text-decoration: none; font-weight: 500; font-size: 12px; width: 32px; height: 32px; line-height: 32px; text-align: center; box-sizing: border-box;">9</a>
               <a href="https://dev.knocommerce.com/surveys/2a2bbbc6-5ee0-4a19-8388-29fadaa8cbd1?source=email_embed&q_id=23f8eb1e-308c-4d6e-a345-985a28d85571&value=10&email={{email}}&order_id={{event.extra.id}}" class="nps-button" style="display: inline-block; margin: 2px; padding: 0; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 6px; color: #495057; text-decoration: none; font-weight: 500; font-size: 12px; width: 32px; height: 32px; line-height: 32px; text-align: center; box-sizing: border-box;">10</a>
           </div>
           <table style="width: 100%; margin-top: 12px; font-size: 12px; color: #6c757d;">
	         <tr>
	           <td style="text-align: left;">Not at all likely</td>
	           <td style="text-align: right;">Extremely likely</td>
	         </tr>
	       </table>
        </div>
    </div>
  </div>
</body>
</html>

Klaviyo is email platform powered by data built for commerce and web businesses.

Home | Klaviyo

Flows | Klaviyo

Create Flow | Klaviyo

Go to the builder and manually create a trigger and flow actions.

Klaviyo is an email platform powered by data built for commerce and web businesses.

Klaviyo

HTML
Custom-code your email for complete control.

Trigger

When someone Placed Order

Email #1
Options

Email #1 Subject

Smart sending
UTM tracking
Status
Draft
Day 0
End