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.
If you want to link to a specific meeting type, just add a “/” and the name of the meeting
Set the values you would like to pass from the flow to Calendly.
Publish your heyflow and you're good to go!
❗ Round robin meeting calendars only work, when you insert the full URL.
💡 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.
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.