Skip to main content

Integrate Madkudu Fast Lane with Chili Piper

Serban
  • Updated

MadKudu Fastlane + Chili Piper enables you to let your qualified leads book meetings directly with your reps after they request a demo.

In this article, we will touch on the following:

What do I need to do before integrating Madkudu with Chili Piper?

  • Create Madkudu Campaign
  • Configure Madkudu Form

How do I connect a Madkudu Form to Chili Piper?

1. Setup Chili Piper in Madkudu

Paste the code below in the “What to do when a visitor is found to be qualified” section

var elem_id = '#mk_smart_form';

var traits = madkudu.user().traits();
var firstName = traits.first_name;

if (!firstName) {
      firstName = 'Howdy';
  }

var success_state = false;

const chili_options = {
  title: 'Thanks! What time works best for a quick call?',
  lead: {
    // use first name from enrichment otherwise use full name from form
    FirstName: traits.first_name || '',
    LastName: traits.last_name || ' ',
    Email: traits.email,
    Company: traits.company && traits.company.name ? traits.company.name : ''
  },
  onSuccess: function () {
    success_state = true;
    // Optional code if you have Segment and want to track modal interactions
    // analytics.track('Fast Lane Calendar Clicked');
    form.dismiss_modal();
  },
  onClose: function () {
    if (success_state) {
      // redirect to your website here after a meeting is booked
      window.location.href = "http://www.madkudu.com";
    }
  }
}

var modalOptions = {
  title: firstName + ', you qualify for the fast lane!',
  subtitle: 'Our scoring tells us you should get access to our calendar now.',
  cta_yes: 'Book time with us',
  cta_no: 'No thanks.'
};

form.show_modal(modalOptions);

setTimeout( function () {
  // listen on the cancel button to trigger the hiding of the MadKudu modal
  $('.madkudu_modal__cancel').on('click', function () {
    // Optional code if you have Segment and want to track modal interactions    
    // analytics.track('Fast Lane Modal Dismissed');
  });
  // listen on accept button to trigger the showing of the Calendly widget
  $('.madkudu_modal__accept').on('click', function () {
    // input your router information here
    ChiliPiper.submit("madkudu", "inbound-router", chili_options);
    // Optional code if you have Segment and want to track modal interactions
    // analytics.track('Fast Lane Modal Clicked');
  });
}, 300);

2. Replace Line 53 with your Chili Piper Router

ChiliPiper.submit("madkudu", "inbound-router", chili_options);

To find your Chili Piper Router, copy the code from your Inbound Router.

3. Optionally, personalize the message

Replace line 35 with your desired message:

var modalOptions = {

title: firstName + ', you qualify for the fast lane!',

subtitle: 'Our scoring tells us you should get access to our calendar now.',

cta_yes: 'Book time with us', cta_no: 'No thanks.' };

4. Test your Router

Use the preview functionality to test the Fastlane functionality.
While using Fastlane in preview mode does not impact your production form, any meetings booked in preview mode will be recorded as actual demos booked. Make sure to remove those meetings afterward or let your sales team know.

We recommend testing with a staging calendar to avoid any confusion when possible.

5. Publish

Once you’re satisfied with the preview, turn the form on and publish it.

After a couple of minutes, you can check that the form is live by heading to your demo request page and running the following command in the console:

madkudu.forms[0].verify_location()

It should return true, indicating the form is now live and ready to better your demo booking experience for qualified prospects.

Related articles