Not every subscriber on your email list is on the exact same journey when it comes to making a purchase from your brand. The conditional split feature in Klaviyo is helpful if you want to create a single flow but then curate different content for recipients based on what you already know about them (e.g. emails opened, location, past purchase history, etc.).
For example, in an Abandon Cart Flow, you can use a Conditional Split to branch your flow based on whether or not a subscriber has already used the promotion available in your email. You may want to customize your messaging content differently for the subscribers that have not converted from your abandon cart with a code-reminder email. Here is a helpful video that will walk you through creating this conditional split in Klaviyo.
<div class="gated-section-wrap">
<div class="article-gateway" data-gated-article-form> <div class="close-gateway" data-close-gateway-wrap style="display: none;"><a href="#" data-close-gateway>X</a></div> <p>To watch this video, please sign up below:</p>
<div class="gated-content-form">
<!--[if lte IE 8]>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2-legacy.js"></script>
<![endif]-->
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script> hbspt.forms.create({
portalId: "2165565",
formId: "602cff6d-c486-48e8-bb95-00c9665eba13",
target: ".gated-content-form"
});
</script> </div>
</div>
<div class="gated-article-content " data-gated-article-content> <div class="the-occluder"></div> <!-- Place content Here -->
<div class="video-container"><iframe src="https://www.youtube.com/embed/Gtrpdo9QYSw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<!-- Place content Here -->
</div>
</div> <style>
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;
} .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%;
}
</style>