Embedding a Portal
A published Portal can be embedded in your own website. Visitors stay on your page while doing so.
Requirement: a Portal link. Without one, there's nothing to embed.
Generating the embed code
Choose Embed on your website in the share dialog. Embed page opens.
You'll find the finished code under Embed code. Copy it to the desired spot on your website.
Embedding style
Three options:
| Style | Behavior |
|---|---|
| Inline (on the page) | The Portal sits fixed in the page flow, like an image or video |
| Window (bottom left) | A button opens the Portal in an overlay window |
| Window (bottom right) | The same, positioned on the right |
Inline
For content that belongs to the page: an overview in a customer area, a sign-up form on an event page, a price list.
Settings: Width, Height, and Auto-adjust height (The height automatically adjusts to the page content).
Turn on auto-adjust height
Without this option, the embedded Portal gets a fixed height. With expanding sections, tabs, or longer tables, a scrollbar appears inside the frame — hard to use on mobile.
Window
A button at the edge of the screen opens the Portal as an overlay. For things that should always be reachable without dominating the page: feedback, support requests, issue reports.
Settings: Button text (default Feedback) and Button color.
Choose position based on your layout
Bottom right is the usual spot for help and chat elements — that's where users expect it. Choose bottom left if a cookie notice, chat widget, or scroll-to-top button already occupies the right.
Preview
Use Preview to check the result before installing the code.
What to watch for on your website
The Portal stays independent
The embedded content comes from ApptiveGrid, not from your server. Practical consequences:
- Your website's styles don't affect the Portal. Styling happens in the page settings.
- The Portal link's access restriction still applies when embedded. If With credentials is set, the login screen appears inside the frame.
- If a visitor's browser blocks third-party content, the frame stays empty.
Check your privacy notice
Embedding loads content from an external service, and visitors may enter personal data into an embedded form. Check whether your privacy policy covers this — especially for a window widget that runs on every page.
Common issues
| Symptom | Cause |
|---|---|
| Frame stays empty | No Portal link exists, or it was deleted |
| Login screen instead of content | The link is restricted to With credentials |
| Scrollbar inside the frame | Auto-adjust height is off |
| Cut off on smartphones | Fixed width in the embed code; use relative width instead |
| Portal shows too much data | The embedded view isn't filtered enough |
Embedding a form instead of a Portal
Forms have their own embedding path with similar settings. For pure data collection, that's the more direct route.