Why

• You are using an embedded Calendly calendar and you want redirect the user to a different page after a meeting has been scheduled. The redirection option supported by Calendly is not a great experience because it warns the user about the redirection. However, if you are using an embedded calendar, you can add a short script to redirect to a different page without the warning.

Redirection code

Insert this code immediately under the Calendly embed code in your web page. You must change the destination URL highlighted below to the page of your choice.

<!-- Insert after your Calendly embed code -->
<script type="text/javascript">
  window.addEventListener('message', function(e) {
    if (e.data.event && e.data.event === 'calendly.event_scheduled') {
      window.location.href = 'https://example.com/your/page';
    }
</script>

Technical details (optional)

This JavaScript snippet listens for a specific message from the Calendly embed indicating that a meeting has been successfully scheduled. Once that event is detected, it automatically redirects the user to a confirmation page.

• window.addEventListener('message', function(e) {...})
  This sets up a listener for messages sent to the browser window. Calendly sends messages when certain actions occur within the embedded calendar.
• e.data.event === 'calendly.event_scheduled'
  This checks if the message received is specifically the one that indicates a meeting has been scheduled.
• window.location.href = 'https://example.com/your/page';
  If the event matches, the browser is redirected to the specified URL.

This works with Calendly’s inline embed, popup widget, or popup text link.

Step-by-step instructions

References

• How to add Calendly to your website – Help Center