Place your calculator exactly where it fits on the page — right from the Embed Form dialog.
What's new
- Inline — render at the embed code insertion point
- After specific tag — mount the form after a chosen HTML tag
- Before specific tag — mount the form before a chosen HTML tag
- Set the target in the HTML Tag field (tag name or CSS selector); the embed snippet updates automatically
Example: in Embed Form, choose After specific tag and set HTML Tag to #hero-cta. The generated snippet includes placement in the script URL:
<script id="form-dTV8bZyI">
(function() {
var script = document.createElement('script');
script.src = 'https://cdn.calcopolis.com/form/8/dTV8bZyI.js?anchor=%23hero-cta&position=after';
script.async = true;
var firstScript = document.getElementsByTagName('script')[0];
firstScript.parentNode.insertBefore(script, firstScript);
})();
</script>
Paste that code on your site — no extra API call needed.
Why it matters: You keep your page layout intact and still drop a calculator next to the right headline, CTA, or section — ideal for WordPress, Webflow, and custom sites.