Web
Google Calendar Plugin

Google Calendar

Show upcoming events from your Google Calendar on your screens.

About

Keep your audience informed about upcoming events and appointments by showing your Google Calendar on your digital signage screens. Embed your calendar with Play Digital Signage’s Website plugin.

Video: Google Calendar

Get Started

Show your upcoming events from Google Calendar in a few steps:

Add Google Calendar to a slide

  1. On a computer, open Google Calendar.
  2. On the left, find the calendar you want to use in your content.
  3. Click the three dots, then Settings and sharing.
  4. Scroll down to Access permissions for events and turn on Make available to public.
  5. Scroll down to Integrate calendar and click Customize.
  6. Make your changes and pick the calendars you want to show in your content.
  7. In Embed code, select only the URL (starting with “https” and ending before the closing quotation mark) and copy it.
  8. Open your playlist, add the Website plugin, and paste the URL in the Website address field.

Check out Google’s guide on how to make your calendar public.

If you use the Customize button, also enter the width and height of the plugin in the calendar customizer, as Google includes them in the public URL.

Options

Alignment and Cropping

  • Fit to canvas - Maximize the image to fit the canvas
  • Align Left - Align the image to the left
  • Align Center - Align the image to the center
  • Align Right - Align the image to the right
  • Align Top - Align the image to the top
  • Align Center - Align the image to the center
  • Align Bottom - Align the image to the bottom
  • Locking Objects - Lock images

Website

If the website is hosted on a server, use the “Website” option and paste the URL.

HTML code

If you have an HTML code snippet, paste it into the code pop-up. Where to find widgets?

Pre-load website

The player starts loading the plugin 15 seconds before it is displayed, so the website has already loaded when the slide is shown. If the website you want to display has some load animation or video set to autoplay, you can disable this option so that the animation does not run while the plugin is pre-loading.

Enable scrolling

By default, scrolling is disabled so that the scroll bar is not visible. If you want users to interact with the site, you can enable scrolling.

Refresh periodically

The website is refreshed every time the slide is shown, but you can set a refresh interval to refresh it more often.

Refresh Interval Seconds

Set how many seconds between refreshes

Zoom

Depending on how the website is built, it may render differently on certain devices. By adjusting zoom, you can make the page fit better.

Positioning

Manually adjust the placement of the plugin pixel by pixel.

Sizing

Manually adjust the size of the plugin pixel by pixel

Add Script

This is where you add and edit your scripts. Read about website scripting.

FAQ

How to change to a weekly view?

You can append the mode parameter to the end of the URL to change the view:

  • For weekly view append &mode=WEEK
  • For monthly view append &mode=MONTH
  • For agenda view append &mode=AGENDA

The calendar does not show in the preview.

Because of browser restrictions, some browsers might not show the calendar in the preview. This doesn’t mean it won’t work on your player; it only affects the preview.

Related Articles

Get started designing your content

Most people think designing content for digital signage is super difficult, but if you can use PowerPoint, you can also create and design your own content in our editor.

Book a free demo

Loading free times…