This connector is only available for Next.js TypeScript web build tasks.
What you can do
Consultation booking
Let visitors book a free or paid consultation directly from your website with automatic calendar sync.
Sales demo booking
Give prospects a frictionless way to schedule product demos with your sales team.
Team scheduling
Route meetings to available team members with round-robin or collective scheduling.
Event registration
Let users sign up for webinars, workshops, or group events with automatic capacity tracking.
Intake form with scheduling
Combine a questionnaire with appointment booking so you have context before every meeting.
Connect Calendly
Calendly connects via OAuth - no API key needed.Calendly is a workspace-level connector. No matter where you connect it (Settings, Connectors tab, or chat), it links to your entire Rocket workspace and is available across all tasks.
- Web Browser
- Mobile App
You can connect from three places - all do the same thing.Option 1: From workspace SettingsClick your workspace name in the top-left, select Settings, then open the Connectors tab. Click the Calendly card and click Connect.Option 2: From the Connectors tab inside a taskClick the 
Manage workspace connectors
Connect once from Settings and it is available across all tasks.
... button in the preview toolbar, then select Connectors.Connect Calendly and add a Book a Demo button to my pricing page. Rocket detects the intent and shows a Connect button inline. Click it.Manage workspace connectors
Disconnect or switch accounts from workspace Settings.
Example prompts
| What you want | Prompt to use |
|---|---|
| Consultation page | Embed a Calendly widget on my /book page for 30-minute consultations. |
| Sales demo | Add a Book a Demo button on my pricing page that opens a Calendly popup. |
| Onboarding call | Add a Calendly booking step after a user signs up for a 15-minute onboarding call. |
| Team scheduling | Create a team booking page where clients are matched with an available rep. |
| Webinar registration | Build an event page for my weekly webinar with Calendly registration. |
| Paid consultation | Embed a Calendly booking widget and charge $50 per session via Stripe before confirming. |
| Intake plus booking | Create a two-step flow: intake form first, then Calendly time picker on step two. |
| Office hours | Add a Calendly embed for weekly office hours on my /support page. |
| Reminder email | Send a custom reminder email via Resend 24 hours before each Calendly appointment. |
| Post-meeting survey | After a Calendly meeting ends, email the attendee a Typeform feedback survey. |
Tips
- Calendar sync is automatic. Calendly syncs with Google Calendar, Outlook, and iCloud. Availability updates in real time.
- Embedding options. Rocket can embed Calendly as an inline widget, popup, or full-page view. Describe the style you want in chat.
- Free plan limits. Calendly’s free tier supports one event type. Upgrade for team scheduling, round-robin, and multiple event types.
- Webhooks for custom flows. Calendly sends webhook events when meetings are booked or canceled. Use these to trigger Supabase inserts or email notifications through Rocket.
- One Calendly account per workspace. All tasks share the same connected account.
What’s next?
Cal.com
An open-source alternative with full customization for Next.js projects.
Supabase
Store booking records in a database for reporting and in-app display.
Resend
Send custom confirmation and reminder emails for each booking.
Stripe
Charge for consultations or demos by combining Calendly with Stripe checkout.