iFrame & Presentation Slides

The iFrame feature lets you embed external websites, dashboards, images, and presentation slides directly on your presentation screens. Display a social media feed, a live scoreboard, branding graphics, or upload slides — overlaid on top of your timer display.

#What Is the iFrame Feature?

An iFrame (short for "inline frame") lets you embed another website or image inside your Tevyr screen. Think of it as a window within your presentation display that shows external content — while the timer and other Tevyr elements continue running around it.

#Content Types

From the iFrame panel in the controller, you can add two types of content:

Type	How to add	Best for
Website URL	Enter a URL directly, or paste an HTML iframe embed code — the URL is automatically extracted	Live feeds, dashboards, external tools, streaming overlays
Uploaded image	Upload image files (JPG, PNG, GIF, WebP, SVG). Max 5MB per image. Supports batch upload.	Presentation slides, branding, logos, sponsor graphics

#Upload Limits

Plan	Max images
Starter (Free)	Not available
Basic	Not available
Premium	50 images per event
Enterprise	100 images per event

#Using iFrame for Presentation Slides

Upload your presentation slides as images and use the iFrame panel as a simple slide deck. This is ideal when:

You want slides to appear alongside the countdown timer
The speaker doesn't have their own laptop for slides
You need to control slides remotely from the operator's controller
You want different slides on different screens (e.g., agenda on audience, notes on speaker)

#How to set up slides:

Export your presentation as individual images (PNG or JPG) from PowerPoint, Keynote, or Google Slides.
Open the iFrame panel in the controller and click Upload Image.
Select all your slide images at once — they upload in batch.
Group the slides together under one card for organized management.
Reorder slides by dragging them.
During the event, toggle individual slides on and off to advance through your deck.

Tip

Set the scale to 100% for full-screen slides, or lower (e.g., 50-75%) to keep the timer visible alongside the slide content.

#Common Use Cases

A live social media feed (Twitter/X wall, Instagram, etc.)
A leaderboard or scoreboard from an external tool
Branding images, sponsor logos, or event graphics
A live camera feed from a webcam or IP camera
Real-time metrics, dashboards, or analytics
Presentation slides exported as images
A countdown widget from another service

#Display Options

Customize how the embedded content appears on your screens:

Option	Values	Description
Scale	25%, 33%, 50%, 75%, 100%, 150%, 200%	Zoom the content. Make it smaller to keep it subtle, or larger to fill the screen.
Auto-refresh	Never, Every 1 min, 5 min, 20 min	Set the page to reload automatically — useful for dashboards and feeds that need fresh data. Only applies to URL content.
Show / hide	Toggle	Toggle the iFrame overlay on and off with a single click, without removing it.
Show progress bar	Toggle	Keep the session timer’s progress bar visible while the iFrame is displayed.
Background color	Black or White	Background color behind uploaded images (for images with transparency or that don’t fill the frame).

#Screen Targeting

Each iFrame item can be directed to specific screens — Speaker, Audience, Staff, or any combination. For example, show a social media feed on the audience screen while keeping the speaker screen clear, or show speaker notes on the speaker screen only.

#Managing Multiple Items

You can create multiple iFrame items and manage them from the controller:

Feature	Description
Drag and drop	Reorder items by dragging. Each item shows its index number.
Group images	Group related images under the same card for easier organization (e.g., all slides for one presentation).
Batch operations	Select multiple items to show, hide, or delete them at once.
Independent toggle	Each item can be shown or hidden independently, giving you precise control over what’s on screen.
Name/label	Give each item a custom name for easy identification in the controller.

Real-world example

At a hackathon, embed a live leaderboard from your judging tool on the audience screen. Between judging rounds, switch to a social media feed showing tweets with the event hashtag. Both are set up as separate iFrame items that you toggle on and off as needed.

#Compatibility Note

Not all websites allow themselves to be embedded in iFrames. Some sites (like Google Docs, Facebook, and many banking sites) block iFrame embedding for security reasons. If a website doesn't load, it's likely because that site has disabled iFrame support.

Websites that are designed for embedding — like live dashboards, social media widgets, and streaming overlays — generally work well.