Formbutton builder

Build your Formbutton, see it live.

Set the text, colour, style and fields. The preview on the right loads the real widget, so the floating button and popup form are exactly what your visitors will see. When it looks right, copy the one-line embed and swap in your form ID.

Back to Formbutton

Configure

Button text

Shown on the floating button and as the popup title.

Accent colour

Button and submit colour. Text colour auto-adjusts for contrast.

Formward studio palette

Warm paper popup with a lime accent (adds data-theme="studio"). Off by default.

Style

Live preview

Loading preview…

The floating button is the real widget. Click it to open the popup. Submitting is illustrative in this preview.

Your embed

Paste this near the end of your <body> and swap your-form-id for your real form ID.

embed.html

<script src="https://formward.eu/formbutton.js"
  data-form-id="your-form-id"
  data-button-text="Contact us"
  data-color="#00C871"
  data-style="pill"
  data-fields="name,email,message"></script>