GetTimely ❺🧪

Easily integrate versatile bookings into your Webflow site using GetTimely

This feature is not yet available to the public.

GetTimely originated as a salon-booking service, but its well-designed approach and excellent website integration make it a good choice for other business types as well such as smaller medical clinics.

Timely Appointment Booking Software | Join our communityTimely

Usage Notes

Define your dynamic elements

To the elements you want to dynamically show and hide, add these attributes;

wfu-book = timely

Identifies that this button triggers a booking with Timely.

wfu-book-service = service id

Specify a unique name for this element, which will allow you to identify it directly. No commas or periods.

wfu-book-category ( optional ) = category id

Indicates that this element should be displayed on page load, as a default state, before any trigger action occurs.

wfu-book-location ( optional ) = location id

Defines the CSS display type to use when the element is made visible- useful for elements that are flex or grid. Defauts to block.

? An element with a name, but no group, will be considered part of all groups

When using CMS data, a useful technique here is to assign a unique static group name, and then use Webflow's CMS-bound attributes to bind the CMS item slug as the element name attribute.

wfu-book-provider = select

Trigger-type aware;

• Radio buttons

• Buttons and other elements, click

Future;

• Future - Selects

• Future - Tabs

• Future - Sliders

• Code-based triggers

  • e.g. querystring checks - Use case- tracked referrer

wfu-element-target-group = (group-name)

Specify the group that you want to target.

wfu-element-target-name = (item-name)

Specify the element name you want to be visible. All other elements in the same group will be hidden.

If you want to make multiple elements visible, you can comma-separate them in this attribute.

Do not tag a single element as both an Element and as a Trigger.