Booking Widget for Your Website

Add CitaFlow's power to your existing website. With just copy and paste of a code, your clients can book directly from your site without leaving it.

Widget Types

Floating Button

A button that floats in the corner of your website.

Book Appointment
  • Always visible
  • Doesn't take up space
  • Customizable
  • Smooth animations

Embedded Calendar

Full calendar integrated into your page.

January 2025
MTWTF
  • Full view
  • Direct selection
  • Responsive
  • Multiple views

Modal/Popup

Pop-up window when clicking a button.

  • Immersive experience
  • Without leaving your site
  • Easy to close
  • Darkened background

Quick Installation

1

Get your code

Go to Settings > Widget and copy your custom code.

2

Paste on your site

Add the code before the closing </body> tag.

3

Ready!

The widget will automatically appear on your site.

Code example:

<!-- CitaFlow Widget -->
<script src="https://widget.citaflow.com/v1/booking.js"></script>
<script>
  CitaFlow.init({
    businessId: 'your-id-here',
    position: 'bottom-right',
    color: '#1e67e7'
  });
</script>
<!-- End CitaFlow Widget -->

Customization

Adapt the widget to your brand:

Colors

Customize all colors:

  • Primary color
  • Background color
  • Text color
  • Button color

Position

Choose where it appears:

  • Top left
  • Top right
  • Bottom left
  • Bottom right

Texts

Customize messages:

  • Button text
  • Widget title
  • Help messages
  • Confirmations

Behavior

Configure interaction:

  • Animations on/off
  • Auto-open
  • Load delay
  • Sounds on/off

Compatibility

Works with any platform:

WordPress

Plugin available or manual code

Wix

Add custom HTML code

Squarespace

Code injection allowed

Shopify

Compatible with themes and checkout

Webflow

Custom code embed

Pure HTML

Any static website

Advanced Options

Authentication

Allow registered clients to:

  • Automatic login
  • Appointment history
  • Pre-loaded data
  • Faster bookings

Multi-language

Automatically detects:

  • Browser language
  • Manual selector
  • 5+ available languages
  • Custom translations

Analytics

Integrated tracking:

  • Google Analytics
  • Facebook Pixel
  • Custom events
  • Conversions

Filters

Smart pre-selection:

  • Specific service
  • Particular professional
  • Predefined date
  • URL parameters

Mobile Experience

Optimized for all devices:

100% Responsive

Adapts perfectly to any screen size.

Touch friendly

Large buttons and optimized touch gestures.

Fast loading

Optimized for slow mobile connections.

Orientation

Works in portrait and landscape.

Security and Privacy

Secure connection

All communications go through encrypted HTTPS.

No third-party cookies

Complies with GDPR and doesn't require cookie banner.

Protected data

Client data is never exposed on your site.

PCI Compliant

Payments processed securely if enabled.

Widget Metrics

Analyze performance:

1.2M Impressions/month
8.5% Conversion rate
45s Booking time
98% Satisfaction

Frequently Asked Questions

Does the widget slow down my site?

No, the widget loads asynchronously and doesn't affect your page load time. It weighs less than 50KB and loads after your site is ready.

Can I have multiple widgets on the same page?

Yes, you can add multiple widgets for different services or professionals. Each with its own configuration and style.

Does it work with multi-language sites?

Yes, the widget automatically detects the browser language or you can force a specific language in the configuration.

What happens if I change domains?

The widget works on any domain. You just need to authorize the new domain in your CitaFlow panel for security.

Can I test it before installing?

Yes, in your CitaFlow panel you have an interactive preview where you can customize and test the widget before installing it.

Ready to add the widget?

Start receiving bookings directly from your website.