LogoLogo
  • LeadBoxer — Lead Data Platform —Documentation
  • 🛠️Getting Started
  • Lead Management Workflow
    • Cold outbound email campaigns
  • How does it all work?
  • 🏗️Fundamentals
    • Leads & Accounts
      • Lead card: Complete lead details in one page
      • Batch operations
    • LeadBoard
    • Reports
    • Definitions & Glossary
    • Elements
      • Filters
      • Segments
      • Workflow Automation
      • Notifications
      • Users
      • Datasets
      • Clients (agents)
      • Lists
      • Enrichment
      • Leadscore
      • Lead & Account Tags
      • Import & Export
        • Upload Leads
        • download data
        • LinkedIn Matched Audiences export
        • Custom Properties
        • LeadBoxer User Interface Placeholder Names
      • Roles & Permissions
  • 🧩Integrations
    • 🌐Website
      • Lead Tracking Pixel
      • WordPress plug-in
        • track my WordPress user logins?
      • Google Tag Manager (GTM)
      • Drupal module
      • Gravity Form Tracking
      • Change website content based on behaviour
      • Track meta data using JSON-LD
      • Cross device tracking
      • Tracking marketing campaign data (UTM tags)
      • UTM tags for Google Adwords
      • How to track user logins
      • Automatic form tracking
      • Manual form tracking
      • How to get (raw) lead data
      • Magento
      • Adobe Tag Manager
      • Unbounce landing pages
      • Tracking pixel into Wix
    • ✉️Email
      • Individual emails
        • Gmail Email tracking
        • G Suite email tracking
        • Official Outlook Add-in
        • Advanced Outlook Add-in
        • Manually Identify leads using email
        • Legacy Outlook plugin
        • Linkedin InMail or Invite Link Tracking
      • marketing emails
        • 1. Setup Tracking Pixel
        • 2. Track Email Opens
        • 3. Track Email Clicks
        • Mailchimp
        • HubSpot
        • Sharpspring
        • ActiveCampaign
        • Pipedrive Campaigns
        • Eloqua
        • Copernica
        • Intercom
        • Mailup
        • Brevo
        • Poppulo
        • Reply.io
        • Spotler mail+
        • Prospect.io
        • Woodpecker
        • Instantly
        • Mailerlite
        • Lemlist
        • Autopilot
        • Constant Contact
        • dotdigital
        • Apollo.io
        • LaPosta
        • Customer.io
        • Campaign Monitor
        • QuickMail
        • Outreach
        • Mail Merge (MS Word)
    • Other
      • Active Campaign
      • HubSpot
      • Marketo
      • LinkedIn
        • LinkedIn job titles search
      • Google Places
      • Calendly
      • How to get LeadBoxer data into Intercom
      • Zapier
        • Advanced Zapier usage
        • Zapier webhook
        • Connect Leadboxer to Pipedrive with Zapier
        • Connect Leadboxer to Slack with Zapier
        • Connect Leadboxer to Salesforce with Zapier
      • Pipedrive
        • Pipedrive Workflow Automation with LeadBoxer
      • Whatagraph
      • Google BigQuery
      • Single Sign On (SSO)
  • 🦮Guides
    • Creating your first Segment
    • Creating your first LeadBoard
    • How to add a user
    • How to upload a List (ABM)
    • How to add a datasets
    • How to create a notification
    • How to set your Leadscore
    • How to hide & unhide Leads
    • Filter Leads from ad campaigns
    • How to create a Workflow Automation
    • How to mask IP addresses
  • 🏆Solutions
    • Lead Identification
    • Lead Qualification
    • Lead Managment
  • Extras
    • Changelog
    • Email tracking info
    • linkedIn industries
    • LeadBoxer reseller getting started
    • How to contact leads
    • LeadBoxer cookies
  • Terms of Service
  • Privacy Policy
Powered by GitBook
On this page

Was this helpful?

  1. Integrations
  2. Website

Manual form tracking

PreviousAutomatic form trackingNextHow to get (raw) lead data

Last updated 2 years ago

Was this helpful?

Using javascript to securely send captured form data to LeadBoxer

The LeadBoxer javascript library can be used to capture forms that are submitted by your audience.

The method is straightforward:

  1. Using javascript you add the data to a map

  2. You send the map data when a form is submitted

Notes:

  • There is no limit on the number of key / value pairs you submit

  • You might need to add a small delay if you redirect to a 'thank-you' page right after a form is submitted

Code example for basic form

See the Pen by Wart Fransen () on .

Note: don't forget to run this function when the form is submitted, for example by setting onclick="sendTextForm()" on the submit button.

Delay

When the form submit redirects or reloads the page, it is necessary to delay the form submission for one or two second (literally), in order to create a small window during which the form data can be sent to our servers.

Here are a few examples, using jQuery and pure javascript.

You can do this by adding the following to the bottom of the sendTextForm function

setTimeout(function() {
  document.myform.submit();  // replace myform with the <form> name 
},2000);


// This is an example using jQuery
$(‘form’).submit(function (e) {
  var form = this;
  e.preventDefault();
  setTimeout(function () {
    form.submit();
  }, 1000); // in milliseconds
});


// You can also specify the class or ID if you have multiple forms on your page
setTimeout(function () {
    $(".profile-form").submit();
}, 5000);

// Or if you want to use the fancier ES6 syntax:
setTimeout(() => $(".profile-form").submit(), 5000);

Working example

For a working example on how to submit form fields go

🧩
🌐
ExjwYoY
@LeadBoxer
CodePen
here