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)

  • Was this Helpful ?
  • yes   no

About The Moo Master

As today's world moves towards more cloud based solutions, it's not always easy to find an all-in-one solution to a business problem. We focus on business development. finding new, creative and innovative ways to use different IT systems to enhance and automate business processes. We're happy to share our knowledge and solutions we've come up with over the years to some of those unique IT/Business problems.

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 ...

8 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?

  3. Hi
    How do I identify the other fields in my form (name and company)

    • Hi Diego,

      You can simply repeat the same steps, but instead of using “email” use your other form input fields. Just make sure those fields have an id, like “company”.

      Best,
      MooMaster

      • First of all, thank you for your attention!
        I have a form whith 3 fields: name, email and company. I want to identify the 3 fields at the same time (name, email and company). What I did was create three variables (“FormEmail”, “FormName” and “FormCompany”) and set the tag like this:

        woopra.identify({
        email: “{{FormEmail}}”,
        name: “{{FormName}}”,
        company: “{{FormCompany}}”,
        });

        It turns out that it only identifies the first event on the tag (FormEmail) it repeats on the other fields. Can you help me?

        Thx

      • I got it sorted out. I did all the steps again and this time it worked. It should be some extra space or comma

Leave a Reply

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

%d bloggers like this: