formspark/documentation

Formspark documentation

Formspark documentation

Source of the Formspark documentation website.

https://documentation.formspark.io

documentation's Issues

How to use reCaptcha spam protection with Next.js useFormspark

How to protect form id?

Hello!

How can we protect our form id from getting swiped and used by someone else? I was wondering if there could be some URL level protection, so the form only works with specified URLs?

Thanks!

Integrate Sentry

Line break

I have an issue with line breaks.

I have a form set up with Webflow. When I receive the notification in my mail I get "\r\n" instead of the visitors line break. If I use a custom template the "\r\n" gets removed but it only replaces with a blank space and not a line break.

How do I fix this?

Automatically generate Form

Hi! Is it possible to have new forms created automatically via an API request if it doesn't exist via the backend? The hope is to have it so users can generate forms via a different platform such as Storyblok etc. Then when the form gets submitted it will then appear on Formspark?

Forms cannot be submitted.

submit-form.com’s server IP address could not be found. Forms submission failed.

integromat>> Make?

Hi, I see you've setup integromat (thanks that's amazing) but I can't find you in there now that they have rebranded to "make" ??

Update screenshots

Multiple entries

Sometimes I get multiple entries from a forum made in Webflow. One time I even got 6 copies. Is this a bug or what?

The form you can find here: https://www.bizapartmenthotel.se/en/kontakt

Next.js examples not working. `TypeError: Failed to Fetch` and `ERR_SSL_PROTOCOL_ERROR` on barebones example

Describe the Bug

When creating a barebones example for Next.js using the either the @formspark/use-formspark or fetch method I get the following errors:

https://submit-form.com/XXXXXX net::ERR_SSL_PROTOCOL_ERROR
Uncaught (in promise) TypeError: Failed to fetch

Expected behaviour

The form to successfully submit and the submission to appear in the FormSpark dashboard.

Steps to Reproduce

1. Create a new Next.js site npx create-next-app@latest and accept default suggestions
2. Add FormSpark's react hooks package pnpm install @formspark/use-formspark
3. Copy and paste FormSpark's Next.js example into a new component and import component in page.
4. Add text to message input and submit.
5. Fails and fails silently

Reproduction repository: https://github.com/bjh-dev/nextjs-formspark-test/
Reproduction URL: https://nextjs-formspark-test.vercel.app/

Other Details
Mac OSX 11.7.7
Node 19.8.1
Next.js 13.4.4
@formspark/use-formspark 0.1.39

How to manage \n and \r line breaks within handlebars template?

I'm working with a form that has a message field:

"message": "Testing the form, and how it looks\r\n\r\nHow to deal with paragraphs?",

Normally with handlebars, you'd be able to register a new helper in JS to manage this, but it doesn't work on the template:

Handlebars.registerHelper('paragraphs', function(message) { if (!message) return ''; return message.split("\r\n").join("<br>"); });

It would be amazing if you could include a function like this from your end, but if it's not possible - it would be good to have some documentation on handling this without JS in the template.

Form notification is received twice in every submission

I'm using framer form and I'm having some trouble setting the format for the phone number, it always switches with dashes even when I select from the format to have it without dashes. Ideally I'd like the format to be like this (Country code) [phone]. Could you please help me with this? the number (1) part from +971 of the country is detached from it.

Website form https://bond.aixinvestors.com/#book

Thanks!

hCaptcha AJAX example is missing

The documentation has examples for plain AJAX submissions, using reCAPTCHA as well as botpoison, but not hCaptcha. Botpoison needs _botpoison, reCAPTCHA needs g-recaptcha-response. What does hCaptcha need? I tried passing along token and ekey as returned by the hCaptcha React component, but that didn't work, so some documentation around this would be helpful.

File Upload Support?

Some form services allow file uploads, but I do not see any reference to this functionality in your documentation; is this supported at all?

Internal server error on fetch example

Hi, I'm trying to test a fetch example in my localhost (running apache locally) but when I send the POST request I get a 500 error with the message "Internal server error" and header x-cache: Error from cloudfront

This is my code:

      const name = document.getElementById("name").value;
      const email = document.getElementById("email").value;
      const message = document.getElementById("message").value;

      fetch("https://submit-form.com/xxx", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          Accept: "application/json",
        },
        body: JSON.stringify({
          name,
          email,
          message
        }),
      })
        .then(function (response) {
          console.log(response);
          return response.text();
        })
        .then(function (body) {
          console.log(body);
        })
        .catch(function (error) {
          console.error(error);
        });
    }

    document.getElementById("submit").addEventListener("click", submit);

Please demonstrate the use of an handlebar template by an example

I currently have no idea WHERE to write the template code... into the forms' code? A distinct file?

thanx for explaining :-)

Spell check

FR: cc or bcc field?

Is there a way to include a CC or BCC field that we can fill in per notification?
This way we could send a copy to the person who submitted the request.

login issues?

Hi, not sure where/how to get ahold of you but I noticed I'm getting a forbidden error when logging in. I"m getting {"message": "forbidden"}. I was alerted because my zapier connection is not working either. When will you be back up? thanks!