Dev Diary Ep67 - Send Form Data Anywhere with Webhooks

Hello again,

In today’s video, we take a look at sending form data to a Google Sheet via Zapier. Form webhooks are a pro-level feature and one that opens up a world of possibilities!

Watch today’s video to learn more about webhooks in Elements.

Send a Testimonial via the Form!

If you’d like to use the demo website and provide an Elements testimonial, click here.

Useful Links

Suggest a Feature

Don’t forget you can vote and suggest the features you want on our open Roadmap page.

Get Elements

Elements is currently in Early Access. You can visit the elementsapp.io website to purchase a license today.

Thanks for Your Feedback

As always, keep the feedback coming. Your input has made all the difference so far.

Thank you!

See you soon,
Dan & Team Realmac.

3 Likes

I assume we can use any URL, so a call to my own web API should be easy. Can we capture the response from that WebHook?

Originally posted in the wrong thread! :flushed_face:

Very interesting! :slightly_smiling_face:

Presumably, you don’t have to use Zapier to receive the web hook message e.g. you could send a message to Home Assistant or something home grown?

Leading on from that, is it possible to configure what the web hooks message payload is when being sent?

Looking at Zapier pricing, it seems to suggest that there is a monthly cost if you want to use webhooks?

Is there any other mechanism in the development pipeline to receive data from a webhooks source for displaying in an elements page?

Oh yes, I almost forgot, all I need now is an upgrade from Plus to a Pro license? :wink:

Correct. You can enter any URL you want :grinning_face_with_big_eyes:

Not currently. The API we ship in Elements acts as a wrapper and returns its own responses, we’ve done this for consistency across all services.

2 Likes

You can enter any URL you like, doesn’t have to be Zapier!

Not currently. The API will send all form fields as key values pairs in the body of the request.

Correct, Zapier is a paid for service and is absolutely worth it if you need/use the features.

There are other similar services out there that might be cheaper or offer a free tier.

Right now we are only sending data out via a webhook.

The app that will ship in Elements (and get published to your server) does have the ability to fetch data / receive data, but that’s not something we have actively planned - but the possibility is there when/if we want to do something like that :blush:

Is there any other mechanism in the development pipeline to receive data from a webhooks source for displaying in an elements page?

@logrunner I’m not sure if I fully understand your question, but if you mean whether it’s possible to import data collected in, for example, Google Sheets into Elements, then yes, that’s possible via a custom component. I’ve developed one that allows various data from Sheets to be implemented into a page, ranging from entire columns to specific cells. A practical example: you collect testimonials via Zapier in Google Sheets, and with the custom component, you can display them on your site.

1 Like

Hi Dan,

I have been trying to sign up for a cloud account and my email link never comes. I’ve check all my folders and nothing ever shows up. You Dev announcements come to the same address just fine. What should I do…

Aloha,

Paul

We’ll take a look, in the meantime do you have another email address you could try?

Hi Dan,

I used my [EMAIL REMOVED] email and it worked. However, I thought it had to be under my registered Elements account… But if it doesn’t matter I guess it’s fine. Can you confirm this?

Aloha,

Paul

Hi @808,

We’ve been looking into this issue. Could you try registering with your emc2 email address again and see if it works now?

Thanks!

Hey Dan,

No joy, for some reason it won’t come through. Might be my account which is with Rebel.com (imap), the one that worked is my original paulp@mac.com. Checked in junk and trash but nothing.

Has anyone else had an issue with a non-apple account?

Aloha,

Paul

Hey @808,

Thanks for trying again! I added better logging and notifications for failed email deliveries. It looks like AWS is flagging your email as a permanent bounce, which means it’s refusing to send messages to it.

This could be due to a cached bounce status or an issue with your email provider rejecting the messages. Are you able to check with your provider if they know what might be causing it?

Cheers

Do you guys have plans for formspree?

https://formspree.io/

Or what kind of recommandations do you have for forms?

You should be able to integrate with Formspree using the Webhook feature in our Form component. Simply set the Webhook URL to your Formspree endpoint, and our component will post the form data there.

I haven’t tested this in code, so I can’t guarantee it works out of the box, but in theory, it should.

Alternatively, you can use Webhooks to send form data to a service like Zapier, which connects to a wide range of platforms via plugins. That might give you even more flexibility, depending on your needs.

Am I right in that Webhook’s are only available in the Pro version?

Yes, that’s correct.

1 Like

Does that mean Forms will only be available in the Pro version ??

No, it means the Webhook feature is only available on Pro.