⭐ Available in the following bundle: Conversion Bundle (incl. in Growth, Scale)
⭐ Available on the following plans: Pro, Agency, Business
👀 Not sure which plan you're on? Check your subscription here.
The Calendly block lets visitors book meetings with you directly within your Heyflow, without being redirected to an external URL. It can also pull details like name, email address, or other invitee information straight from your contact form, making scheduling seamless.
Update the Content
After clicking on a building block, you’ll find the Content section on the right. This is where you add and edit the block’s main elements.
Calendar name
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-accountfull URL with account name/meeting type:
https://calendly.com/heyflow-account/check-inaccount name, which allows the user to select the meeting type:
heyflow-accountaccount name/meeting type:
heyflow-account/check-in
For Round Robin meeting types, 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).
💡 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 in Calendly.
Your link would have to 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.
Change the Settings
After clicking on a building block, you’ll find the Settings section on the right. This is where you can customize the block’s options, appearance, and behavior to tailor it perfectly to your flow.
General
Enable Navigate after rescheduling to control whether the flow should continue after a Calendly booking is submitted.
You can also pass values from your flow to Calendly by activating Send values to Calendly. This allows you to prefill default options like email and name, as well as custom invitee questions. Before mapping values, make sure to set System Labels for the corresponding inputs in your flow. These labels (e.g., name, email, phone) act as identifiers to ensure the information is sent to the correct fields in Calendly.
💡 Testing tip: After setting up the integration, test it thoroughly to ensure all field mappings work correctly. Make sure data from Heyflow’s input fields populates the corresponding fields in Calendly as expected. If you experience any issues with data transfer, check that:
System labels in Heyflow are correctly defined
Mappings in the Calendly block match your system labels
Your Calendly account is configured to accept external data
❗ Note: Information entered in Calendly cannot be passed back to Heyflow.
Spacing
Control the block’s layout by adjusting its width (S, M, L, or maximum) and setting the block's padding from the top, bottom, left, and right.
Appearance
Set the block’s visibility to show only on mobile, desktop, or hide it completely. Additionally, you can select a background color for the block.
Alternative: Redirect via URL
If you do not want to use our Calendly block, you can also redirect your Calendly via the URL already pre-populating information from your flow on to the scheduling page.
Simply insert a Link, Submit or Universal Button to insert a redirect URL. Now add your meeting link and insert the variables from your flow, which you would like to see when redirecting to your scheduling page.
🔎 Learn here how to use inputs from your flow via variables when redirecting to a URL.
Calendly gives some predefined labels, which you can use to prefill the information
Name | Adds the invitee's name as a single field on the scheduling page | e.g: name=John%20Doe |
First name | Adds the invitee's first name as a single field | e.g. first_name=John |
Last name | Adds the invitee's last name as a single field | e.g. last_name=Doe |
Adds the invitee's email address | e.g. email=[email protected] |
But you can also include custom question responses, simply specify the question number (e.g. "a1", "a2"...) followed by the response, e.g. a1=@phone
🔎 Take a look here for more information from Calendly.