Limited Time Offer: Watch All Our Bubble Tutorial Videos for Only $99 per Year!

Incorporating AddEvent into App Development

In the final video of my miniseries, looking at Adevent, I want to share with you how I used Adevent when I first came about them building an app a few years ago.

Mirroring Events: A Flexible Approach

Unlike in the demo that I've made so far, I wasn't embedding the ad event 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 approach provided more flexibility.

Using Repeating Groups for Events

Because I wasn't using the calendar, I didn't have access to this drop-down. And I wanted to give my users the ability to subscribe through their calendar apps. So if you go into AddEvents, 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.

Adding the Calendar Links to Bubble

Let's get rid of the calendar event and let's add in a new bit of HTML. And then I'm going to, oh, 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 and basically I've just got to find where it's got the calendar id.

Customizing Calendar IDs

And so that's here. Is that the only mention of it? Yeah, so it's once for each of the buttons. So I'm going to do that. But speed it up. Well, I'll show you the first one. So I'll do 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.

Efficiently Adding Calendar Links

Okay, this takes 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.

Improved User Experience with Calendar Integration

That basically means that if I go and click 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.

Final Thoughts and Engagement

Now this is the end of the series, but if you have any questions about ad event or working with calendars in Bubble, please do leave a comment. We read every single one of them and as always, like and subscribe to support our channel.

Latest videos

lockmenu