Embedded URL

Embedded URL

The Embedded URL 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 Tour

iFrame URL

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

Info
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.
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

    • Template Tours - Retail, Media, and Social Categories are finished

      Want to see our templates in action? Check out the growing Vibe Template Tour Showcase — a video series made to help you get the most out of Vibe’s smart templates. We’ve got more tours prepped and ready to roll, so stay tuned for fresh inspiration.

    • Recent Roundup for Template Fixes & Updates

      Here’s what’s just landed to keep your content looking crisp and running smoothly across your screens: Title Display Fixed - Titles in the Photoboard Manual template are now displaying correctly—no more missing or misaligned graphics. Overlay Issue Resolved

    • 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