🏠
Calcumate Support
🏠
Calcumate Support
  • Ready to get started?
    • Plan inclusions and pricing
  • CALCULATOR CUSTOMIZATION
    • Step 1 - Initial set-up
      • Call to action URL
      • Call to action (advanced settings)
    • Step 2 - Adding unit sizes
    • Step 3 - Categories
    • Step 4 - Presets
    • Step 5 - Design
    • Step 6 - Details
    • Step 7 - Publish to your website
  • Frequently Asked Questions
    • Embedding with iframes
    • Domain mismatch error
    • Where can I find my invoices?
    • Update account details
    • Logging into your dashboard
    • Set up multiple calculators fast
    • How do I position/style the geo location widget?
    • Content Security Policy (CSP)
    • How do I add Calcumate to Wix / Shopify / similar CMS?
  • DRIVING CONVERSIONS AND EFFICIENCY WITH LEAD CAPTURE
    • Lead capture overview
    • Lead data that can be captured
    • Setting up lead capture
  • CALCULATOR DATA EXTRACTION
    • Method 1: URL GET Parameters
    • Method 2: Subscribe to the Calculator event
  • FILTERING TO AVAILABLE UNITS
    • Filtering To Available Units
  • Resources
    • Getting support
    • Security and privacy
    • Terms and conditions of service
Powered by GitBook
On this page

Was this helpful?

  1. CALCULATOR DATA EXTRACTION

Method 2: Subscribe to the Calculator event

PreviousMethod 1: URL GET ParametersNextFiltering To Available Units

Last updated 2 months ago

Was this helpful?

The calculator also fires an event that advanced customers can use to gain better control, access the data from the calculator, and tell tell the website what to do next.

To use this method:

  1. , open your desired calculator, and click "SHOW ADVANCED SETTING":

  1. With the Advanced Settings, turn on "Disable CTA Redirection". This will prevent Calcumate from auto-redirecting to any CTA URLs, and instead hand control to your website after the Calcumate 'Booking' Javascript event fires.

  2. Listen to the following event:

window.addEventListener('Booking', 
  (event) => {
     console.log(event);​

});
  1. The event object contains all the detail of the calculation. Example:

  1. You can write code to tell your website what to do next. For example, you can use the data from the Booking event to determine where to send the user to next (and potentially pre-fill certain details such as the unit type the user requires).

Login