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

const elemId = '#mk_smart_form';
const traits = madkudu.user().traits();
const firstName = traits.first_name || 'Howdy';
let successState = false;

const chiliOptions = {
    title: 'Thanks! What time works best for a quick call?',
    lead: {
        FirstName: traits.first_name || '',
        LastName: traits.last_name || ' ',
        Email: traits.email,
        Company: traits.company?.name || ''
    },
    onSuccess: () => {
        successState = true;
        // Optional: Track modal interactions if using Segment
        // analytics.track('Fast Lane Calendar Clicked');
        form.dismiss_modal();
    },
    onClose: () => {
        if (successState) {
            window.location.href = "http://www.madkudu.com";
        }
    }
};

const 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(() => {
    // Listen on the cancel button to hide the MadKudu modal
    document.querySelectorAll('.madkudu_modal__cancel').forEach(button => {
        button.addEventListener('click', () => {
            // Optional: Track modal interactions if using Segment
            // analytics.track('Fast Lane Modal Dismissed');
        });
    });

    // Listen on accept button to show the Calendly widget
    document.querySelectorAll('.madkudu_modal__accept').forEach(button => {
        button.addEventListener('click', () => {
            ChiliPiper.submit("madkudu", "inbound-router", chiliOptions);
            // Optional: Track modal interactions if using Segment
            // 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