# Netlify form submission notifications on your phone

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

- Company: Netlify (https://www.justpush.io/recipes/netlify)
- Event: `submission_created` (Form submission)
- Tags: Developer tools, Content
- Install: https://studio.justpush.io/recipes/netlify/form-submission
- Web page: https://www.justpush.io/recipes/netlify/form-submission

## Setup

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 (shown in Studio after install) as the URL.
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.

## Code

Studio calls `handleRequest(request)` with the incoming webhook (`{ method, headers, body, query, raw }`) and sends the message object it returns. Returning `null` sends nothing.

```js
// Netlify → form submission
// Fires when a Netlify Forms "HTTP POST request" submission notification sends a new
// (verified) submission.
// Docs: https://docs.netlify.com/manage/forms/notifications/

// Keep long text readable in a notification.
function clip(value, max = 120) {
    const text = typeof value === "string" ? value.replace(/\s+/g, " ").trim() : ""
    return text.length > max ? text.slice(0, max - 1) + "…" : text || null
}

function handleRequest(request) {
    const submission = request.body || {}
    const data = submission.data && typeof submission.data === "object" ? submission.data : {}

    // Guard: only form submissions (deploy notifications look different).
    if (!submission.form_id && !submission.form_name) {
        console.log("Not a Netlify form submission — skipping")
        return null
    }

    const who =
        submission.name ||
        [submission.first_name, submission.last_name].filter(Boolean).join(" ") ||
        data.name ||
        submission.email ||
        data.email
    const email = (submission.email || data.email) && (submission.email || data.email) !== who ? ` (${submission.email || data.email})` : ""
    // The summary is Netlify's short version of the message; fall back to the message field.
    const text = clip(submission.summary || submission.body || data.message)

    return {
        title: `📬 New ${submission.form_name ?? "form"} submission`,
        message: (who ? `${who}${email}` : "Someone") + (text ? `: ${text}` : ""),
        topic: "Netlify",
        priority: 0, // Normal — someone is waiting for a reply
    }
}
```

## Netlify submission_created webhook payload (sample)

```json
{
  "id": "5f1c9a440e3b4e7c9d2a7c1e",
  "body": "Hi! Do you ship to Belgium, and how long does delivery usually take?",
  "data": {
    "name": "Mark de Vries",
    "email": "mark@example.com",
    "message": "Hi! Do you ship to Belgium, and how long does delivery usually take?"
  },
  "name": "Mark de Vries",
  "email": "mark@example.com",
  "number": 42,
  "company": "",
  "form_id": "5a1b2c3d4e5f6a7b8c9d0e1f",
  "summary": "Hi! Do you ship to Belgium, and how long does delivery usually take?",
  "site_url": "https://acme-site.netlify.app",
  "form_name": "contact",
  "last_name": "de Vries",
  "created_at": "2026-09-29T09:12:00.000Z",
  "first_name": "Mark"
}
```

## FAQ

### 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.