Appointment Booking Button connects your Framer site to any booking link (Calendly, Cal.com, TidyCal, and more) through a polished, conversion-focused UI.

Button styles

• Floating icon — circle, rounded, or square

• Tab button — labeled with your custom text

• Fixed bottom bar — full-width call-to-action

Popup styles

• Direct — tap to open your booking link instantly

• Notification — a teaser card auto-appears after 3 seconds with a typed message preview

• Chat — a booking card with a typing animation and host avatar

Customization

• Your brand color, icon color, size, shape, and position

• Host name, role, and avatar

• Custom pre-message with typing animation

• Pulse glow, bounce animation, and drop shadow

• Open in new tab or same tab

Install once. Your visitors book more.

Appointment Booking Button connects your Framer site to any booking link (Calendly, Cal.com, TidyCal, and more) through a polished, conversion-focused UI.

Button styles

• Floating icon — circle, rounded, or square

• Tab button — labeled with your custom text

• Fixed bottom bar — full-width call-to-action

Popup styles

• Direct — tap to open your booking link instantly

• Notification — a teaser card auto-appears after 3 seconds with a typed message preview

• Chat — a booking card with a typing animation and host avatar

Customization

• Your brand color, icon color, size, shape, and position

• Host name, role, and avatar

• Custom pre-message with typing animation

• Pulse glow, bounce animation, and drop shadow

• Open in new tab or same tab

Install once. Your visitors book more.