Add to your site

Every integration follows the same pattern: load the script, place the widget inside your form, verify the token on your server. Pick your platform below for precise instructions.

96 platform guides — Fluent Forms, Gravity Forms, React, Shopify, Webflow, serverless, and more. Browse all platforms →
Need keys? Create a free account, add a site, and copy your site key + secret key.

The pattern (all platforms)

  1. Load squeaker.js once on every page that has a protected form — typically before </body> or in your theme footer.
  2. Place <squeaker-widget> inside the form, before the submit button. On submit, the widget adds a hidden squeaker-token field.
  3. Verify on your server — read squeaker-token, POST it to /v1/verify with your secret key. Reject the submission if verification fails.

Platform guides only change where you paste the widget in your builder and which hook or handler runs verification. The widget HTML and verify API call stay the same.

Setup generator

Enter your site key, copy the universal steps, then select your platform for exact placement and a tailored snippet.

What each universal step does

StepWhereWhat happens
1 — ScriptPage HTML / theme footerLoads the widget web component
2 — WidgetInside your <form>Runs verification on submit; injects squeaker-token
3 — ServerYour backend / WordPress hookRejects bots if the token is missing or invalid

All platform guides

96 step-by-step guides — each page lists exact placement, server hooks, and a copy-paste snippet. Or use the setup generator above with your site key.

HTML forms

Contact, login, and sign-up forms you control directly in HTML. Paste the widget inside the <form> and verify the token in your backend handler.

WordPress & CMS

WordPress form plugins, page builders, and other CMS form modules. Load squeaker.js site-wide, embed via an HTML field, and verify on the server hook before the entry is saved.

Frameworks & backends

React, Next.js, Laravel, Django, and other app frameworks. Load the script once, use the <squeaker-widget> web component in your form template, verify in your API route or controller.

E-commerce & payments

Checkout, order, and payment forms. Use interactive mode on high-value flows; verify before creating orders or payment intents.

Membership & LMS

Registration, enrollment, and account creation. Interactive mode is recommended so users see verification complete before an account is created.

Marketing & lead gen

Newsletter signups, landing pages, and CRM forms. When the hosted form cannot accept custom HTML, use your own form page and forward verified submissions.

No-code & site builders

Webflow, Wix, Squarespace, and similar builders. Add squeaker.js in site-wide footer code and an HTML embed inside the form. Point the form to your own endpoint — built-in backends cannot verify tokens.

Serverless & edge

Vercel, Netlify, Cloudflare Workers, and other function hosts. Static HTML form + widget on the page; POST to your serverless handler that calls /v1/verify.

More detail