Creating a custom analytics event for 'pre-order' button

@eevees.com I think to be fair to Klaviyo, anything “custom” can vary greatly so they can only point you the resources so you or your developer can tackle it accordingly.  Not to mention, these requests for things like “Just Copy X but Change One Thing” never ends up as straightforward as you think. 

BUT… I’m going to take a stab at this for ya.

You just need to change a few things:

1. Your Pre-Order button needs to have different Class or ID name than your Add to Cart button. Use that instead of “Pre-Order” ID  in my example below.  And this example is using it by an ID.
2. Change the Metric name from “Add to Cart” to something like “Added to Pre-Order” 
3. This code also depends on the “View Product” event.

So your code will look like this:

<script type="text/javascript">
	var _learnq = _learnq || [];
	document.getElementById("Pre-Order").addEventListener('click',function (){
 		_learnq.push(['track', 'Added to Pre-Order', item]);
	});
</script>

If everything lines up correctly, that should mimic your custom “Add to Cart” button and send in a different (and separate) event called “Added to Pre-Order” for you to use for Flows or Segmentation.