Just published a plugin called the ICS Maker. This plugin will easily let you create an iCalendar file (.ics) from your calendar events made in bubble. It supports single and multiple calendar events.
@muneer.hameer is there a way to generate these ics files through backend workflows? My use case requires that so I am a bit stuck with your plugin. Thank you!
Hi @bhage, thanks for trying my plugin. The current plugin is client-side. I am already looking into ways to offer a server side ics plugin. Will keep you posted. Thanks!
Brilliant work @muneer.hameer! Server-side implementation lifts it to another level. I may have got this wrong, but is there a way to update the existing .ics file once update (for instance as new events are added)? Also, clicking the link currently downloads the file - how about subscribing to the feed? That is a common use-case - people might want to mirror the app’s events in their personal calendar. Is that possible?
EDIT: I have figured out that if you prefix the URL with webcal:// rather than https:// opens the subscription dialog in Apple Calendar and possibly in other calendar apps too. So, the only thing we need is the ability to update the existing ical file, and then we have a great resource here
Bubble doesn’t let you update an existing file in s3 (I have requested this feature). The workaround is using my plugin and rebrandly. See my forum post How to create dynamic ical subscription
Also, I’m getting close to releasing another plugin called ICS Parser, which will allow you to do the reverse — bring in outside calendar subscriptions (using iCal url from google or Apple) and give you an easy way to save events to your bubble db or for viewing in repeating group. Stay tuned.
Fantastic Muneer! I’m excited to look into setting this up and playing around in the next few weeks to get this working for accommodation booking calendar sync.
I was wondering if your plugin handles updates? I would like to create events and then update them with attendees as they sign up. Is that something your plugin can handle?
Are you referring to a dynamic iCal subscription link/file? If yes, then note that Bubble doesn’t let you update an existing file in s3 and keep the same link (I have requested this feature). The workaround is using my plugin and rebrandly. See my forum post How to create dynamic ical subscription . Another workaround is setting up your own s3 database and then turn off versioning and set up the PutObject API to be able to update a file and keep same link.
Update: Just added a JSON to ICAL server-side action!
This will give you the freedom to customize your ICAL file format and what fields that apply to your use-case. The demo page has instructions on the JSON file structure. You can see the structure in the sample workflow action in the Editor for the demo page.
Customizing it will require using bubble’s :format as text feature when you Search for your calendar events in your database.
Great work, thank you! I am not a coder (why I am using Bubble). My use case: I have an app that gets people together to have a meeting. In a repeating group I will show the user all the future meetings he has booked. In each cell will be the meeting details and I plan to have a download to calendar button in each cell. Does this mean I should be using the ‘client-side’ approach?
I already have a Data Type for Meeting, do I need a new Data Type to hold the ICS data or can I simply add those ICS fields to my existing Data Type? Basic questions I know, but hey, not a coder
Yes you could use client-side. If you go to the demo page and scroll to the Example tab, you can see an “Add to calendar” button in the example repeating group and look at how the workflows are set up. DM me if you have questions. Thanks
Hello! I purchased this plugin but it will not let me enter any data fields into the “upload a ICS maker” action. Do the data fields have to have the EXACT names listed in the demo page? My app is already established with a specific database and I cannot repopulate all events into a new datatype.
EDIT: Also, the editor link and Prime JSON to ICS buttons are not working on the demo page.
EDIT2: Looks like it has to be a list of events… Is there any way to handle single events?
No you should not need to use exact names as the demo. Are you able to PM me screenshots of what you are seeing, as it’ll be easier to me to troubleshoot
Fixed the Editor Link button (we recently switch dedicated servers and so forgot to update that link – thanks for pointing that out)
The JSON to ICS is a disabled workflow button so you can construct it in your own app and execute (you can review it in the editor as you should now have access)
use the “:converted to list” operator to accomodate single events