Searching for a way to display ical files in calendar on a wix website

Ask the community
, ,
1

Hi,

we want to display available dates on a calendar in his house location website.

We have available from our partners website a link for an ical file for each house on rental.

we would like to display that file in a calendar by passing it directly to a calendar. We have searched many calendars in the Wix app market and also in npm modules, but to no avail.

Has anybody done that before, and if so, how? If not possible to pass the file directly to a calendar, there is a parser in npm to parse ical, but is there a calendar that I could program with the data?

Thanks in advance

Joël

2

Wix Hotels will let you import it through there.
https://support.wix.com/en/article/importing-reservations-from-an-external-calendar-ical-to-wix-hotels

You can also try looking to see if you can add it via Google Calendar.
https://www.wix.com/app-market/google-event-calendar/overview
https://support.wix.com/en/article/adding-and-setting-up-the-google-event-calendar-app
https://support.wix.com/en/article/adding-a-calendar

However as for doing it through code, you can look at this example here which will let you add it via the Google API.
https://www.wix.com/corvid/forum/community-discussion/example-google-calendar-api-create-event-in-your-google-calendar-with-corvid

Otherwise, you can look at using ical nodes through Wix Package Manager.
https://support.wix.com/en/article/corvid-managing-external-code-libraries-with-the-package-manager

1195×540 14.4 KB

node-ical - https://www.npmjs.com/package/node-ical

icalendar - https://www.npmjs.com/package/icalendar

node-google-icalendar - https://www.npmjs.com/package/node-google-calendar
https://developers.google.com/calendar/quickstart/nodejs

You can also look at using Mozilla ical.js
https://mozilla-comm.github.io/ical.js/

You can also use the Add to Calendar Button as shown here where you place the first part of the code in a custom new tool in the Tracking and Analytics section and then the button code in a html iframe on the page that you want it to be used…
https://www.addevent.com/add-to-calendar-button

3

Thank you for your answer.

I had checked all those links before and none do what I need.

What I need is simply a calendar object with no link to external calendar API (like Google Calendar by example), but that I could fill with entries from an ical file taken from random 3rd party sources. Or data from a Wix database.

There are many possibilities for parsing an iCal file in the links you mentioned, so getting and parsing the ical is not the problem. What I need is a stand alone calendar available in Wix that can accept the parsed data through code without going through Google API’s or Outlook, something simple like this: https://code-boxx.com/simple-pure-javascript-calendar-events/ .

That doesn’t seem to exist.

4

Hi. Did you solve this?