Getting started

WhenTap adds scheduling to your Webflow site. Visitors book inside your own pages, each booking can be written back to your Webflow CMS, and, if you take payment, the money goes straight to your own Stripe account. This page gets you from nothing to a live booking widget.

There are four steps: connect Webflow, decide what people book, add the widget, and (optionally) connect your calendar and Stripe.

What WhenTap changes in your Webflow site, and what you do yourself

What WhenTap changes:

• Webhooks. Three per connected site (CMS item created, changed and deleted), added when the site is connected, so WhenTap hears about your CMS edits. They are removed when you pause or remove the site or delete your account.
• Draft booking items. Only if you turn on write-back: one draft item per confirmed booking in the Collection you pick, updated when the booking is rescheduled or its status changes. See Booking write-back to your CMS.
• The booking script. Only when you click Add to site on the Embed page: WhenTap registers its script with Webflow and adds it to the site footer. It reaches your live site after you publish. Remove from site, removing the site, or deleting your account takes it off again.

WhenTap never publishes your site, never deletes CMS items, and never edits pages, styles or items it did not create.

What you do yourself:

• Place a Div with the data-whentap-service attribute where the widget should appear, and publish the site.
• Map Collections and turn on write-back, if you want them.
• Connect calendars and Stripe, if you want them.

Plan limits. Starter covers 1 site, 1 staff member, 1 location and 100 bookings a month; Growth 2 sites, 3 staff, 3 locations and 1,000 bookings a month; Pro 5 sites, 10 staff, and unlimited locations and bookings; Agency unlimited sites, staff, locations and bookings. See Billing & plans. Webflow's own CMS item limits for your site plan still apply to the booking items WhenTap writes: each written-back booking is one CMS item.

After you uninstall, the booking items in your write-back Collection and the Divs you placed stay in your site. Uninstalling WhenTap lists what stays and how to remove each.

1. Connect Webflow

Open app.whentap.com and click Connect Webflow. You authorize WhenTap on your Webflow workspace and tick the sites to connect on Webflow's consent screen. Those sites are connected as soon as you approve, and WhenTap opens on your dashboard. WhenTap requests the scopes it needs to read your account details and site list, register CMS webhooks, read your CMS and write booking items, and add its booking script to your site: authorized_user:read, sites:read, sites:write, cms:read, cms:write, custom_code:read and custom_code:write.

On connect, WhenTap registers webhooks on your site, so it re-reads a mapped Collection a few seconds after Webflow reports an edit. A resync every fifteen minutes catches any webhook that was missed. To renew the webhooks and re-read the Collections yourself, open the site menu, choose the dots next to the site, then Re-sync.

How many sites you can connect depends on your plan: Starter connects one site, Growth two, Pro five, and Agency as many as you like. If you tick more sites than your plan allows, WhenTap connects up to the limit and opens your site list, where the others show "Not connected: your plan includes N sites". See Billing & plans.

To add a site later, choose Connect another site in the site menu and tick it on Webflow's consent screen. Sites you connected before stay connected: each authorization you give WhenTap keeps working until you uninstall the app or remove its access in Webflow. The site list shows how WhenTap reaches each site, and if Webflow no longer gives it access to one, that site says so and asks you to re-authorize and tick it.

2. Decide what people book

In the panel, add the things visitors will book:

• Services are what someone books, a call, a class, a treatment, with a duration, buffers, and how far in advance they can book.
• Staff are who takes the bookings (a person, a room, or any resource), each with their own weekly hours and timezone.
• Locations describe where it happens: in person, online, by phone, or "we come to you". They are optional.

You can create these by hand, or map them from Collections you already keep in Webflow, so your site stays the source of truth. See Services, staff & availability.

3. Add the widget

Go to Embed in the panel and click Add to site: WhenTap adds its booking script to your site through Webflow. Choose a service (and optionally a specific staff member), then in the Webflow Designer add a Div where the widget should go and give it the custom attribute the Embed page shows. Publish, and a self-sizing booking widget appears in your page, in light or dark. There is no code to paste and no redirect to a booking page.

See Embedding the widget for the details, including a shareable direct link if you would rather link than embed.

4. Connect your calendar and Stripe (optional)

Two connections make WhenTap much more useful, but neither is required to take bookings:

• Calendars. Connect each staff member's Google or Outlook calendar so their busy times block slots and new bookings are added to their calendar. See Connecting Google & Outlook.
• Stripe. Connect your own Stripe account to charge for paid services. Money pays out straight to you, and WhenTap takes 0% of the booking. See Taking payments with Stripe.

What happens when someone books

Once you are live, a booking on your site does all of this on its own: the slot is re-checked so it cannot be double-booked, a confirmation is emailed to the customer, the booking is added to the staff member's calendar if one is connected, and, with write-back on, it is saved to your Webflow CMS as a draft item. If you take payment, the booking confirms after the customer pays. See How booking works for the full sequence.