Skip to main content

Send review request emails from Klaviyo

Set up a Klaviyo flow to automatically send Okendo review request emails to customers after their order is fulfilled.

Written by Chris MaGill

Set up a flow in Klaviyo's new editor to automatically send review request emails to your customers after their order is fulfilled.

💡 First, connect Okendo to Klaviyo. See Getting started with Klaviyo and Okendo.

In this article, you will learn about:

Okendo review request data

When you connect Okendo to Klaviyo, Okendo sends the following review events that you can use to trigger and filter your flow:

  • Eligible for Okendo Review Request — triggered when a customer's order is fulfilled and paid in full. Contains the product list, review URLs, and star rating links used to build the email.

  • Ineligible for Okendo Review Request — triggered when an order is returned or refunded. Use this as a flow filter to suppress review requests for ineligible orders.

  • Created Okendo Review — triggered when a customer submits a review. Contains the review content, rating, and product details.

For the full list of event properties and payload examples, see Okendo data sent to Klaviyo.

Set up a review request email flow

💡This flow is now available as a Klaviyo flow template. We highly recommend using the template and using the instructions below for informational purposes only.

  1. Open Klaviyo and create a new flow with the following settings:

    • Flow trigger: Eligible for Okendo Review Request — at least once since starting this flow

    • Flow filter: Ineligible for Okendo Review Request — at least zero times since starting this flow

  2. Drag and drop a new email into the flow, then click Configure.

  3. Drag and drop a table block into the email.

  4. Go to Styles > Columns and add two more columns (four total). Set the first two to desktop only and the second two to mobile only.

  5. Configure your Dynamic rows as follows (Image, HTML, Image, HTML):


  6. Go to Styles > Dynamic > Data Source and fill in the Row Collection and Alias. These values are case-sensitive and must be entered exactly as below.

event.Products
product

5. To limit the number of products shown in the email, configure the Row Collection as below instead. Inputting 3, for example, limits the email to show 3 products.

event.Products|slice:'3'
product

6. For Dynamic rows 1 & 3 follow these steps:

Go to Content and select the image. Add a dynamic image and insert the following URL:

{{ product|lookup:'Image Url' }}

7. Then insert the following alt text and link address:

{{ product.name }}
{{ product|lookup:'Review Url' }}

8 Now that we've configured the image in the first and third columns, we'll move to the second and fourth columns that were set to HTML. Copy and paste the code below into each:

<div class="mj-column-px-350 outlook-group-fix" style="vertical-align: middle; display: inline-block; direction: ltr; font-size: 13px; text-align: left; width: 100%;">
<table style="vertical-align: middle;" role="presentation" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="word-break: break-word; font-size: 0px; padding: 10px 25px;" align="left">
<div style="cursor: auto; color: rgb(29, 34, 54); font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 22px; text-align: center;">{{product.Name}}</div>
</td>
</tr>
<tr>
<td style="word-break: break-word; font-size: 0px; padding: 10px 25px; padding-bottom: 0px;" align="left">
<div style="cursor: auto; color: rgb(84, 88, 102); font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 16px; line-height: 22px; text-align: center;">How many stars?</div>
<p>&nbsp;</p>
</td>
</tr>
<tr>
<td style="word-break: break-word; font-size: 0px; padding: 10px 25px;" align="left">
<div style="cursor: auto; color: rgb(0, 0, 0); font-family: Ubuntu, Helvetica, Arial, sans-serif; font-size: 13px; line-height: normal; text-align: center;"><a aria-label="Vote 1 Star" href="{{product|lookup:'Review Rating Urls'|lookup:'0'|lookup:'Url'}}"><img style="border: none; outline: none; text-decoration: none;" src="https://d3hw6dc1ow8pp2.cloudfront.net/emails/review/star.png" alt="1 Star" width="30" height="28"></a> <a aria-label="Vote 2 Star" href="{{product|lookup:'Review Rating Urls'|lookup:'1'|lookup:'Url'}}"><img style="border: none; outline: none; text-decoration: none;" src="https://d3hw6dc1ow8pp2.cloudfront.net/emails/review/star.png" alt="2 Star" width="30" height="28"></a> <a aria-label="Vote 3 Star" href="{{product|lookup:'Review Rating Urls'|lookup:'2'|lookup:'Url'}}"><img style="border: none; outline: none; text-decoration: none;" src="https://d3hw6dc1ow8pp2.cloudfront.net/emails/review/star.png" alt="3 Star" width="30" height="28"></a> <a aria-label="Vote 4 Star" href="{{product|lookup:'Review Rating Urls'|lookup:'3'|lookup:'Url'}}"><img style="border: none; outline: none; text-decoration: none;" src="https://d3hw6dc1ow8pp2.cloudfront.net/emails/review/star.png" alt="4 Star" width="30" height="28"></a> <a aria-label="Vote 5 Star" href="{{product|lookup:'Review Rating Urls'|lookup:'4'|lookup:'Url'}}"><img style="border: none; outline: none; text-decoration: none;" src="https://d3hw6dc1ow8pp2.cloudfront.net/emails/review/star.png" alt="5 Star" width="30" height="28"></a></div>
</td>
</tr>
</tbody>
</table>
</div>

Your template should look like this:

And the preview should look like this:

⚠️ If you do not have any "Eligible for Okendo Review Request" events that have been sent to Klaviyo then your preview will not display.

Change star color

The standard star color is hex 000000. To use a different color:

  1. Update the hex code in the first line of the code in Dynamic row 2 & 4 (starColor='000000').

⚠️ Not all hex values have been pre-generated. If you see broken star images:

  1. Go to Okendo app > Mail > Email Templates.

  2. Click on Review Request and select any template. (Selecting a different template type will generate different star styles.)

  3. Click Styling and enable Override styling.

  4. Set the star color to match the hex value you used in the code and wait for the preview to update — no need to save.

  5. After a few seconds, preview the email in Klaviyo to confirm the stars appear correctly.

Write a review button

To add a CTA button that links to the review form for the first product in the email, insert a button and set its link address to:

{{ event.Products.0|lookup:'Review Url' }}

💡 To replace the star rating block entirely with a CTA button, see Customize CTA buttons in Klaviyo review requests.

Start the Forward to Klaviyo sequence

Set your Klaviyo email status to Live, then go to Okendo app > Mail > New Sequence > Klaviyo.

Configure the sequence options:

  • Start date and end date — controls which orders are recruited into the sequence

  • Wait from — choose whether to start waiting from the fulfillment date or delivery date

  • Wait times — set separate wait times for domestic and international orders

  • Product sorting — sort products in the email by price, rating, or review count, in ascending or descending order

When you're happy with the configuration, click Start.

Did this answer your question?