Forms
Typeform-style client intakes that feed your pipeline.
Forms are step-by-step intakes with their own public link. Build them by hand, from a template, or describe what you need and let AI draft the questions.
- Question types: single/multi choice, short and long text, labelled field groups, sliders for budget and timeline, statements, and contact buttons.
- Sections group questions; respondents see one step at a time with progress.
- Theme it per form: brand color, typeface, corner style, header strip, or inject custom CSS.
- Attach a call: let respondents book before the questions or right after submitting.
- Every visit counts once; you see starts, completions, completion rate and time-to-finish.
Embed on your site
Every form also works inside your own website. Copy embed code in the builder's share menu gives you a ready iframe snippet: the form drops its own chrome (cover strip and logo) so it blends into your page. The URL takes a few optional knobs:
embed=1Embed mode: no cover, no logo, step counter in the button pill. The share menu sets this for you.bg=1b1b1bBackground as a hex value without the hash, or transparent to inherit your page.intro=0Skips the start screen, the first question is the first thing shown.pad=12Inner padding in px, 0 to 64. 0 sits flush with the iframe edge, default is 24.align=topPlaces the content top, center or bottom inside a fixed-height frame. Default is center.nav=bottomPins the button pill to the frame's bottom edge instead of under the content.fit=1Auto-height: the frame follows the form's height. Needs the snippet below.Auto-height
An iframe cannot measure what is inside it, so a fixed height either crops the form or leaves a gap. With fit=1 the form posts its height to your page, and a small script sizes the frame, animated, on every step change. Turn on Auto-height in the share menu and both snippets are generated for you:
<iframe src="https://www.systemos.so/f/your-form?embed=1&fit=1"
style="width:100%;border:0;display:block" scrolling="no"></iframe>
<script>
window.addEventListener("message", function (e) {
if (!e.data || e.data.type !== "systemos:height") return;
document.querySelectorAll("iframe").forEach(function (f) {
if (f.contentWindow !== e.source) return;
if (f.dataset.sysosSized) f.style.transition = "height 320ms cubic-bezier(0.23, 1, 0.32, 1)";
f.dataset.sysosSized = "1";
f.style.height = e.data.height + "px";
});
});
</script>The script goes on the page once and serves every SystemOS embed on it. With auto-height, align and nav do nothing: the frame is exactly as tall as the form.
Embedded or on its own link, it is the same live form. Edits go live everywhere at once, and responses land in the same place.