CalcBE embed widget & share link builder (base64url cfg)

New

One screen to launch embeds with confidence

Pick a CalcBE tool such as Number Line, Graph Paper, Quick Charts, Worksheet Generator, Random Number, Text Case, or Image Resizer, add the parameters you need, and click build. The builder encodes values with encodeURIComponent, supports base64url cfg bundles, and keeps embed=1 plus UTM tags aligned with CalcBE conventions.

base64url cfg UTM tagging Auto-height Import & edit

Create share links and iframe code

Choose from CalcBE presets or paste any tool path. Preview the embed instantly and copy ready-to-use snippets.

Domain Preset Path

Parameters

Key	Type	Value

Append embed=1 Append UTM Use base64url JSON (cfg=) Use hash (#) Boolean format

Responsive (aspect-ratio) Height (px)

Import from existing URL

Live preview

Share link

Embed code

Auto-height listener snippet (optional)

How it's generated

Where teams use this builder

Instructional designers capture Worksheet Generator presets (seed, difficulty, topic mix) and publish cfg links so every class launches the same activity.
Content editors embed Graph Paper or Quick Charts inside knowledge bases with responsive iframe wrappers and consistent UTM tracking.
Intranets and LMS portals add the auto-height listener so embeds resize smoothly without scrollbars.

Frequently asked questions

How do I use the base64url cfg parameter?

Enable “Use base64url JSON (cfg=)” to convert the grid into JSON, encode it as UTF-8, transform it into base64url, and save everything in cfg=. The builder replaces + and / with - and _, removes trailing =, and keeps links intact across LMS editors.

How can I manage iframe height and responsive layouts?

Keep Responsive (aspect-ratio) enabled to render inside a 16:9 wrapper, or enter a fixed pixel height. Need dynamic height? Click “Copy auto-height snippet” and paste the generated listener into the host page so it reacts to calcbe:resize messages.