How to track button clicks using Zoho PageSense Step-by-step guide to creating Element Click goals How to use CSS selectors in PageSense How to track CTA clicks on dynamic websites

Element Click Goal

What is an Element click?

An Element Click Goal allows you to track when a visitor clicks on a specific element on your website, such as a button, image, CTA, banner, tab or interactive component. Every time a visitor clicks the defined element, PageSense records it as a conversion. Even if the same visitor clicks the element multiple times, it is counted as one conversion per visitor, ensuring accurate and non-inflated reporting. This goal type is ideal when the action you want to measure is based on interaction - not necessarily navigation to another page.

When are Element Click Goals most effective ?

  1. You want to track clicks on a button (eg. Sign up, Add to cart etc.,)
  2. The click does not redirect to a unique confirmation page.
  3. You are running an A/B test on a CTA.
  4. The same CTA appears across multiple sections and you want combined tracking.
  5. You want to measure engagement before the final conversion

Goals Dashboard Overview

When you open the Goals tab under the Track module, you’ll see a complete overview of all the goals created for your project. This view helps you quickly understand goal performance and manage tracking efficiently.
Here’s what each section shows:
  • Goal Name
    Displays the name of each goal, making it easy to identify what action is being tracked.

  • Status
    Indicates whether the goal is currently running or inactive.

  • Visitors
    Shows the number of visitors who were eligible for the goal during the selected time period.

  • Conversions
    Displays how many visitors successfully completed the goal action.

  • Average Conversion Time
    Represents the average time taken by visitors to complete the goal after landing on the page.

  • Created Date
    Helps you track when the goal was set up, useful for audits and performance comparisons.

  • Sorting and Filters
    Allows you to sort goals by name, visitors, conversions, average conversion time, or recently created goals for quicker analysis.

How to Setup an Element Click Goal?

Step 1: Click New Goal
  1. In the Track module, click New Goal to start creating a goal.

  1. This opens the goal configuration setup where you can choose the goal type and define tracking conditions.
 

Step 2: Choose Element Click as the Goal Type
  1. Enter a clear and descriptive name for your goal so it can be easily identified in reports.
    Example:CTA Element click

  • From the list of available goal types, select Element Click


  • Click Next to proceed.



Step 3: Define Pages to Track

  1. In this step, you define where the selected element exists and where tracking should be active.

  1. PageSense offers an Advanced option that gives you greater control over where your goal should run. Within this Advanced section, you can choose from 8 different URL match types, allowing you to precisely define which pages should be included or excluded from tracking based on your website structure.
Below is a clear explanation of each:

 URL Match Type
When to use
Example
What it tracks
Simple URL
When tracking a single static page
Only that specific page 
Exact URL
When the URL must match exactly
Tracks only the exact URL entered
URL contains
When tracking multiple related options
Tracks all URLs containing “/product”
Starts with
When tracking a section or a folder
Tracks all blog pages
Ends with
When tracking pages with a common ending
Tracks any URL ending in ''thank-you''
Matches with
For flexible partial matchinghttps://zylkerautomation.zohocommerce.com/offer
Tracks URL matching similar patterns
Regex
For dynamic or complex URL structures
Tracks product pages with numeric IDs
Page GroupsWhen tracking a predefined group of URLsZylker – Marketing Campaign Pages
Tracks all URLs inside the defined group

How to Configure:
  • Select the appropriate match type based on your requirement.

  • Enter the corresponding URL value.

  • Add multiple conditions if the element appears across different sections.

Choose the match type carefully to avoid over-tracking or missing valid conversions.



Step 4: Add Pages Not to Track (Optional)

  • If the same element appears globally (for example, in the header or footer), but should not count as a conversion on certain pages, use the Pages Not to Track option. 

  • Apply the same URL match types to define exclusion rules.

  • This prevents inflated or misleading conversion data.


Step 5: Select the Element to Track

Here, you define the exact HTML element whose clicks should be recorded as conversions.


There are two methods to select the element:

Option 1: Use the Visual Element Selector 

The Visual Element Selector allows you to select elements directly from the page without technical knowledge.


How It Works:
  1. Enter a Preview URL.

  2. The page loads inside PageSense.

  3. Hover over elements to highlight them.

  4. Click the element you want to track.

  5. PageSense automatically generates the appropriate selector.

Why This Is Recommended:
  • Reduces human error.

  • Automatically creates optimized selectors.

  • Works well for non-technical users.

  • Saves setup time.

Option 2: Enter the Selector Manually

You can manually enter a CSS selector if you know the element’s structure.

What is a CSS Selector?

A CSS selector identifies a specific element on a webpage using:

  • ID Selector#signup-button
    (Most reliable because IDs are unique)

  • Class Selector.cta-button
    (Used when multiple elements share styling)

  • Combination Selector.hero-section .start-trial
    (Targets a specific element inside a section)

  • Attribute Selectorbutton[data-action="signup"]
    (Targets based on custom attributes)


Best Practices for Manual Selection:
  • Prefer ID selectors whenever available.

  • Avoid very generic class names like .button or .primary.

  • Ensure the selector uniquely identifies only the intended element.

Incorrect or overly broad selectors may result in:

  • Tracking unintended elements

  • Inflated conversion counts

  • Inaccurate reporting

After selection, always review the generated selector before proceeding.


Step 6(a): Use Chrome Extension

If your website loads content dynamically without a full page refresh - especially beyond login pages - the standard preview mode may not capture elements accurately. In that case, Chrome extension would be recommended.


Why the Chrome Extension Is Needed

Dynamic websites:

  • Load elements asynchronously.

  • Change page states without URL reload.

  • Render content after API calls.

In such cases, selectors may fail if captured too early.

When You Should Use the Extension
  • The element appears only after clicking another button.

  • The page does not reload on navigation.

  • The selector changes dynamically.

  • You are unable to select the element in preview mode.

The Chrome Extension ensures accurate selector capture for complex or dynamic page structures.




Step 6(b): Using Interact Mode


Interact Mode allows you to:
  • Click buttons

  • Open dropdowns

  • Trigger popups

  • Navigate between sections

  • Interact with dynamic content

This ensures that the element is selected in its actual interaction state.



Step 7: Review and Launch


Before launching:
  • Double-check page targeting rules.

  • Confirm that exclusions are correctly set.

  • Ensure the selector uniquely identifies the correct element.

Once everything is verified, click Launch.

PageSense will begin tracking clicks immediately after activation.



 



We’ve designed this documentation to guide you every step of the way. If you need further assistance or have any questions, don’t hesitate to contact us at support@zohopagesense.com - we’re always here to help!

      Create. Review. Publish.

      Write, edit, collaborate on, and publish documents to different content management platforms.

      Get Started Now


        Access your files securely from anywhere

          Zoho CRM Training Programs

          Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.

          Zoho CRM Training
            Redefine the way you work
            with Zoho Workplace

              Zoho DataPrep Personalized Demo

              If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.

              Zoho CRM Training

                Create, share, and deliver

                beautiful slides from anywhere.

                Get Started Now


                  Zoho Sign now offers specialized one-on-one training for both administrators and developers.

                  BOOK A SESSION







                              Quick LinksWorkflow AutomationData Collection
                              Web FormsEnterpriseOnline Data Collection Tool
                              Embeddable FormsBankingBegin Data Collection
                              Interactive FormsWorkplaceData Collection App
                              CRM FormsCustomer ServiceAccessible Forms
                              Digital FormsMarketingForms for Small Business
                              HTML FormsEducationForms for Enterprise
                              Contact FormsE-commerceForms for any business
                              Lead Generation FormsHealthcareForms for Startups
                              Wordpress FormsCustomer onboardingForms for Small Business
                              No Code FormsConstructionRSVP tool for holidays
                              Free FormsTravelFeatures for Order Forms
                              Prefill FormsNon-Profit

                              Intake FormsLegal
                              Mobile App
                              Form DesignerHR
                              Mobile Forms
                              Card FormsFoodOffline Forms
                              Assign FormsPhotographyMobile Forms Features
                              Translate FormsReal EstateKiosk in Mobile Forms
                              Electronic Forms
                              Drag & drop form builder

                              Notification Emails for FormsAlternativesSecurity & Compliance
                              Holiday FormsGoogle Forms alternative GDPR
                              Form to PDFJotform alternativeHIPAA Forms
                              Email FormsFormstack alternativeEncrypted Forms

                              Wufoo alternativeSecure Forms

                              TypeformWCAG

                                All-in-one knowledge management and training platform for your employees and customers.

                                            Create. Review. Publish.

                                            Write, edit, collaborate on, and publish documents to different content management platforms.

                                            Get Started Now




                                                              You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.




                                                                  Manage your brands on social media


                                                                    • Desk Community Learning Series


                                                                    • Digest


                                                                    • Functions


                                                                    • Meetups


                                                                    • Kbase


                                                                    • Resources


                                                                    • Glossary


                                                                    • Desk Marketplace


                                                                    • MVP Corner


                                                                    • Word of the Day


                                                                    • Ask the Experts


                                                                      Zoho Sheet Resources

                                                                       

                                                                          Zoho Forms Resources


                                                                            Secure your business
                                                                            communication with Zoho Mail


                                                                            Mail on the move with
                                                                            Zoho Mail mobile application

                                                                              Stay on top of your schedule
                                                                              at all times


                                                                              Carry your calendar with you
                                                                              Anytime, anywhere




                                                                                    Zoho Sign Resources

                                                                                      Sign, Paperless!

                                                                                      Sign and send business documents on the go!

                                                                                      Get Started Now




                                                                                              Zoho TeamInbox Resources





                                                                                                        Zoho DataPrep Demo

                                                                                                        Get a personalized demo or POC

                                                                                                        REGISTER NOW


                                                                                                          Design. Discuss. Deliver.

                                                                                                          Create visually engaging stories with Zoho Show.

                                                                                                          Get Started Now








                                                                                                                              • Related Articles

                                                                                                                              • Set goals and launch your push notification

                                                                                                                                The primary goal of any notification is to evoke a desired action from the users reaching your website. You can easily track this by creating different types of goals for your targeted audience on PageSense. These can trigger automated ...
                                                                                                                              • Link Click Goal

                                                                                                                                What is a Link Click Goal? A Link Click Goal allows you to track when a visitor clicks on a hyperlink (<a> tag) on your website. This goal type is designed specifically to measure navigation behavior - whether users click internal links, external ...
                                                                                                                              • Custom Event Goal

                                                                                                                                What is a Custom Event Goal? A Custom Event Goal allows you to track specific user actions that cannot be measured using standard click-based or time-based tracking. Unlike Element Click or Link Click goals, which track visible interactions, a Custom ...
                                                                                                                              • Goals Overview in Zoho PageSense

                                                                                                                                &amp;amp;lt;br&amp;amp;gt; Measure the actions that define success In Zoho PageSense, a Goal represents a measurable visitor action that indicates success - such as clicking a button, navigating to a link, spending time on a page, or completing a ...
                                                                                                                              • Interpreting Goal Reports

                                                                                                                                Goal Reports in Zoho PageSense provide detailed insights into how visitors interact with your website based on the goals you have configured. Once a goal is launched and starts collecting data, PageSense automatically generates performance reports ...
                                                                                                                                Wherever you are is as good as
                                                                                                                                your workplace

                                                                                                                                  Resources

                                                                                                                                  Videos

                                                                                                                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                                                                                                                  eBooks

                                                                                                                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                                                                                                                  Webinars

                                                                                                                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                                                                                                                  CRM Tips

                                                                                                                                  Make the most of Zoho CRM with these useful tips.



                                                                                                                                    Zoho Show Resources