Forum Academy Marketplace Showcase Pricing Features

Problem Embedding Outlook Calendar on Bubble with <iframe>

As part of my project to build an app in two weeks, I’m trying to embed an outlook calendar onto a page.

People have had success doing it with this method: http://stackoverflow.com/questions/20354254/embedding-outlook-calendar-to-webpage

However, I can’t seem to replicate their results.

I went to Outlook to get the sharing HTML code

I went to bubble and insert an html element and copied the code from stackoverflow. It looks like it was going to work because the bubble site was there.

However, when I put the URL that I needed to use (https://outlook.live.com/owa//calendar/0686a3c1-4a2c-4ad8-b898-0752d1422995/b59f8fac-60db-456d-94cc-a4793febf997/cid-6B4EB5CE799FCF07/index.html) from outlook, the iframe stopped showing anything.

Any thoughts? What am I missing?

Is your app currently enabled on your own domain over SSL?

If your app is loading over http instead of https, you cannot iframe an https site. The https content won’t display.

Hope this helps.

P

Thanks. This is likely the problem.

I’m just using a Bubble sub-domain at the moment.

So, if I publish to my own domain with an SSL then this code will (should!) work?

Hi,

I haven’t looked at the code itself, but assuming it is the right code it will and no other errors, it should work.

It definitely won’t work if you’re using a Bubble sub-domain that is over http and not https.

Best,
P

Thanks. Do you know if you can get an SSL and use Bubble without having the professional version?

I know it’s possible with the professional version or higher, I don’t have that yet, but need an SSL!

Chris

Unfortunately, it’s not currently possible to do without the Professional or higher plan.

This topic was automatically closed after 70 days. New replies are no longer allowed.