Help with moving from Custom Calendar to Native Booking Form

Ask the community
, , , ,
1

Hello!

So I’m designing a custom booking calendar page, and I am trying to integrate it into the native booking forms I have on the site. I’m using wix studio in dev mode, coding through Velo.

I imagine it to look something like this, but I am open to other solutions as well. I just need the button to take the user from the selected calendar event (have eventid and service id) to an instance of a booking form that allows them to confirm their spot in the class.

        $item("#bookButton").onClick(() => {
            const queryParams = `?serviceId=${serviceId}&eventId=${data.eventId}&referral=booking_calendar_widget`;
            wixLocation.to(`/booking-form/${serviceId}${queryParams}`);
        });

Any help is appreciated thanks :slight_smile:

2

How is the Custom Calendar built?

Is it part of the “Replace page” flow - or completely separate?

If it’s the “Replace page” - we have a guide that gives more details about how to achieve it, and template code to get you started - Build a Custom Booking Calendar Page | SDK

3

Hi there! Yes the calendar is built with the replace page flow, and I read the guide. Thank you for the support! I was having a bit of confusion because avalibility calendar is now depreciated, but I got it working using Event time slots with all the query paramaters. Thanks again!

1 Like