@aereid If you are submitting the legacy form to the https://manage.kmail-lists.com/ajax/subscriptions/subscribe endpoint with the FormData, nothing about that needs to change.

All you will want to do to create a custom event is to leverage _learnq and feed it any data that you want to record about the event. If you already have our onsite javascript, _learnq should be available to you. 

https://apidocs.klaviyo.com/reference/javascript-client-library

Thank you @jallain, that seems to have done the trick!

@aereid @jallain Hi! I’m trying to achieve the same thing with my implementation of Klaviyo right now, but it doesn’t seem to work. I am also using legacy forms, and I’ve tried to do the following (track the data upon form submission):

<script>
$("#email_signup").submit(function() {

var email = $('#k_id_email').val();

var _learnq = _learnq || a];
  _learnq.push(n'identify', {
    '$email': email
  }]);

  _learnq.push(n'track', 'Report Requested', {
    'Report_Requested' : 'Name of Report'
  }]);

});
</script>

However, nothing shows up in Klaviyo. I would really appreciate any help as I’m currently unable to troubleshoot this.

@arianavmac is the identify call working? If not, make sure that the email variable actually has a valid email address assigned to it.

If the identify call is working, you’ll want to pass the track invocation as a callback to identify in the fourth argument position. Here’s an example:

 

function onIdentifyCompleteCallback () {
	_learnq.track("Custom Event");
}

_learnq.identify(identityProperties, undefined, undefined, onIdentifyCompleteCallback)

The identify request needs to complete before you can use _learnq to track an event, passing the track call as the fourth argument in this way will ensure it happens at the correct time.

@jallain I’m running into another issue where the the legacy form sometimes redirects to page with another form asking for the email, first name, and last name. But this only seems to happen sometimes. Since this is happening though, I don’t think the code you shared above (or any code) will run on form submission because of the redirect. Thanks in advance for the help! 

@arianavmac you may want to open a new topic instead of adding to this one since it seems like you are facing a different issue. feel free to tag me in it and I can help you there. it sounds like there may be some attribute on the form that you’ll need to remover like data-ajax-submit or something like that.