How to Track SavvyCal Submissions

This guide will show you how to track SavvyCal bookings using Heeet by capturing lead information after a booking and sending it to your CRM.

Overview

To track SavvyCal bookings with Heeet, you will:

  1. Implement the SavvyCal Javascript on your website.
  2. Add metadata field to your Javascript to collect heeet data.
  3. Transmit the data to Heeet .

Step 1: Implement the SavvyCal Javascript

Step 2: Add Metadata field

In order to capture Heeet data with Savvycal, you have to add the metadata field and transmit the heeet data :

<script>window.SavvyCal=window.SavvyCal||function(){(SavvyCal.q=SavvyCal.q||[]).push(arguments)};</script>
<script async src="https://embed.savvycal.com/v1/embed.js"></script>
<script>
 SavvyCal('init');
 SavvyCal('inline', { link: 'xxx/demo', selector: '.book-demo', metadata: localStorage.getItem('heeet')
});
</script>


Step 3: Transmit the Data to Heeet

Once you have extracted the relevant booking and invitee information from the URL, you can send this data to Heeet using the Heeet Javascript SDK. This allows you to track the booking and attribute it to the correct marketing source.

Below is an example of how you might extract the data and send it to Heeet:

End Google Tag Manager (noscript)