The Calendly block allows your flow visitors to book meetings with you directly from your heyflow and even copy the name and e-mail address directly from the contact form.
How to set it up
From the blocks tab, drag the Calendly block into your heyflow.
Enter the URL of your Calendly meeting link or the meeting name in the editing panel, and your Calendly booking page will immediately appear in the preview.
For regular meeting types, you can use:full URL with account name:
https://calendly.com/heyflow-account
full URL with account name/meeting type:
https://calendly.com/heyflow-account/check-in
account name, which allows the user to select the meeting type:
heyflow-account
account name/meeting type:
heyflow-account/check-in
Set the values you would like to pass from the flow to Calendly.
Publish your heyflow and you're good to go!
❗ If you want to set up a round robin meeting calendars, take a look below.
💡 Tip: If you first make the calendar booking and then refer to the flow, set a forwarding to the flow in the calendar, where you also pass the event details. You can find more information on this at Calendly.
Your link would look something like this https://heyflow.id/book-meeting-test?assigned_to=Heyflow[…]261&invitee_full_name=Name&invitee_email=test%40test.com
. Now you simply need to set up the variables as set in the URL. Take a look here for more information.
Round Robin meeting calendars
We have some good news for you: round Robin meeting calendars work with our Calend.ly block.
However, they require a specific link format, which makes the set-up slightly different:
Use the following URL format, including
/d/:id
and without the slug after the following section:https://calendly.com/d/cxxx-8ny-hx6
(this is only an example).
Edit options
General
General
Navigate after scheduling: If you use your Calendly block within your Heyflow, you can choose between different navigation options that are triggered as soon as someone has booked a meeting appointment. For example, you can either redirect to a specific screen or to a website.
Pass values to Calendly: Pass the variables for Name and Email to Calendly to have these values prefilled when visitors try to book a meeting. You can select from all your system labels.
Spacing
Spacing
Width: You can use this to adjust the maximum spread of the block and choose between S, M, L and maximum width.
Top, Bottom, Left and Right: You can use these options to set the distance to all sides. To do this, either use the slider or specify the exact number of pixels.
Appearance
Appearance
Visibility: Here you can select whether the block is only displayed in the mobile or desktop version or whether it is hidden completely.
Background colour: You can select a colour to be used as the background for the block.