Embedding Panels

🌐 Embedding Panels in HTML

You can integrate your Widdget Panels into any website using an iframe. This allows you to display interactive dashboards, data visualizations, and more directly within your web pages.

🔹 Requirements

• ✅ Your panel must be set to public to be embedded.
• 🔐 If the panel contains encrypted secrets, a decryption password will be required.

🔗 Get Your Panel Embed Code

To embed a panel, use the following HTML structure:

  <iframe
    title="My Widdget Panel"
    src="https://panel.widdget.app/panel/YOUR_PANEL_ID/fullscreen"
    width="700px"
    height="450px"
    frameborder="0">
  </iframe>

🔒 Embedding a Panel with Encrypted Secrets

If your panel has secrets encrypted, users will need to enter the decryption password when accessing the panel. Example:

🎨 Customizing the Embed

You can adjust the width and height to fit your layout. For example:

  <iframe
    title="Small Panel"
    src="https://panel.widdget.app/panel/YOUR_PANEL_ID/fullscreen"
    width="400px"
    height="300px"
    frameborder="0">
  </iframe>

🚀 Start Embedding Now!

Try embedding your own panel today! Visit panel.widdget.app to generate your panel and copy its embed code.