https://www.loom.com/share/e08b01e6be3d4e489bb77f2750461c7c

  1. Clone a recent email template and name it "Repeat Reorder Button"

    Google Chrome-Email Templates | Klaviyo-2021-12-08 at 09.20.14.png

  2. Drag a new image block into the top of the template and upload your banner image. Check the "Fill image area" box.

    Google Chrome-Edit Repeat Reorder Button | Klaviyo-2021-12-08 at 09.24.11.gif

  3. Add this "Alt Text" to the image settings. Copy and paste this snippet into the "Alt Text" field. This is important for accessibility, and also important when a recipient's email client may not show the images in the email automatically.

    The easiest way to restock. Check out your personalized refill cart: Order Again
    
  4. Add a link to the personalized cart. Copy and paste this snippet into the "Link" field. This link will pull in the customer's unique refill cart from their Klaviyo profile when the email is sent. Be sure to update the default URL in the snippet below to the brands home page. This URL is the fallback in case the customer does not have a Repeat url in their profile.

    {{ person|lookup:'Repeat Cart URL'|default:'https://**YOURSITE.COM**/' }}
    
  5. Click the question mark to access conditional settings, and toggle conditional settings to "on". We'll set this image block so that it only shows if a) a klaviyo subscriber has a Repeat personal cart link in their Klaviyo profile, and b) is not an active subscription customer.

    Google Chrome-Edit Repeat Reorder Button | Klaviyo-2021-12-08 at 09.42.38.png

  6. Copy and paste this snippet into the "Condition" field, then click "Save". Important note: not all brands identify active subscription customers in the same way. Verify the tag you use to identify subscribers in Shopify and modify the ‘Active Subscriber’ part of this snippet accordingly.

    person|lookup:'Repeat Cart URL' and not 'Active Subscriber' in person|lookup:'Shopify Tags'
    
  7. Click "Save" on the image block to save all of the settings.

    Google Chrome-Edit Repeat Reorder Button | Klaviyo-2021-12-08 at 09.54.52.png

  8. Hover over the image block you created and click the star icon to create a saved block. Give this block the name "Repeat Reorder Button"

    Google Chrome-Edit Repeat Reorder Button | Klaviyo-2021-12-08 at 09.56.31.png

  9. Check your work by adding a the new saved block to the template. Verify that the image settings, alt text, link, and conditions were all saved.

    Google Chrome-Edit Repeat Reorder Button | Klaviyo-2021-12-08 at 09.58.55.mp4