All Collections
Using the Mutiny Experience Editor
Adding Calendly Booking Links to Your Personalized Experiences
Adding Calendly Booking Links to Your Personalized Experiences

Send pre-qualified or high value prospects straight to a Calendly booking link instead of pushing them through your normal signup funnel.

Updated over a week ago

There are several different ways you can include your Calendly meeting scheduler in your personalized experiences. This article will show you how to accomplish each method.

Mutiny integrates with Calendly automatically, so any meetings that are booked through the personalized experience will be automatically counted as conversions for the experience, as long as the Calendly booking happens on your webpage and not on calendly.com.

Add Calendly modal as an in-line text link

Adding the Calendly modal as an in-line text link will let you add HTML to create a text link that pops open the Calendly meeting booking modal. You can get the HTML to create this experience directly from Calendly and paste it in the appropriate element in the Mutiny editor.

Step 1 - Copy the HTML from Calendly
Log into your Calendly account, click on the setting gear icon in the top right corner for the event type you want to include in your personalized experience, and select "</> Add to Website" from the menu.

Step 2 - Select "Popup Text" and click "Continue"

Step 3 - Copy the code
If you would like to change the link text, you can do so in the left hand pane of the subsequent modal. When you have the link text you want to appear on your page, click "Copy Code" in the bottom right.

Add Calendly modal embedded on the page

Adding an embedded Calendly modal will display your Calendly scheduling page directly on your page. This is best suited for a footer CTA as it can be distracting to your page content higher on the page. This is a very popular option for outbound personalization.

Step 1 - Copy the HTML from Calendly
Log into your Calendly account, click on the setting gear icon in the top right corner for the event type you want to include in your personalized experience, and select "</> Add to Website" from the menu.

Step 2 - Select "Inline Embed" and click "Continue"

Step 3 - Copy the code
Customize the page settings using the options in the left hand pane then click "Copy Code" in the bottom right.

Step 4 - Paste the code in the Mutiny editor
From the Mutiny editor, select the element where you want the text link to appear. Paste the code in the Text/HTML edit box in the right hand pane and change surrounding text as needed.

Replace CTA destination with Calendly link

To replace an existing CTA destination with a Calendly link, simply select the CTA from the Mutiny editor and replace the Location with your Calendly link using the right hand pane. 

Note: this method will send your visitors to a calendly hosted page and Mutiny will not be able to track conversions that happen on this page. 


Don't be a stranger

If you have any questions, we’re here to help! Please feel free to contact us at any time, either through intercom chat or via mutinylovesyou@mutinyhq.com.

Did this answer your question?