Formbutton
A popup contact form in one script tag.
Formbutton adds a floating button to any website. Click it and a clean popup contact form appears, and submissions land straight in your Formward dashboard. No build step, no framework, no dependencies. Paste one line of HTML and you're live.
The embed
Drop this near the end of your <body>:
<script src="https://app.formward.eu/formbutton.js"
data-form-id="your-form-id"
data-button-text="Contact us"
data-color="#00C871"></script>On Subresource Integrity (SRI): we don't recommend adding an
integrity= hash to this snippet. formbutton.js is a versioned first-party script we update over time, so a pinned hash would break your embed on every update. It's served over HTTPS from our origin.Options
Configure the widget with data-* attributes on the script tag.
| Attribute | Required | Description |
|---|---|---|
data-form-id | Required | Your Formward form ID. Used to build the endpoint. |
data-endpoint | Optional | Full POST URL. Overrides data-form-id when set. |
data-button-text | Optional | Text on the floating button and modal title. Defaults to “Contact”. |
data-color | Optional | Button and submit colour (any CSS colour). Defaults to #00C871. |
data-fields | Optional | Comma-separated field names. Defaults to name,email,message. |
Live demo
This page loads a live Formbutton in the bottom-right corner. Look for the “Try the demo” button. Click it to see the popup form. It's wired to a throwaway demo endpoint, so submitting won't reach a real form until you connect your own form ID.