iFrame (Embed URL)

The iFrame template is perfect for embedding websites, dashboards, or online content directly into your workplace digital signage channel. This feature unlocks a range of possibilities for seamlessly displaying real-time data, dynamic content, and web applications.

Template Settings

iFrame URL

After creating a new slide using the iFrame (Embed URL) template, enter the external website or web-based content in the iFrame URL field.

Before adding your slide to a playlist, test the URL to ensure it loads properly within the iFrame.

Considerations

Some websites may not display in an iFrame due to security policies such as X-Frame-Options or Content-Security-Policy.

1. Why Some URLs Don’t Work in an iFrame
   
1. Websites often implement security headers such as X-Frame-Options (e.g., DENY, SAMEORIGIN) or Content-Security-Policy (CSP) to prevent iFrame embedding.
   
2. These measures protect against clickjacking attacks or unauthorized embedding.
   
   
2. How to Troubleshoot
   
1. Test alternative URLs: Certain pages may have different security configurations.
   
2. Check with the website owner: They may be able to adjust the X-Frame-Options or CSP headers.
   
1. Example configurations:
   1. Allow specific domains: Content-Security-Policy: frame-ancestors 'self' https://example.com.
   2. Remove X-Frame-Options or set it to ALLOW-FROM.
   
   
3. Alternative Solutions
   
1. Option 1: Instead of using an iFrame, explore Vibe's Integration options.
   
2. Option 2: If your IT team can modify the website, we recommend:
   
1. Updating the X-Frame-Options or CSP headers to allow iframe embedding.
   
2. Configuring CORS settings to allow cross-origin requests from the relevant domains.
   
   
4. Helpful Resources
   
1. Search for 'Online iFrame testing tool' on Google to validate any URL's.
   
   

​iFrame Width / Height (% or px)

To fill the screen, set the width and height to 100% or specify your preferred pixel (px) or percentage (%) settings to adjust the iFrame size within the slide.

Check that the dimensions match the content you’re embedding to avoid cut-offs or display issues.

Footer Banner (600 x 135 px)

Optional: Upload a 600x135 (px) graphic to use as a footer banner.  The image appears in the bottom-left corner and is designed to animate on and off the screen every few seconds.

This feature helps capture attention by periodically introducing important information or branding in a dynamic way.

• Announcements

• Entra (Azure) Single Sign-On

  Streamline Access with Entra Single Sign-On for Vibe.fyi. Scale effortlessly as your organisation grows and simplify user management through centralised control in Azure AD. Installation guide

• New Infotainment Template: Free to Air TV

  Something exciting is now available for your screens! Our new “Free to Air TV” template has been released. It includes three channels to keep your displays fresh and engaging: Red Bull TV Al Jazeera CNA (Channel News Asia) Perfect for adding global news,

• SharePoint Spreadsheet Images Now Display Perfectly

  We’ve squashed a pesky bug affecting images linked in SharePoint spreadsheets: ✅ Images in subfolders will now display correctly on your slides. ✅ Non-plain text image paths in spreadsheets are now supported, so linked visuals show up as intended. This

• Video Templates Now Check for Missing Files

  No more silent video hiccups! If a video file is missing or hasn’t uploaded properly, you’ll now see a clear alert in the Portal. 🚨🎬 This update helps catch issues early—so you’re not left wondering why your video slide isn’t playing as expected. Just

• No More Empty Slides After Sync in Global Locations

  We’ve patched a sneaky issue where player apps outside of New Zealand were showing blank slides 1 hour after their first sync. Now, whether you’re displaying content in Sydney, Singapore, or San Francisco—your screens will stay fresh and full of dynamic