Zuko Guides | Add Zuko to Formstack Forms

How to add Zuko tracking to your Formstack forms

‍

Formstack is used by many companies to create digital workflows. Whether your form is being used for online purchases, lead generation or building your marketing lists, you will need a form analytics tool to analyse where you are missing out on opportunities. Luckily, you can easily and seamlessly integrate Zuko to your Formstack to give you the insights you need to do just that.

Adding Zuko to your Formstack form is the same as our standard setup process, but here is a step-by-step guide to walk you through it.

‍

Step 1 - add your form to Zuko

On your Zuko account, click on Add Form on the dashboard, and you will be directed to the page below:

Fill out your organisation details, the main contact, the label (how you would like the form to appear in Zuko), and the URL the form is hosted on.

Step 2 - get your Zuko tracking codes

Once you have completed this step, you will be directed to your Zuko tracking codes. Zuko consists of an activity tracking tag and a completion tag- for more information about the Zuko tags, we have a separate in-depth guide to those here

You will find these tags embedded within the dropdowns on the page, like the example below:

Step 3 - adding the Zuko codes to your form

You have a couple of options for adding the Zuko tracking codes to your Formstack form. Most users use a tag manager to fire the tags onto your site, but you can also embed the codes directly into the HTML of the page itself if you wish. If you wish to add Zuko directly to the HTML, make sure the code is integrated within the <body> of the HTML at the bottom (just before the </body> tag) to make sure the form elements are on the page before the Zuko code.

‍

If you are using a tag manager (eg. Google Tag Manager), here are some tips:

Fire the activity code when the Formstack form appears on your page. This is the Zuko tag that will track the interactions the user makes with your form. It contains a unique id, or ‘slug’, that will allow Zuko to track your form. Ideally, your trigger parameters should be Page View- Window Loaded.
Fire the completion tag when you know that your Formstack form has been successfully submitted- this is usually on a “Thank You” page or similar. This code also contains the form’s unique slug.

‍

Learn more about adding the tracking codes to your site here.

‍

For further support or advice on getting Zuko set up on your Formstack form, please contact support@zuko.io and we'll be happy to help you get set up.