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

    • Digital Signage Screen Maintenance

      A blank screen is more than a technical issue — it’s a communication gap. Your digital screens play a key role in workplace communication — sharing updates, celebrating wins and building culture. They don’t need constant attention, just a bit of ongoing

    • How to Use Custom Feeds (RSS) in Templates

      It’s not new — but it’s one of Vibe’s most underused superpowers! With Custom Feeds (RSS), you can automatically pull live content — such as news, blogs, or job listings — straight from external websites into your Vibe templates. Just choose a template

    • Smart Update: Advanced Scheduling

      We’ve completely re-developed Vibe's Advanced Scheduling feature to make it simpler, clearer, and more powerful. No more confusion around start/end dates and times or setting up repeats on specific days — the new UI makes it intuitive to plan and control

    • 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