A backend for your Webflow forms

Use Formspark to collect form submissions on exported sites.

Webflow is a platform that allows designers to build responsive websites with browser-based visual editing software.

Getting started with Webflow is simple

Start collecting data in a matter of clicks.

Let Formspark take care of the servers, databases, and analytics.

Set up any form in seconds.

markup

<!-- Project Settings > Custom Code > Footer Code -->
<script type="text/javascript">
  $('form[action^="https://submit-form.com"]').each(function (i, el) {
    form = $(el);
    form.submit(function (e) {
      e.preventDefault();
      form = $(e.target);
      action = form.attr("action");
      $.ajax({
        url: action,
        method: "POST",
        data: form.serialize(),
        dataType: "json",
        success: function () {
          parent = $(form.parent());
          parent.children("form").css("display", "none");
          parent.children(".w-form-done").css("display", "block");
        },
        error: function () {
          parent.find(".w-form-fail").css("display", "block");
        },
      });
    });
  });
</script>

A backend for your Webflow forms

Getting started with Webflow is simple

Links