Join the Webstudio community

Updated 6 months ago

Hi, how does one get a form to work, to let it submit an emailaddress? And how to receive submissi?

At a glance

A community member is having trouble submitting a form they created using an AI tool in Webstudio. The community members discuss potential solutions, including creating a manual webhook form, copying the styling, and using Google Sheets to handle the form submissions. One community member provides a video tutorial on setting up a form with Webstudio and Make.com. The community members also discuss the limitations of the AI tool and the benefits of using more complex automation tools like Make.com, Zapier, or n8n. Ultimately, the community member is able to get the form working by creating a webhook directly in Google Sheets, which they find to be a simpler and more understandable solution for their needs.

Useful resources
I let the AI make me a form, adjusted a little and it looks fine now. But it's not possible to submit. What can I do, where should I look? (I come from squarespace, know nothing about coding)

I studied this: https://docs.webstudio.is/university/core-components/form, but I don't see it.

This is the site: https://dok-5-harlingen-degdw.wstd.io
O
E
M
24 comments
make sure you are using Webhook Form
I am @Oleg Isonen
Attachment
Schermafbeelding_2024-08-07_om_17.32.40.png
AI must have done something wrong, please create your own webhook form and move the contents to it
How can I copy the styling to the manual webhook form as well?
convert local styles on the old form to a token and just use that token on the new form
@Oleg Isonen Frustrating. Did like you said. Looks fine, but works only with the form fields that are "manually" added. And it needs to be at least 2 baked in formfields apparantly. AI is useless this way. Did I miss a warning for the AI somewhere? It costs hours to find out. Now have to start over again. Where do I find the best manual to learn about the forms?
Attachments
Schermafbeelding_2024-08-07_om_18.34.21.png
Schermafbeelding_2024-08-07_om_18.34.08.png
Hi Elisabeth! AI in Webstudio is in beta right now so sometimes it could not work properly. Don’t worry. What are you trying to do with form and what is the problem? Styling or logic?
Ah, beta, okay, thanks. I just want to collect e-mailaddresses from this temporary landingpage: https://dok-5-harlingen-degdw.wstd.io
Styling is fine, but submitted content isn't sent by mail. Tried a few hours ago the "baked in" form, that gave a result, see screenshot. Do I have to start over with baked in, or could I repair what I have?
Could you please send a share link in order to see how you configure this?
I sent you in DM
@Elisabeth I'm making a video and I gonna sent it here
I didn't make any styling because it's not the problem here
If you don't know how to correctly setup Google Sheet, you can see tutorials on youtube (don't worry it's really easy)
Thank you! No French, but I think I can manage with the video you made.
BTW, chatgpt told me that I can create a webhook directly in google sheet. Gave me code. Not working yet.
Surprise: it works! And for me better to understand 😅 / quicker. You have any reasons why not to apply this way?
For me I don’t use it because I make some more complex automatisations with make.com. So the google sheet webhook is not enough for me.

Second, it’s probably more complex to maintain the code and I don’t want to touch it (even if I’m not beginner).

Good if it works for you but if need more complex automation you should consider make, Zapier or n8n 🙂
Ah, I figured this would be the low maintenace solution. Few hours ago I didn't even know webhooks existed, so I just repeat what information is given to me. In a few weeks I probably don't remember about make.com or zapier or whatever. Thank you so much for helping me!
Add a reply
Sign up and join the conversation on Discord