HTML FormsEmbedding forms
Embed hosted forms
Show a Formclick hosted form inline, in a popup, a floating button or a slide-in panel with one HTML attribute.
Forms built in the Formclick form builder have a public link (/f/…, /c/… for chat forms, /v/… for video forms). The same formclick.min.js script can embed them on your site. Add the script once, then mark an element with data-fc-embed.
Embed modes
<div data-fc-embed="inline" data-fc-src="https://formclick.io/f/your-form"></div>
<!-- Handles submit, file upload, loading state and success/error messages. -->
<script src="https://cdn.formclick.io/formclick.min.js"></script>Attributes
| Attribute | Values | Used by |
|---|---|---|
data-fc-embed | inline · popup · button · floating · slider · fullpage | All |
data-fc-src | Public form URL (/f/…, /c/…, /v/…) | All |
data-fc-height | Height in px (default 600) | Inline |
data-fc-auto-resize | false to keep a fixed height (default: grows with the form) | Inline |
data-fc-size | small · medium · large | Popup, button |
data-fc-open | click (default) · load · exit | Popup |
data-fc-delay | Seconds before a load popup opens | Popup |
data-fc-once | true to show a load/exit popup only once per visitor | Popup |
data-fc-label | Button text (default “Talk to us”) | Floating |
data-fc-position | bottom-right · bottom-left | Floating |
data-fc-side | right · left · bottom | Slide-in |
data-fc-color | Hex colour for the button or launcher, e.g. #645cec | Floating, slide-in |
Still need help? Contact support or email support@formclick.io.