Web

Web Portal

Add the hosted Gleam Portal to a web product with a direct link, iframe embed, or sidebar launcher.

Portal URL Shape

Every project has a hosted Portal. Projects can use a path route on the main app domain or a configured subdomain route.

Mode	Example
Path route	https://app.gleam.land/p/{projectPathId}/feedback
Subdomain route	https://{portalSubdomain}.gleam.land/feedback
Announcement detail	https://{portal}/announcement/{announcementId}
Post detail	https://{portal}/post/{postId}

Iframe Embed

Use an iframe when the Portal should sit inside an existing product page. Keep the frame tall enough for feedback lists and detail pages.

Inline iframe

<iframe
  src="https://app.gleam.land/p/YOUR_PROJECT_SLUG/feedback"
  title="Gleam feedback portal"
  loading="lazy"
  referrerpolicy="strict-origin-when-cross-origin"
  style="width:100%;min-height:640px;border:0;border-radius:12px"
></iframe>

Sidebar Launcher

A sidebar launcher keeps users in context while still loading the hosted Portal. The exact button and panel styling can match your app.

Minimal sidebar launcher

<button type="button" data-gleam-open>Feedback</button>
<aside id="gleam-panel" hidden>
  <button type="button" data-gleam-close>Close</button>
  <iframe
    src="https://app.gleam.land/p/YOUR_PROJECT_SLUG/feedback"
    title="Gleam feedback portal"
  ></iframe>
</aside>
<script>
  const panel = document.getElementById("gleam-panel");
  document.querySelector("[data-gleam-open]").addEventListener("click", () => {
    panel.hidden = false;
  });
  document.querySelector("[data-gleam-close]").addEventListener("click", () => {
    panel.hidden = true;
  });
</script>

Portal URL Shape

Recommended Direct Link

Iframe Embed

Sidebar Launcher