Skip to main content

OnYou Flow - Klaviyo email

Niezl avatar
Written by Niezl
Updated over 2 weeks ago

Goal

Automate a follow-up email that shows each shopper the image they just generated with OnYou, plus a quick link back to the product they tried.

We can place three elements:

  1. the shopper’s try-on image

  2. the product title (as text)

  3. a button (or text link) that sends the shopper back to the product page


Prerequisites

  • Klaviyo account with sending domain authenticated

  • “Generated OnYou Tryon” metric already flowing into Klaviyo

  • The profile (person) properties below must exist:

    • lastTryonImageUrl

    • lastTryonProductTitle

    • lastTryonProductUrl

    • lastTryonProductImageUrl


1. Create the Flow

  1. In Klaviyo, go to Flows → Create Flow → Metric Trigger.

  2. Select Generated OnYou Tryon.

  3. Name the flow “OnYou Try-On Follow-up”.


2. Add the Email

2-A. Insert the try-on image

  1. Drag an Email card into the flow canvas.

  2. Open the Email Editor.

  3. Choose Drag and Drop → Image block.

  4. In the modal, select the Dynamic image tab.

  5. In the Variable or URL field paste this tag exactly (no quotes, no extra spaces):

{{ person.lastTryonImageUrl|default:'' }}
  • person. tells Klaviyo to pull the value from the profile.

  • |default:'' means “show nothing if the property is empty,” so the email will not break.

6. Click Save.

  • At this point, the block will still look empty in the designer—Klaviyo fills it only when a real profile goes through the flow.

2-B. Add the product title (text)

  1. Add a Text block (or Button) for the product title and link

  2. Replace the placeholder text with:

    <p style="font-weight:700;font-size:18px;text-align:center;">
    {{ person.lastTryonProductTitle|default:'' }}
    </p>

2-C. Add the “Checkout” button (or plain link)

  1. Option 1 – Button block

    • Drag a Button block under the title.

    • Set the Link URL to:

      {{ person.lastTryonProductUrl|default:'' }}
    • Style the button as you like (background, text, border-radius).

  2. Option 2 – Text link

    • Inside the Text block you already created, add a second paragraph:

      <p style="text-align:center;margin:24px 0 0 0;">
      <a href="{{ person.lastTryonProductUrl|default:'' }}"
      style="display:inline-block;padding:14px 32px;background:#000;color:#fff;border-radius:40px;font-weight:700;text-decoration:none;">
      CHECKOUT NOW
      </a>
      </p>

Either approach works—the dynamic tag in href will resolve to the product page the shopper tried on.

2-D. (Optional) show the product image too

If you also want the product image:

  1. Drag another Image block (above or below the try-on image—your choice).

  2. In the Dynamic image tab paste:

    {{ person.lastTryonProductImageUrl|default:'' }}
  3. Save.

2-E. Preview and test

  • Click Preview & Test → Preview Data → Profile.

  • Pick a profile known to have those lastTryon* properties.

    • The try-on image should render.

    • The product title should appear.

    • The button should link to the correct product URL.

  • Send yourself a test email to verify everything displays outside the editor.


3. Test the Flow

  1. In Preview & Test choose Profile (not Event) to verify the image and links.

  2. Choose a profile that definitely has a lastTryonImageUrl. You should see the customer’s try-on image render.

  3. Confirm that the try-on image, product name and link populate.

  4. Send a test email to yourself.


4. Go Live

  1. Set the flow email status to Live.

  2. Optionally add a filter to avoid sending more than once per 24 hours:

    Flow Filters →

    If someone has been in this flow at least 1 time in the last 24 hours.


Troubleshooting

Symptom

Likely cause

Fix

Broken-image icon

Profile property is blank or misspelled

Check the profile in Klaviyo → Information → Custom Properties. Confirm the name is lastTryonImageUrl (capitalization matters).

Image shows for some profiles but not others

Only certain profiles have done a try-on

Send the email only to profiles with lastTryonImageUrl populated, or add the fallback URL.



Example:

Did this answer your question?