How integrations work in InfoBox

Introduction

Every integration in InfoBox works the same way under the hood: the source service exposes an iframe-embeddable URL, and you paste that URL into an iFrame slide on your screen or playlist. There is no special integration code per source. This article walks through the universal pattern. The other articles in this category cover the source-specific bits: how to get the URL, what permissions you need, and any quirks.

The universal pattern

Three steps for every integration:

• Step 1: Get the iframe URL from the source. Most SaaS tools have a Publish to web, Embed, or Share publicly option that produces a URL designed to load inside an iframe.
• Step 2: Add an iFrame slide in InfoBox. Open a screen or playlist editor. Click Add new (FI: Lisää uusi). Pick iFrame as the type. Paste the URL.
• Step 3: Configure refresh. Optional but useful for live data. Set how often the iframe re-fetches the URL. See Slide settings.

What needs to be true of the URL

Requirements for any iframe URL:

• HTTPS: must be a `https://` URL. HTTP-only URLs won't load on screens.
• Public access: must not require login. Captive portals, login walls, OAuth challenges all break iframe display.
• Embeddable: the page must allow iframe embedding (no `X-Frame-Options: DENY` or restrictive `Content-Security-Policy`).
• Works in a browser tab: if the URL works when you open it in a new private/incognito browser window, it'll work in InfoBox.

Test before publishing

A 30-second pre-flight check:

• Open a private/incognito browser window.
• Paste the URL.
• If you see the content fully without logging in, you're good.
• If you see a login screen, captive portal, or 'cannot be displayed' error, the URL won't work in InfoBox either. Find an alternative or contact the source's admin.

Source-specific guides

Pick the source you want to integrate:

• Power BI dashboards
• Canva for content creation
• Lounastaja (lunch menus)
• Sitedrive (construction schedules)
• Sinebrychoff ContentHub
• SharePoint
• Google Drive