Skip to content
formcrier
Start free
Integrations

Any website

One script tag listens to every form on your site, including pop-ups, multi-step forms and forms you add later. It waits for your form to succeed before sending, and never changes how your form works.

  1. 1

    Copy your script

    Your script has your site's public key built in. You'll find it in Sites → Install, or here once you've signed up.

    HTML 
    <script src="https://cdn.formcrier.com/v1/formcrier.js"
  data-key="pk_live_7Hq2mX" async></script>
  2. 2

    Paste it into your site

    Put it just before </body> on every page. On a site builder, use its custom code setting:

    Webflow
    Site settings → Custom code → Footer code
    Squarespace
    Settings → Advanced → Code injection → Footer
    Wix
    Settings → Custom code → Add custom code → Body, end
    Framer
    Site settings → General → Custom code → End of <body>
    Shopify
    Online Store → Themes → Edit code → theme.liquid, before </body>
  3. 3

    Publish and open your site

    Visit a page with a form. Within a minute, each form appears in your dashboard under Sites → Forms, marked "New — not listening yet".

  4. 4

    Turn on the forms you want

    Switch on each form you want alerts for, or turn on "Listen to all forms automatically". Then send yourself a test.

  5. 5

    Optional: forms that aren't normal HTML forms

    For React apps and custom widgets, send submissions yourself. Add data-formcrier-ignore to any form or field you never want sent.

    JavaScript 
    window.Formcrier.send({
  form: 'quote-request',
  fields: { name: 'Sarah Jones', phone: '07700 900123' }
});

<form data-formcrier-ignore>…</form>