How to Trigger Events Using Visual Tagger

The Visual Gagger is a small widget that loads on top of your website and lets you visually point and click on any element (button, form etc.) and track it to trigger an event when its interacted with.

It is the fastest way to set up tracking in PixelFlow, and it can also capture customer details shown on the page such as name, email, phone number, value, and product information.

A few points to note before getting started:

• You can only load Visual Tagger from the PixelFlow dashboard.

• Only you can see Visual Tagger on your website - no visitors can see it.

What Visual Tagger can capture

Visual Tagger is not limited to the click itself. When you track a form or select a visible data area, PixelFlow can send extra customer and event details to Meta along with the event.

• name

• email

• phone number

• value

• product name or other visible product details

This is especially useful for lead forms, booking forms, newsletter signups, and product actions where better event match quality matters.

How to use Visual Tagger

1. Click Track More Events in the top right of your dashboard.

2. Select Via Visual Tagger and click Next.

Your website will open with the Visual Tagger widget loaded.

1. Click Track Something New in the widget and select the element, button, or form you want to track.

2. With When the Element is Clicked selected, hover over the page to see trackable elements.

3. To trigger an event when a page loads instead, select When This Page Loads.

Track a button or element click

1. With When the Element is Clicked selected, click the button, image, or element you want to track.

2. Choose the Meta event to trigger.

3. If related details are visible on the page, select User details area and value and click the area that contains that information. PixelFlow can send details like name, email, product information, or value with the event.

   

4. To send a fixed value, click Add Fixed Value and enter the amount.

5. Click Save Trigger.

Track a form submission

1. With When the Element is Clicked selected, click the submit button on the form.

   Note: the event triggers only after a successful submission.

2. Choose the event type from the dropdown.

3. Visual Tagger will automatically find form fields to track, such as name and email. Check the matches before saving.

4. If a field is missing, click Track extra data and select the extra field or area, such as phone number or another visible value.

5. Review the Confirm Setup screen and click Confirm.

When to use another method

• Use Visual Tagger first for most no-code setups.

• If you need to trigger an event when a user lands on a particular page (like /success page) you can Trigger Events on Specific Page URLs

• If you need specific control and may make changes to your website layout, consider instead Triggering Events using "Classes" (not all platforms support CSS classes.