DEV Community

Cover image for How to Submit a web form and Receive instant notifications
Marc Garcia Torrent
Marc Garcia Torrent

Posted on

How to Submit a web form and Receive instant notifications

enter image description here


As a developer or web designer, when you create a web form, you need to specify some action. The action is a URL or endpoint that your form will be sent. Meaning that you need a backend (code) that receives your form and send you email notifications, saves the data, and something else.

But what happens if I don’t know how to create a backend? Or what happens if I don’t wanna create backend for a simple form?

For that reason, I’ve created ActionForms.io.

ActionForms.io is a No code — No backend Form sender for developers.

With ActionForms.io, you can easily send your contact forms, surveys, questions, any form or request that you can imagine without coding or configuring a backend.


How to Submit a web form and Receive instant notifications

First of all, you need to create an account in www.ActionForms.io, you can choose the free plan if you want, or purchase the Professional plan to get all the power.

Then you’ll need to create an Endpoint. An Endpoint is a URL where the form will be sent, and it looks like this:

enter image description here

Once we have our endpoint, we should add it to our web form with the action attribute:

<form action="https://dev.actionforms.io/e/r/contact-form" method="POST">
    <div>
        <label for="field_test">Field test</label>
        <input type="text" name="field_test">
    </div>

    <button type="submit">Send form</button>
</form>
Enter fullscreen mode Exit fullscreen mode

When we submit the form, our submission and all the data will be automatically stored in ActionForms.io platform, and we can see it at any time.

Now it’s time to receive notifications when somebody sends our form.

Using ActionForms.io to receive form notifications

ActionForms.io has many options and configurations, but one of I liked the most, are the Notifications.

There are really simple to use and they provide different channel notifications like Slack, Telegram, Email, and more coming.

To configure notifications, we just need to access to our endpoint settings and you’ll see the notification channels.

enter image description here

enter image description here

You can enable as many channels as you want! There is no limit, and you’ll be notified every time a user submits your forms

enter image description here

Check it out now here: https://www.actionforms.io

What else can I do with ActionForms.io?


We are developing more features every day and improving the platform. These are some of our features:

  • File uploads up to 20Mb
  • Endpoint fields rules
  • Recaptcha integration
  • Unlimited submissions
  • Unlimited endpoints
  • All notification channels
  • Premium integrations
  • And more coming…

And… how much it will cost me?

Right now we have to different plans. Free and Premium.

Our free plan is completely functional and you can use it in all your projects.

Our Premium plan has a lot of potential features, you’ll have unlimited power and perform incredible web flows throw your form requests.

Stop HERE! If you are here, you’ll have a huge discount, use this code to have a 30% lifetime discount! “MEDIUMMAGARRENT

Thank you for reading this post. I’m Marc, founder of ActionForms.io, follow me on Twitter @magarrent

Also, we have a Discord server available for our users, that we share suggestions and questions about the platform, feel free to Join us here!

Marc,

ActionForms.io

Top comments (0)