Did you know there is an easy way to track what browser and operating system your customers are using? Here are the steps to capture this information and put it in your order notification template.

1. Go to the template editor in Shopify Admin and open cart.liquid. Find the bottom of the form and add the following input fields:

<form action="/cart" method="post" id="cartform">
    ...
    <input type="hidden" name="attributes[agent]" id="agent"/>
    <input type="hidden" name="attributes[os]" id="os"/>
</form>

2. Now add the following code at the bottom:

<script type="text/javascript">
jQuery(document).ready(function($) {
    $('#agent').val(navigator.userAgent);
    $('#os').val(navigator.platform);
})
</script>

Note: I'm assuming your theme is using jQuery.

Be sure to save the file. Starting with your next order, you will see the user agent (browser) and os (operating system) as attributes on the order details screen in Admin.

3.  Now it is time to edit the order notification email template. Open the template (under Preferences > Emails & Notifications) and add the attributes to the bottom. In this example, I'm also including the referring site and landing page which are already available for all Shopify email templates:

Referring Site: {{ referring_site }}
Landing Page: {{ landing_site }}
Browser: {{ attributes.agent }}
OS: {{ attributes.os }}

That's it. An easy way to get a feel for what your customers are using to view your site.