Putting the Breeze Calendar on a Website or Sharing With Google

To embed the Breeze calendar on your website you can either:

Use the Breeze Embed Code

  1. Select the "Events" tab from the top right.
  2. Click the gear icon in the top right corner next to "Add Event" and choose "Embed Calendar on Website".
  3. Copy the code as is or click "Show Options" in the bottom left to modify the code as desired.
  4. Paste it on your church website or anywhere that will accept an embed code. 

Screen Recording 2020-06-03 at 10.54 AM

Note: If you add a new calendar to your Breeze calendar, it will also be visible on your website until the code is updated to include only select calendars. We recommend viewing and selecting only the calendars that you want to display on your website and then updating the embed code each time that a new calendar is added to your Breeze account to ensure that the calendar on your website only displays the calendars that you want to display.

Note:  If the calendar is embedded onto a website and someone is viewing in the Breeze app or on a mobile device, it shows up in List mode automatically.

Integrate with Google Calendar

Alternatively, you can push your Breeze calendar out to a Google Calendar and embed the Google Calendar on your website with Breeze Events showing up within it. For more information on our Google Calendar integration, see External Calendars

Have a WordPress website? You might consider using the third party WordPress Breeze Plugin.
*In order to embed the calendar, a user must have permissions to Events > Edit events.
Was this article helpful?
31 out of 38 found this helpful

Comments

12 comments
  • Hi There.  

    We would like to integrate our breeze calendar into our Wordpress site.

    Embedding the calendar is simple enough, but I would like to check 2 things with you:

    1.) Scrolling: Scrolling only seems to work on certain browsers/computers.  On Chrome it scrolls, but stops at a stage at which you then need to scroll the actual page to go down further.

    On Safari it keeps scrolling which is great.  Meaning if you start scrolling on the calendar and it comes to the end of it , if you keep scrolling the actual page starts scrolling which is what I'd like.

    Haven't been able to test Firefox or Explorer yet.

    I have changed the scrolling="auto" setting to "yes" and "always" and "true", but results stay the same.

    2.) The event modal window/popup window which pops up when you click on an event doesn't seem to be fully responsive.  It generally takes the whole width of window, but cuts off a lot of info to the bottom...seems like it has a set height which causes it to be massive.  Also these modal windows/ popup windows are also not scrolling as mentioned above like the calendar.   

     

    Could you please advise if there is a solution for this?

    Thanks

    Daniel

    0
  • @daniel

    Concerning scrolling, this would be different depending on the browser. Each browser performs a little differently when it comes to this feature so it will adapt according to the browser.

    Concerning the pop-up window, We recognize that there are some apparent limitations to this. At this time, there is not a solution…However, this is definitely something that we are looking to resolve in the future. 

     

    If you have any additional questions here, please don't hesitate to let us know!

    0
  • We've embedded the calendar in our WordPress site which seems to work well on a desktop platform. The calendar refuses to come up at all on the mobile version of the site.  Any ideas?  

    0
  • @techsupport

    Thanks for reaching out to us! It sounds like a setting that should be adjusted within Wordpress to make sure that the calendar is able to be viewed from any device. If it shows up on a desktop, then we can confirm that the Breeze code is working correctly. I wish there was more info that I could give you here! It seems like this solution falls outside of Breeze. 

    Cheers!

    0
  • When embedding the calendar on our website, it no longer shows any of the events on it. It's now just a blank calendar, any idea why that is? 

    0
  • @selina

    Thanks for reaching out! There could be several things that could contribute to your calendar not functioning correctly on your website. You want to make sure that no parameters have changed on your websites end first. If you continue to see errors, please reach out to our support line so that we can help you personally!

    0
  • Hi. Great product! Embedding calendar on our WordPress site for the first time and I'd like it to display as large as possible. I see one of the display options is: Small, Medium or Large. Is there any reason I should NOT try changing the HTML width code from "900" to "1150" so the calendar extends across the whole page?

    John in Durango

    0
  • Hello, Im embedding my breeze calendar to our new website and I'm working with subsplash and snappages as my editor. The problem I'm having is that when I view my calendar in the preview it is not center aligned horizontally. Almost everything else is working perfectly but I want to find a piece of code to add so it will center the calendar in the page. I also am having an issue with the size when viewing in mobile and tablet versions of the site, and the calendar is the only thing that will not adjust.

    0
  • @comtech

    Thanks for reaching out to us! We would love to help serve you with your questions about the Breeze calendar. Since this request is code related and could require some advanced troubleshooting, I suggest submitting a support email for giving us a call so that we can walk through this with you. Thank you for letting us get you to the right people for this!

    Cheers! 

     

    0
  • @Stephen

    Thank you for the response and apologies for the late one in return. After a lot of time spent disabling each WordPress plugin to see if any of those were the culprit, I recently discovered that the cause was actually a browser extension! Everything is now working (and most likely always was) as it should. Thanks.

    0
  • Did you all figure out the breeze subsplash/snap pages problem? It does not center the calendar.

    0
  • @reyesjimmy

    Unfortunately, I am unfamiliar with this issue. Were you in communication with our Specialists concerning this? If not, please feel free to reach out to us via the support Email or by Phone so that we can make sure and solidify some answers for you!

    0