Join the Webstudio community

Updated 2 months ago

Forms

At a glance

A community member is trialing webstudio and struggling to get a contact form with a webhook to work. They are not seeing the form fields (name, email, message) in the email notification, and there is no success message. The community member has watched tutorials but is still unsure of what properties or configurations are needed for the form fields. Other community members provide suggestions, such as checking if the fields have names, sending a share link to the project, and clarifying the difference between the value and name attributes. The community member also asks about connecting a webhook form to a newsletter tool like Audienceful, and a webstudio representative mentions that they have an open issue to enable more granular webhook requests.

Useful resources
All, I am trialing webstudio and struggle to get contact form with webhook to work: I get a notification but the fields don’t show in the email: name, email, message. Also don’t see a success message popping up. Watched the tutorial and am still clueless. Are there any properties or so which I need to configure the form fields with, other than define the expected input type? Any feedback is highly welcome. Thanks
O
G
J
26 comments
Which component did you use?
@Oleg Isonen thx for the prompt answer. Webhook as I understood the standard form does not work for a contact form to push out a notification email. Is this what you mean?
Even asked webstudio AI to write a simple contact form - no luck
Did you give each field a name?
Yes. Name, Email and Message.
Can you send me the project via a share link?
It looks ugly - just playing around to learn
Now the submit button does not react either anymore. ???
I think you pasted the wrong link
they are missing names
Attachment
image.png
I tried to set up a completely new webhook and kept it generic - this works as expected. So what I do is to try again - kind of lost the success and error message in the styled version
value field is the actual value of the input. I'd move that to placeholder if you want some placeholder text
Ah - I did confuse value with name?
Stupid me - sorry for bothering you! By the way - can I connect a webhook form to a newsletter tool? I used Audienceful in the past and like it - is this possible in webstudio similar to Webflow, that email and Name and so on a passed to audienceful.com subscriber list automatically?
it happens a lot no worries. The receiving end needs to have a webhook, like Airtable.

This issue will allow sending to more places https://github.com/webstudio-is/webstudio/issues/4093
You guys are pretty awesome. Laser fast in responding. Saw a number of your videos already in YouTube . They are great, thanks for your assistance!
Stay tuned. Lots more coming this week 🙂
Thanks for sharing: not sure what to do with it: I am not a regular github user. There are a few posts and otherwise I do not see anything. Should I?
You can subscribe on the right if you want to get updates about it. Otherwise, I was just sharing to make note that we have it on our todo list to enable more granular webhook requests
You can also put an emoji on it which is essentially an upvote
Add a reply
Sign up and join the conversation on Discord