# Help with moving from Custom Calendar to Native Booking Form

**URL:** <https://forum.wixstudio.com/t/help-with-moving-from-custom-calendar-to-native-booking-form/77452>\
**Category:** Ask the community\
**Tags:** wix-bookings, wix-forms, bookings, code, wix-studio\
**Created:** [March 30, 2026, 9:54pm UTC](https://forum.wixstudio.com/t/help-with-moving-from-custom-calendar-to-native-booking-form/77452 "2026-03-30T21:54:10Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![\_Evans](https://avatars.discourse-cdn.com/v4/letter/_/b5ac83/32.png) [@\_Evans](https://forum.wixstudio.com/u/_Evans)\
**Post date:** [March 30, 2026, 9:54pm UTC](https://forum.wixstudio.com/t/help-with-moving-from-custom-calendar-to-native-booking-form/77452/1 "2026-03-30T21:54:10Z")

</div>

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.

```javascript
        $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 🙂

---

<div class="post-metadata">

**Author:** ![noahlovell](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/noahlovell/32/118920_2.png) [@noahlovell](https://forum.wixstudio.com/u/noahlovell)\
**Post date:** [March 31, 2026, 11:26am UTC](https://forum.wixstudio.com/t/help-with-moving-from-custom-calendar-to-native-booking-form/77452/2 "2026-03-31T11:26:12Z")

</div>

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](https://dev.wix.com/docs/develop-websites-sdk/code-your-site/extend-wix-business-solutions/replace-app-pages/build-a-custom-booking-calendar-page)

---

<div class="post-metadata">

**Author:** ![\_Evans](https://avatars.discourse-cdn.com/v4/letter/_/b5ac83/32.png) [@\_Evans](https://forum.wixstudio.com/u/_Evans)\
**Post date:** [March 31, 2026, 4:22pm UTC](https://forum.wixstudio.com/t/help-with-moving-from-custom-calendar-to-native-booking-form/77452/3 "2026-03-31T16:22:52Z")

</div>

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!