# Blockchain Notifications product page

**Route:** `/products/notifications`  
**Production URL:** `https://tatum.io/products/notifications`  
**Next.js page:** `src/app/notifications/page.tsx`  
**Browsable docs (AI / agents):** `/products/notifications.md` — raw markdown (`Content-Type: text/markdown`), no HTML chrome  
**Content negotiation:** `GET /products/notifications` with `Accept: text/markdown` returns the same markdown (per [Cloudflare Markdown for Agents](https://developers.cloudflare.com/fundamentals/reference/markdown-for-agents/))

Marketing page for Tatum Blockchain Notifications (webhooks). Content is migrated from Webflow HTML embeds and rendered through the shared embed pipeline used by other product routes.

## Page structure

The route composes three HTML embed sections inside `SiteShell` (nav + footer + global contact modal):

| Section | Embed file | Contents |
|---------|------------|----------|
| Hero | `src/content/embeds/notifications/hero.html` | Headline, CTAs, quick-start API preview, 25-chain network grid, trusted-by logos |
| Body 1 | `src/content/embeds/notifications/body-1.html` | Value props, event types, scale stats, pillars, case studies, CTA |
| Body 2 | `src/content/embeds/notifications/body-2.html` | Payload builder widget, usage/cost calculator, pricing |

Metadata (title, description, canonical, markdown alternate) lives in `src/app/notifications/page.tsx`.

## Hero

Inside `.ntf-hero`:

- **Eyebrow:** Blockchain Notifications
- **Headline:** Reliable blockchain webhooks for your app
- **Lead:** Subscribe to wallets, contracts, and tokens across major networks; verified events with retries and scale built in
- **CTAs:** Get started → `https://dashboard.tatum.io`; Documentation → `https://docs.tatum.io/docs/notifications`
- **Quick start preview:** `POST https://api.tatum.io/v4/subscription` with `x-api-key` and subscription body fields
- **Networks you can monitor:** 25 chains (Arbitrum, Avalanche, Base, Berachain, Bitcoin, Bitcoin Cash, BSC, Celo, Chiliz, Cronos, Dogecoin, Ethereum, Fantom, Flare, Kaia, Litecoin, Monad, Optimism, Polygon, Ripple, Solana, Tezos, Tron, Unichain, and more) — cards link to `#ntf-payload-builder`
- **Trusted by:** partner logo strip

## Body 1 — value, events, proof

Sections inside `.ntf-page`:

1. **Why teams use Tatum Notifications** — real-time delivery, payload templates, multi-chain coverage
2. **Track any on-chain event you need** — wallet transactions, stablecoin transfers, betting events, NFT-related events, loan settlement, any smart contract event
3. **Scale stats** — 600,000,000+ subscriptions; 1,000,000+ notifications sent daily
4. **Easy-to-use, reliable, fast** — three pillars
5. **Trusted by teams** — case-study tiles (Hex Trust, Zengo, CryptoSlam, Elliptic)
6. **Start using Tatum today** — Get started + Read Docs CTAs

## Body 2 — payload builder + calculator

Sections inside `.ntf-sec2-root`:

1. **Explore chains and notification types** — `#ntf-payload-builder` interactive payload widget (`data-widget="notifications-payload"`)
2. **Estimate notification usage and cost** — `#ntf-notifications-calculator` credit/usage slider with billing period tabs

## Editing embeds

Embed HTML lives under `src/content/embeds/notifications/`. After any edit, rebundle before build or deploy:

```bash
node scripts/bundle-embeds.mjs
# or rely on predev / prebuild hooks:
npm run dev
npm run build
```

Agent markdown docs are bundled the same way:

```bash
node scripts/bundle-markdown.mjs
```

This writes `src/lib/markdown-bundles.generated.ts` from `NOTIFICATIONS.md` (and other product docs; runs automatically on `npm run dev` / `npm run build`).

## Local preview

```bash
npm run dev
```

Open [http://localhost:3012/products/notifications](http://localhost:3012/products/notifications).

## Crawl & indexing

| URL | Google | AI agents |
|-----|--------|-----------|
| `/products/notifications` | **Indexed** (HTML) — also serves markdown when `Accept: text/markdown` |
| `/products/notifications.md` | **Not indexed** — direct markdown URL with `X-Robots-Tag: noindex` |
| `/products/api/*` | **Not indexed** — `X-Robots-Tag: noindex` on the response |

This app is mounted at `/products` on the main Webflow site. The supplemental sitemap (`/products/sitemap.xml`) is owned by this repo; link it from Webflow’s **root** `robots.txt` (see [WEBFLOW.md](./WEBFLOW.md)).

The HTML product page exposes `<link rel="alternate" type="text/markdown" href="…/notifications.md">` so agents can discover the raw doc without it competing in search results.

No environment variables are required for this page (unlike Price API).

## Deployment

Deployed with the rest of the app to Webflow Cloud at mount path `/products`. See [WEBFLOW.md](./WEBFLOW.md).

## Related links

| Resource | URL |
|----------|-----|
| Notifications docs | https://docs.tatum.io/docs/notifications |
| Create subscription API | https://docs.tatum.io/reference/createsubscriptionv4 |
| Dashboard | https://dashboard.tatum.io |
| Tatum docs | https://docs.tatum.io |