Home / Integrations / Woopra / Identifying visitors in Woopra using GTM & Form Variables
Identify users in Woopra using Forms

Identifying visitors in Woopra using GTM & Form Variables

Continuing on from Part 1: Identifying visitors in Woopra using GTM & URL Variables, we’re going to now look at how to identify visitors in Woopra using GTM to extract form field variables before or after a form has been submitted.

Implementation time: 30 minutes

Prerequisites:

  • Woopra installed and running
  • Google Tag Manager installed

Identifying visitors using form variables:

For this implementation we’re going to use the example of a subscription form on a website. This method can be expanded to many forms and form variables as required by your website.

Update form ID’s:

For this to work, each form field must have a unique ID on your website. Below is an example of a basic subscription form field with the email field set to id=email. This will be different depending on how your website is setup. Ideally it is best to use the same ID across all of your fields which you will be extracting the variable.

Example:

Create the Form Variable in GTM:

The piece of JavaScript executed below is what will pull the value from the form field email

  1. Open GTM and navigate to Variables > New Variable
  2. Name the variable something you can remember
  3. Choose Custom JavaScript as the variable type
  4. In the variable configuration insert the code the pull the variable from the form element

Create the Form Variable trigger in GTM:

The most common form trigger to use is when GTM detects there has been a form submission (generic form trigger). Of course this is not always the most practical depending on how your website is setup. Also adjust your trigger if you only want the tag to only execute on certain pages.

  1. Open GTM and navigate to Triggers > New Trigger
  2. Name your trigger
  3. Configure your trigger and add in any form submission validation if necessary
  4.  Choose which forms you want to fire the tag on

Create the Form Variable Tag in GTM:

  1. Open GTM and navigate to Tags > Create New
  2. Name your tag
  3. Choose HTML Tag as the product type
  4. Configure the tag with the JavaScript which will send the event to Woopra (below)
  5. Add trigger set from the previous step which the tag will fire on

(Note: {{FormEmail}} is the name of the variable which you created in GTM)

About The Moo Master

Check Also

Lead Revisit Notifcations

Lead Revisit Notifications using Woopra

Woopra has already expanded the way we can integrate and automate our website with other ...

4 comments

  1. How can I track email and name from an Aweber form?
    I can’t get it to work.

    • Hi Rachelle,
      Can you provide me with the URL of the page with the form you are trying to send to Woopra ?
      Also, you need to ensure you have ID’s set all your INPUT fields and those same ID’s are set correct like in step 1.2

  2. Looking to have woopra capture info from activecampaign forms. Is that possible? seems like it might not be able to since activecampaign forms are short codes?

Leave a Reply

Your email address will not be published. Required fields are marked *