Fully Customisable Booking Widget- Booking Feature

Appointment Booking with Fully Customisable Widget For You and Your Customers

The Fully Customisable Booking Widget allows you to embed your Get Synced booking system directly into your website — fully styled to match your brand.

Instead of sending customers to a separate booking page, the widget integrates seamlessly into your site, creating a smooth and professional booking experience.

You can customise:

  • Colours (buttons, highlights, backgrounds)

  • Fonts

  • Layout style

  • Service display format

  • Staff visibility

  • Step flow (what appears first)

Whether you’re a clinic wanting a clean medical layout, a garage needing vehicle input fields, or a salon focusing on stylist selection, the widget adapts to your business.

This means:

  • ✅ No redirects

  • ✅ No clunky external booking pages

  • ✅ A fully branded experience

  • ✅ Higher conversion rates

Follow these steps to set up and customise your booking widget:


Step 1: Access Your Widget Settings

  1. Log into your Get Synced dashboard.

  2. Navigate to Booking Settings.

  3. Select Website Integration.

  4. Choose Booking Widget.


Step 2: Customise Your Design

Inside the Widget Customisation panel, you can adjust:

  • Primary brand colour

  • Button colour

  • Text colour

  • Background style

  • Border radius

  • Layout style

Preview changes in real time before publishing.

💡 Tip: Match your website’s primary colour to maintain visual consistency.


Step 3: Choose Display Options

Select:

  • Whether customers choose Service first or Staff first

  • Whether staff photos are displayed

  • Whether pricing is shown

  • Which services are visible

  • Whether to allow multi-service booking

This allows you to tailor the flow to your business type.


Step 4: Embed the Widget on Your Website

  1. Copy the generated embed code.

  2. Paste it into your website:

    • WordPress: Add to an HTML block

    • Elementor: Use the HTML widget

    • Any website builder: Paste into a custom code section

Save and publish your page.

Your booking system is now live directly inside your website.


Step 5: Test the Booking Flow

Before going live:

  • Complete a test booking

  • Check confirmation emails

  • Check mobile responsiveness

  • Confirm payments (if enabled)

Testing ensures a smooth customer experience.


🚀 Best Practices

  • Place the widget high on your booking page (above the fold).

  • Add a strong headline above it (e.g. “Book Your Appointment in Seconds”).

  • Use your brand colours for stronger trust and familiarity.

  • Add trust signals nearby (reviews, certifications, awards).

More Features

Starter

Packages

Bundle multiple services into packages that clients can purchase upfront and redeem over time.

Starter

Payment Links

Send secure payment links to customers so they can pay deposits or balances quickly and easily.

Starter

Square Payment

Accept secure online payments and deposits through Square, directly within your booking system.