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

    • Available Now: Sports Tournament Infotainment

      Get ready for the Women’s Rugby World Cup! We’ve updated our Sports Tournament Infotainment slide with fixtures and live leaderboard updates. Perfect for keeping your workplace in the spirit of the game. You'll find it in the Infotainment Category when

    • Template Design Guide

      Our Template Design Guide is for external designers, we recommend reviewing it if you plan to design your own Vibe templates: 👉 Vibe Template Design Guide This guide is designed to support brand and design teams in preparing template briefs—not building

    • Coming Soon: New Look for System Settings

      Behind the scenes, our team has been busy building a new System Settings interface in the Portal. This refreshed design will make managing Vibe smoother, faster, and more intuitive. Over time, we’ll be migrating all administration features and settings

    • Vibe.fyi Achieves ISO/IEC 27001:2022 Re-Certification

      Security isn’t optional — it’s foundational. We’re proud to share that Vibe.fyi has achieved ISO/IEC 27001:2022 re-certification, proving our commitment to: ✅ Protecting client data ✅ Managing risks in a fast-changing digital landscape ✅ Keeping our security

    • Free Mini Program: AI Adoption & Compliance in your Workplace

      AI is everywhere, but knowing how to use it safely and effectively at work can be tricky. That’s why we’ve created a free mini program for all Vibe clients to use as is or adapt to their own policies. Your team will learn how to: Use AI confidently and