Send email notification from your HTML form without backend and JavaScript

Email notifications are an important tool for staying organized and keeping track of form submissions. Without email notifications, you would need to log in to your Getform account regularly to check for new submissions manually. With email notifications, you can receive alerts whenever a new submission comes in, so you can stay on top of your form data without having to constantly monitor your account.

In this article, we will guide you through the process of integrating Getform so that you can receive real-time email notifications of new form submissions.

You can send notification from your form with:

Static website
React.js
Vue.js
Next.js

and more.

Email example:

HTML Form

Here is the basic HTML form for your static website:

<form action="your-getform-endpoint" method="POST">
    <input type="text" name="name">
    <input type="email" name="email">
    <input type="text" name="message">
    <button type="submit">Send</button>
</form>

Create your Getform endpoint

Other Examples / Frameworks

Create dynamic form with Vue.js

Create dynamic form with React.js

Create dynamic form on static website

More examples of Getform

Form Notifications

Send Slack notification from your HTML form

Send Email Notification

Login your Getform account and go to your Dashboard
Navigate to Automation page and select the Send an email notification action on sidebar

Specify the email addresses to receive notifications
Click Save Changes at the bottom

If your form HTML includes an input with the attribute name="email", you can easily reply to the original sender's email address using your email client.

<form action="https://getform.io/f/{your-form-endpoint}" method="POST">
    <input type="email" name="email">
    <button type="submit">Send</button>
</form>

Visit this link for more information: Getform/docs