August 28, 2026 · 1 min read
How to embed a form or calculator on any website
The two ways every website accepts an embed, and how to make sure it resizes and looks native.
Whatever platform your site runs on, embedding comes down to one of two things: an HTML block or an embed link. Here is how to do it right.
The HTML block
WordPress, Webflow, Framer, Squarespace, Wix, Shopify and HubSpot all have a block or element that accepts raw HTML. You paste a snippet, publish, done. The snippet contains an iframe (the widget) and a small script (so the iframe resizes to fit its content).
Two things make an embed feel native rather than bolted on:
- Auto-height. Without it you get a scrollbar inside your page, or a huge empty gap. The script in Widgev's snippet listens for the widget's real height and sets it.
- Transparent background. The widget should sit on your page's colour, not in a white box. Widgev embeds are transparent by default; choose the light or dark version to match your page.
The embed link
Some tools, Notion for one, embed by URL rather than by code. Paste the widget's direct link into an embed block and the platform frames it for you.
Where to put it
- Pricing pages: a calculator above the fold, a demo form below.
- Product pages: a quote or lead form in the right column.
- Help and contact pages: a feedback or contact widget.
- Post-purchase pages: a one-question survey.
Step by step per platform
We keep exact click-paths for each platform on the install pages. Pick yours, follow the steps, and if the widget does not appear, the help center has the fixes for the two things that usually go wrong.