Ordering System Synchronised with Google Calendar in Wix

Ordering system synchronised with Google Calendar in Wix

Wix Google Calendar Ordering System Integration

Velo Code Solution

Google Calendar is well integrated with Wix Bookings. It is not yet integrated with Wix store. Our Velo coded solution enables Wix site owners to add an extra screen on checkout that asks customers to select a date in the calendar, whether it is delivery / pick up or any other date. The calendar itself is synchronised with Google calendar and shows only available slots. It is also possible, for example, to limit orders to 3 each timeslot.

Embed Google Calendar in Wix

We see steady demand from customers who want to control how many orders they receive and when these orders can be collected. This helps customers whose products are not yet produced and are custom made (configurator of products) to manage their workload or in some cases, prepare products just in time, so it is fresh (e.g. wedding cakes).

Google calendar is widely available across multiple devices. So if, for example, site owner wants to close shop early on a certain day, he simply adds a blocked slot manually from his phone into Google calendar, and no one would be able to place order in that slot.

There can be numerous other scenarios where Google calendar can be used on Wix marketplace:

When a product is rented (but Wix bookings not applicable)
When a product is custom made and has a short expiry date.
When the workload of site owner needs to be managed.
In product configurators.
When a product is seasonal.

Do you have a product that you would like to test whether Google Calendar can be used with it? Book free consultation with one of our specialists.

BOOK A FREE CONSULTATION

Tools

Wix Velo Code,Google Calendar

Example Code

import { sendEventData } from 'backend/zapier';

$w.onReady(function () {

});

export function btnCreateEvent_click(event) {

let title = $w('#title').value;

let description = $w('#description').value;

let startDate = $w('#startDate').value;

let endDate = $w('#endDate').value;

let startTime = $w('#startTime').value;

let endTime = $w('#endTime').value

let separatorPos = startTime.indexOf(":");

let startHour = parseInt(startTime.slice(0, separatorPos), 10);

let startMinute = parseInt(startTime.substring(separatorPos + 1), 10);

separatorPos = endTime.indexOf(":");

let endHour = parseInt(endTime.slice(0, separatorPos), 10);

let endMinute = parseInt(endTime.substring(separatorPos + 1), 10);

startDate.setHours(startHour);

startDate.setMinutes(startMinute);

endDate.setHours(endHour);

endDate.setMinutes(endMinute)

sendEventData(title, startDate, endDate, description);

}

import { fetch } from 'wix-fetch';

export function sendEventData(title, startDate, endDate, description) {

const url = "https://hooks.zapier.com/hooks/catch/?zapier_endpoint?/";

const request = {

method: 'POST',

headers: {

"Content-type": "application/json"

},

body: JSON.stringify(data)

};

let data = {

"title": title,

"startDate": startDate,

"endDate": endDate,

"description": description

};

return fetch(url, request)

.then((httpResponse) => {

if (httpResponse.ok) {

console.log('OK!');

} else {

return httpResponse.text()

.then(text => Promise.reject(text));

}

})

.catch((error) => {

console.log('Error: ' + error);

});

}

More Velo Integrations

The Definitive Guide to Integrating MLS with Wix: Boosting the Online Presence of Real Estate

Learn how to integrate MLS with Wix to enhance your real estate website's online presence. Boost listings, attract more buyers, and grow your business