Dealer Application Unique Tracking URLS [Sales]

Objective: Track Rep Firm/Internal Reps' performance toward quarterly dealer sign-up goals without relying on the dealer to self-report who referred them.

Strategy:

Streamline Tracking while maintaining a single, unified dealer application form. Marketing implemented a hidden dropdown field on the form that auto-fills based on a URL query parameter. This setup ensures clean data, minimizes manual steps, support scalable tracking as contacts/partners change or grow, and removes the need for dealer input while keeping rep attribution accurate and centralized.

How it Works:

• Each Sales Rep/Partner firm is assigned a unique referral link
• When a dealer clicks the link, a JavaScript snippet reads the referral value from the URL and selects the matching internal value in the form's hidden dropdown.
• The selected value is stored in the Contact record under a dedicated field for reporting and automation.

Live Example: URL query Autofills Dropdown Field

Note: The Internal Sales Source (Dealer Ap) field is hidden from view. It was temporarily unhidden for demonstration purposes in this video.

URL References:

See Below to create new or modify Properties and Tracking URLs

Any internal sales source, rep firm, partner, or other contact who consistently drives dealers to apply should have a dedicated tracking URL.

The table below outlines the setup for each rep source currently configured:

• The label and internal name used in the HubSpot Property
• The query parameter used to trigger the autofill
• The unique value expected from the URL
• The URL to share with those driving traffic to the form, which pre-fills the hidden field on the Dealer Application form.

Creating or Modifying Properties, URLs, & Script Logic

Property Set Up

🚩 These Steps are only for modifying the existing Internal Sales dourest (Dealer-App) property, not for creating a new property. A new property should only be created if the use case cannot be supported by the existing one.

⚠️This step is only necessary when adding a brand-new property to the system. If you're simply updating or modifying values within the existing property, you do not need to re-add the field to the form.

Creating / Updating URL Queries

Modifying the JavaScript Query:

⚠️ Only Update the JavaScript if:

A New property is created (with a new internal name)

The query parameter changes (e.g., from referral to something else)

The script needs to be added to a new landing page that doesn't already have it

Use this ChatGPT Prompt:

Current JavaScript Used (July 2025)

<script>
  const REFERRAL_PARAM = new URLSearchParams(window.location.search).get("referral");
  const REFERRAL_FIELD = "internal_sales_source_dealer_app";

  function setDropdownFieldValue() {
    const dropdown = document.querySelector(`select[name="${REFERRAL_FIELD}"]`);
    if (!dropdown) {
      console.warn("❌ Dropdown not found.");
      return;
    }

    if (REFERRAL_PARAM) {
      const match = dropdown.querySelector(`option[value="${REFERRAL_PARAM}"]`);
      if (match) {
        dropdown.value = REFERRAL_PARAM;
        dropdown.dispatchEvent(new Event("change", { bubbles: true }));
        console.log(`✅ Set dropdown to: "${REFERRAL_PARAM}"`);
      } else {
        console.warn(`⚠️ Value "${REFERRAL_PARAM}" not found in dropdown options.`);
      }
    } else {
      console.warn("⚠️ No referral param in URL — dropdown left blank.");
    }

    // Visually disable the field without actually disabling it
    dropdown.setAttribute("readonly", true); // not officially valid on select but safe
    dropdown.style.pointerEvents = "none";
    dropdown.style.backgroundColor = "#f9f9f9";
    dropdown.style.color = "#555";
    dropdown.style.opacity = "0.8";
    console.log("🔒 Dropdown visually locked (readonly workaround).");
  }

  function waitForReferralDropdown() {
    const observer = new MutationObserver(() => {
      const dropdown = document.querySelector(`select[name="${REFERRAL_FIELD}"]`);
      if (dropdown) {
        setDropdownFieldValue();
        observer.disconnect();
      }
    });

    observer.observe(document.body, {
      childList: true,
      subtree: true
    });
  }

  document.addEventListener("DOMContentLoaded", waitForReferralDropdown);
</script>

Troubleshooting Shortcuts:

Dealer Application Set Up:

Post Application Submission Workflow Triggers

Operational Workflows:

Onboarding Workflows: