The 3 Studio
WorkPortfolioServicesInsights
BACK TO PORTFOLIO
Wix booking Website

Anuja Yoga

ROLE: Freelance DeveloperWellness & Session Booking
PROJECT OVERVIEW

Designed and set up a session scheduling platform on Wix. Wrote custom Wix Velo JS code to connect calendar endpoints, enable payment validations, and update slot notifications automatically.

THE CHALLENGE

Coaches frequently block calendar times on short notice, which led to scheduling conflicts and double-bookings.

THE SOLUTION

We wrote a real-time validation handler that polls Google Calendar events before rendering slot selections in Wix, updating blockouts instantly.

DELIVERABLES & FEATURES
  • Custom class booking calendars syncing with coaches' calendars.
  • Wix Bookings API integration for session availability checks.
  • Custom slots selection UI elements built with Wix Velo panels.
  • Automated WhatsApp notification alerts for booked clients.
DEV HIGHLIGHT & CODE QUALITY

Custom Wix Velo scripts executing in-browser to verify slot availability before booking updates.

Wix Velo Calendar Check Scriptjavascript
// Wix Velo API script to verify slot conflicts before checking out
import wixBookings from 'wix-bookings';

export async function checkSlotAvailability(slotId) {
  try {
    const queryResult = await wixBookings.getServiceAvailability(slotId);
    const slots = queryResult.slots;
    
    if (slots && slots.length > 0) {
      const targetSlot = slots[0];
      return targetSlot.remainingSpots > 0;
    }
    return false;
  } catch (err) {
    console.error("Wix Bookings verification failed:", err);
    return false;
  }
}
PERFORMANCE STATS
MOBILE PAGESPEED
88/100
DESKTOP PAGESPEED94/100
AVG. LOAD TIME1.8s
TECH STACK USED
Wix VeloWix Bookings APIJavaScriptCalendar sync

READY TO SELL MORE?