Skip to main content
HelpYouServe

Website & Embed

Auto-Resizing Embeds

No scrollbars, no layout fights

Auto-Resizing Embeds eliminate the scrollbars, fixed heights, and layout fights that plague traditional iframe integrations. The Elements SDK uses cross-origin messaging to communicate content height changes to the parent page, adjusting the embed container dynamically as users navigate, fill forms, or browse recipients. The result is an embed that feels like a native part of your website.

The Problem

Traditional iframe embeds require fixed heights that either waste space or create scrollbars. As content changes -- paginating results, expanding forms, showing errors -- the fixed height never matches.

The Solution

With HYS Auto-Resizing, the embed adjusts its height dynamically as content changes, eliminating scrollbars and layout issues so the experience feels native to your website.

How it works

1

SDK monitors content

The Elements SDK monitors the height of embedded content continuously, detecting changes from navigation, form interactions, error messages, and pagination.

2

Cross-origin messaging

Height changes are communicated to the parent page using secure cross-origin messaging (postMessage API), compatible with all modern browsers.

3

Seamless adjustment

The parent page container adjusts instantly to match the content height -- no scrollbars, no jump, no delay.

How this feeds Aida's work queue

Every auto-resizing embeds signal becomes an owned, reviewed action on your team's queue

In HelpYouServe, the context this captures lives on one record and rolls up into Aida's daily queue. Aida, your AI Development Director, turns it into an owned next action with a deadline, prepares the next step in your voice with citations, and your team reviews and approves before anything goes out. Aida adds development capacity, she does not replace your team.

HelpYouServe is the platform underneath: donor records, giving pages, sponsorships, communications, reporting, tasks, approvals, and audit history on one system.

Source context, owner, deadline, AI draft, your approval

Key features

Dynamic height adjustment
No scrollbars
No fixed heights
Cross-origin communication

Frequently asked questions

Ready to get started?

See how auto-resizing embeds can transform your organization.