Get started

Netlify form submission notifications on your phone.

Get a push notification when someone submits one of your Netlify Forms.

Install in Studio See the setup
submission_createdDeveloper toolsContent
How it works

Three steps to your first push

STEP 01

Install the recipe

One click in Studio gives you a personal webhook URL.

STEP 02

Paste your URL into Netlify

Add it as a webhook for Form submission.

STEP 03

Get a push on your phone

With the text, sound and buttons from the recipe.

Setup

How to set up the Netlify form submission webhook

  1. Click Install in Studio and sign in. The recipe is added to your account and you get a personal webhook URL.
  2. Follow the setup notes below: Netlify has separate notification screens for deploys and forms.
  3. Add an HTTP POST request notification with your webhook URL as the URL.https://••••••••/•••••••• your personal URL, shown after install
  4. Save.
  5. In Netlify, open the site's **Forms → Form notifications → Add notification → HTTP POST request**, choose one form or all forms, and paste the URL above. Only verified (non-spam) submissions are sent.
  6. The submission fields shown are the name, email and message; Netlify's webhook body isn't fully documented, so if your form uses different field names the push falls back to "Someone".
  7. Netlify can sign notifications with a JWS secret (`X-Webhook-Signature`), but JustPush doesn't check it yet, so keep your endpoint URL private.
The code

What runs when the webhook arrives

Studio calls handleRequest(request) with the incoming webhook and sends the message it returns. It's yours after install; change anything.

transform.js
1// Netlify → form submission
2// Fires when a Netlify Forms "HTTP POST request" submission notification sends a new
3// (verified) submission.
4// Docs: https://docs.netlify.com/manage/forms/notifications/
5
6// Keep long text readable in a notification.
7function clip(value, max = 120) {
8 const text = typeof value === "string" ? value.replace(/\s+/g, " ").trim() : ""
9 return text.length > max ? text.slice(0, max - 1) + "…" : text || null
10}
11
12function handleRequest(request) {
13 const submission = request.body || {}
14 const data = submission.data && typeof submission.data === "object" ? submission.data : {}
15
16 // Guard: only form submissions (deploy notifications look different).
17 if (!submission.form_id && !submission.form_name) {
18 console.log("Not a Netlify form submission — skipping")
19 return null
20 }
21
22 const who =
23 submission.name ||
24 [submission.first_name, submission.last_name].filter(Boolean).join(" ") ||
25 data.name ||
26 submission.email ||
27 data.email
28 const email = (submission.email || data.email) && (submission.email || data.email) !== who ? ` (${submission.email || data.email})` : ""
29 // The summary is Netlify's short version of the message; fall back to the message field.
30 const text = clip(submission.summary || submission.body || data.message)
31
32 return {
33 title: `📬 New ${submission.form_name ?? "form"} submission`,
34 message: (who ? `${who}${email}` : "Someone") + (text ? `: ${text}` : ""),
35 topic: "Netlify",
36 priority: 0, // Normal — someone is waiting for a reply
37 }
38}
Payload

The Netlify submission_created webhook

This is what Netlify sends to your URL for form submission. It is a sample, trimmed to the fields recipes use.

submission_created · sample.json
1{
2 "id": "5f1c9a440e3b4e7c9d2a7c1e",
3 "body": "Hi! Do you ship to Belgium, and how long does delivery usually take?",
4 "data": {
5 "name": "Mark de Vries",
6 "email": "[email protected]",
7 "message": "Hi! Do you ship to Belgium, and how long does delivery usually take?"
8 },
9 "name": "Mark de Vries",
10 "email": "[email protected]",
11 "number": 42,
12 "company": "",
13 "form_id": "5a1b2c3d4e5f6a7b8c9d0e1f",
14 "summary": "Hi! Do you ship to Belgium, and how long does delivery usually take?",
15 "site_url": "https://acme-site.netlify.app",
16 "form_name": "contact",
17 "last_name": "de Vries",
18 "created_at": "2026-09-29T09:12:00.000Z",
19 "first_name": "Mark"
20}
FAQ

Netlify form submission notifications: questions

Does this work on iPhone and Android?

Yes. Install the JustPush app from the App Store or Google Play and sign in. Every phone signed in to your account gets the notification.

Do I need to write code?

No. Install the recipe in Studio, paste your webhook URL into Netlify and you are done. The code is there if you want to change the text, the sound or the buttons.

Can I change what the notification says?

Yes. After install the recipe's code is yours. Edit it in Studio and test it against the sample payload before you save.

What does it cost?

JustPush is free for 30 days. After that it's $19.99 a year, or $39.99 once. There is no extra charge for recipes.

More recipes

More from Netlify

Netlify

Deploy

Get a push notification when a Netlify deploy succeeds or fails, louder when a production deploy breaks.

deployButtons

All 2 Netlify recipes

Content

More content recipes

WordPress

New comment

Get a push notification when someone comments on your WordPress site, with a button straight to the moderation queue when it needs approval.

comment.createdButtons
WordPress

Post published

Get a push notification when a post or page is published on your WordPress site, including scheduled posts going live.

post.publishedButtons

All content recipes

Ready when you are

Netlify on your phone in two minutes.

Install the recipe, paste one URL, done. Free for 30 days, no credit card required.

Install in Studio Download for iOS Download for Android