Where teams use this builder
- Teachers share a single link so everyone opens the same preset.
- Docs/wiki teams embed tools with a responsive wrapper and consistent tracking.
- LMS portals use auto-height to reduce scrollbars.
How to use this tool effectively
Start with the CalcBE page URL or import link, then choose whether the host page needs a share URL, responsive iframe, fixed-height iframe, or compact cfg= preset.
How it works
The builder turns visible parameters into a URL, can pack longer settings into base64url JSON, and adds embed=1 when you need an iframe-friendly view. Preview the output before placing it in an LMS, wiki, documentation page, or production article.
When to use
Use this page when every reader should open the same calculator preset, when another page needs an embedded CalcBE tool, or when iframe sizing and auto-height behavior must be tested before publishing.
Common mistakes to avoid
- Embedding a URL before checking that every required parameter appears in the preview.
- Using a very long query string in an editor that rewrites or truncates URLs instead of switching to cfg=.
- Forgetting a clear iframe title or responsive height that fits the host page.
- Copying the auto-height listener without testing it on the actual host page.
Embed checklist
Import the target URL, confirm the frame title, choose responsive or fixed height, preview the iframe, and test the copied snippet in the same LMS, CMS, or documentation system where it will be published.
See also
Frequently asked questions
What's the quickest way to create an embed?
Use the “Embed this…” button on a CalcBE page. This builder will open and auto-import the current URL, so you can copy a share link or an <iframe> right away.
When should I use cfg= (base64url)?
Use plain query parameters for short, simple presets. Use cfg= when the link gets long (many fields, long text, or LMS editors that break URLs). Toggle “Use base64url JSON (cfg=)” to pack parameters into cfg=.
How do I control iframe size (and avoid scrollbars)?
Keep Responsive enabled for a 16:9 layout, or turn it off and set a fixed Height (px). If you need dynamic resizing, copy the auto-height listener snippet and paste it into the host page.
What should I define first for an embed?
Start with the destination URL, frame title, responsive setting, and expected embed height. Preview the snippet before placing it on a production page.
Why can embed output differ between host pages?
Differences usually come from target URL, iframe dimensions, responsive behavior, and host-page constraints. Match those assumptions before comparing this result with another CalcBE page, spreadsheet, or external tool.
How to use Embed Builder effectively
What this page is for
Use this page to create share links and iframe snippets with predictable sizing and attribution. Start by selecting the source page and deciding whether the embed should be responsive or fixed height.
Input checks
Confirm the target URL, iframe size, title text, and allowed host-page constraints before copying code. Embeds are easier to maintain when each snippet has one purpose.
Workflow
A practical sequence is to build the embed, preview the frame, copy the snippet, and test it on the destination page before publishing.
Common mistakes
Avoid changing both URL parameters and frame sizing at the same time while debugging. Separate content issues from layout issues so scrollbars and clipping are easier to diagnose.
How to read the result
Before final use, record the source URL, frame dimensions, and whether auto-height messaging is enabled. That makes later updates traceable when the embedded tool changes.