Calendar Subscription Link in Bubble - AddEvent 5
Learn how to integrate add event functionality into your Bubble.io app, allowing users to subscribe to events through their calendar apps, in the final video of this AddEvent API miniseries.
Mirror events like a pro: Learn how to sync Bubble events with AddEvent for ultimate flexibility!
Subscription power unleashed: Discover how to offer calendar subscriptions through AddEvent in your Bubble app!
Elevate your calendar game: Master the art of integrating AddEvent's calendar widget into your Bubble app design.
Introduction to AddEvent
In the final video of my mini-series looking at AddEvent, I want to share with you how I used AddEvent when I first came about building an app a few years ago. Unlike in the demo that I've made so far, I wasn't embedding the AddEvent embed into the app itself. I was basically mirroring events. So I'd create an event as a data type in my Bubble app and then I would create a mirror event in AddEvent. This meant that I had more flexibility. For example, I could use a repeating group to go through the events.
Using AddEvent API
Now I could do that with the AddEvent API, because it still lists your events, but it just seemed more straightforward at the time. And so because I wasn't using the calendar, I didn't have access to this dropdown and I wanted to give my users the ability to subscribe through their calendar apps.
Adding Calendar Subscription Links
If you go into AddEvent, you can find that they've got this really cool widget. If I scroll down and yeah, here we go, add to calendar links. So I can copy this and then go into my Bubble app design. Let's get rid of the calendar event and let's add in a new bit of HTML. And then I'm going to paste. Ah, it didn't copy the code. That's not what I wanted. Here's the code. I'm going to copy this and then go into Bubble.
Customizing the Calendar ID
Basically, I've just got to find where it's got the calendar ID. And so that's here. Is that the only mention of it? Yeah. So it's one for each button. So I'm going to do that, but speed it up. Well, actually the first one. So I'll do a current user calendar unique key and now speed through the rest of these. Here's another one. I'm adding in an event here. So that would be adding the calendar ID rather unique key.
Implementing Calendar Subscription
Okay. This is taking me a long time. Anyway, you get the picture basically go through and for each of the calendar links, I've gone through and done all of them apart from outlook.com Yahoo, leave a comment. If you use Yahoo calendar down below. But that basically means that if I was to go and take preview and then click on one of these buttons, it's going to open that calendar app either through the web browser or if it is a desktop app, it would open it on the user's desktop and it would pre-populate a subscription field, allowing the user to basically have a synchronized calendar, a read-only calendar for the events that you make in your app for them.
Conclusion
Now this is the end of the series, but if you have any other questions about AddEvent or working with calendars in Bubble, please do leave a comment. We read every single one of them. And also as always like and subscribe to support our channel.
Can't find what you're looking for?
Search our 300+ Bubble tutorial videos. Start learning no code today!
3 ways we support solopreneurs
Our team is here to help, with a combined 30+ years working for internet startips.
Learn Bubble
Explore our library of 300+ Bubble and no code tutorial videos. Watched by over 800k no coders on YouTube.
Bubble Coaching
Troubleshoot your Bubble app and build new no code features with our in house Bubble expert.
Mastery
Ready to take your SaaS idea to the next level? Join our exclusive Mastery program for personalised content & mentoring.