# SureCart

HandL UTM Grabber / Tracker  
How to collect and track UTM variables via SureCart step by step

# Track UTMs in SureCart

### Edit Your Checkout Page

First, edit your checkout page.

[![](https://docs.utmgrabber.com/uploads/images/gallery/2024-03/scaled-1680-/image-1711153808162.png)](https://docs.utmgrabber.com/uploads/images/gallery/2024-03/image-1711153808162.png)

### Add a Text Field to Your Checkout Page

Add a text field to your checkout page, ensuring you adhere to our naming convention found here: [Native WP Shortcodes](https://docs.utmgrabber.com/books/102-getting-started-for-handl-utm-grabber-v3/page/native-wp-shortcodes). For each parameter you wish to track, create a new field and ensure the name field exactly matches our naming convention.

[![](https://docs.utmgrabber.com/uploads/images/gallery/2024-03/scaled-1680-/image-1711153961191.png)](https://docs.utmgrabber.com/uploads/images/gallery/2024-03/image-1711153961191.png)

### Hide the Text Field

To hide the text field, go to the text field settings, navigate to the Advanced section, and enter `handl-hidden` in the ADDITIONAL CSS CLASS(ES) field.

[![](https://docs.utmgrabber.com/uploads/images/gallery/2024-03/scaled-1680-/image-1711153974448.png)](https://docs.utmgrabber.com/uploads/images/gallery/2024-03/image-1711153974448.png)

### Fields Will Be Populated and Saved by UTM Grabber

The results can be displayed on the order page under the additional order data section.

[![](https://docs.utmgrabber.com/uploads/images/gallery/2024-03/scaled-1680-/image-1711154054702.png)](https://docs.utmgrabber.com/uploads/images/gallery/2024-03/image-1711154054702.png)