# OptimizePress Integration

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

# OptimizePress and Infusionsoft Integration

#### Create custom fields in infusionsoft

Create the custom fields as explained [here](https://help.infusionsoft.com/help/create-custom-fields). You can create onefield for each UTM variables and HandL parameters matching the nameing convention (it can be any name but it is easier to follow the naming convention for mapping) here [Native WP Shortcodes](https://docs.utmgrabber.com/books/102-getting-started-for-handl-utm-grabber-v3/page/native-wp-shortcodes)

We recommend creating a seperate tab called "Tracking" and using subheader to seperate parameters for better visualization (shown in the image below)

[![](https://docs.utmgrabber.com/uploads/images/gallery/2021-01/scaled-1680-/image-1610000604915.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-01/image-1610000604915.png)

#### Add the new custom fields in your form in Campaign

Create the webform as explained here https://help.infusionsoft.com/help/create-a-web-form in the Campaign.

Include custom fields as text fields (not hidden - we'll hide them in OptimizePress) using `Field snippet` section as shown in the image below.

[![](https://docs.utmgrabber.com/uploads/images/gallery/2021-01/scaled-1680-/image-1610000941880.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-01/image-1610000941880.png)

#### Publish the campaign

Create your automation in the campaign and publish the campaign to persist the changes.

#### Create your optin form in OptimizePress and Select Integration as "Infusionsoft"

Shown in the image below

[![](https://docs.utmgrabber.com/uploads/images/gallery/2021-01/scaled-1680-/image-1610001344770.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-01/image-1610001344770.png)

#### Select tag and form in Action

[![](https://docs.utmgrabber.com/uploads/images/gallery/2021-01/scaled-1680-/image-1610001408214.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-01/image-1610001408214.png)

#### Select all the custom fields

[![](https://docs.utmgrabber.com/uploads/images/gallery/2021-01/scaled-1680-/image-1610001439538.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-01/image-1610001439538.png)

and click next until complete

#### Select Optin Form > Settings > Advanced Options

Mark the fields as invisible, they will disappear in the form visual

[![](https://docs.utmgrabber.com/uploads/images/gallery/2021-01/scaled-1680-/image-1610001573283.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-01/image-1610001573283.png)

#### Click each input and > Input Settings > Default Value

Type the corresponding shortcode name for each individual field. You can see the list of shortcodes available here [Native WP Shortcodes](https://docs.utmgrabber.com/books/102-getting-started-for-handl-utm-grabber-v3/page/native-wp-shortcodes)

Below image shows for utm\_campaign, similarly you can do it for all the samples.

[![](https://docs.utmgrabber.com/uploads/images/gallery/2021-01/scaled-1680-/image-1610001693868.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-01/image-1610001693868.png)

We also recommend adding CSS class for each field as shown below. [![](https://docs.utmgrabber.com/uploads/images/gallery/2024-05/scaled-1680-/image-1717169411139.png)](https://docs.utmgrabber.com/uploads/images/gallery/2024-05/image-1717169411139.png)

Save the page in OptimizePress, and you are done!

# OptimizePress Pages (Enable Scripts & Styles)

If you are using OptmizePress, make sure HandL UTM Grabber is enabled for Frontend...

[![](https://docs.utmgrabber.com/uploads/images/gallery/2021-09/scaled-1680-/image-1632974566137.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-09/image-1632974566137.png)