Magento Go

Magento Go provides the ability to insert custom JavaScript into their store platform. Please refer to their KnowledgeBase article for detailed instructions. Particularly, you can use Method 2 to put our JavaScript library into a static block.

Magento One Page Checkout

Magento’s One Page Checkout system handles the entire checkout process in one URL. If you’d like to see exactly where customers are dropping off during checkout, you can add some Kissmetrics JavaScript Library calls to record events for each checkout step.

Including the API Calls

Several articles explain how to integrate Google Analytics with Magento, and adapting them to Kissmetrics is straightforward. We’re going to edit opcheckout.js in \skin\frontend\default\YOURTHEME\js - if that file is not there, copy it from \skin\frontend\base\default\js.

Now let’s edit the gotoSection function:

gotoSection: function(section)
{
    try {
      // TODO: Feel free to rename the KM event
      _kmq.push(['record', 'Reached Checkout Step '+section]);
      // If using Google Analytics, uncomment the relevant code:
      // Old Analytics code
      //pageTracker._trackPageview('checkout/onepage/'+section);
      // Newer Asynchronous Analytics code
      //_gaq.push(['_trackPageview', 'checkout/onepage/'+section]);
    } catch(err) { }
    section = $('opc-'+section);
    section.addClassName('allow');
    this.accordion.openSection(section);
},

Setting Up the Funnel

The Funnel Report will look like this. Of course, from our Event Manager, you could track the first two events: whether they 1) reached the Cart page and 2) started the Checkout process.

(Visits the URL /checkout/cart)
(Visits the URL /checkout/onepage)
Reached Checkout Step billing
Reached Checkout Step shipping
Reached Checkout Step shipping_method
Reached Checkout Step payment
Reached Checkout Step review