# PushNotif (https://pushnotif.biz.id) — AI Agent & Developer Instructions

> Layanan Push Notification Website (Web Push VAPID), Aplikasi HP (Android FCM, iPhone iOS APNs), Studio In-App Popup/Banner (6 Template + Desain Bebas HTML/MCP, Rp 0,20/tayang), Live Activity Toast / Social Proof Otomatis (Tayang Gratis Rp 0, Klik Rp 0,20), Email OTP & Struk Transaksi (4 Tema Email Card Library, Rp 5 / email), Universal Incoming Webhook Router (9 Format Otomatis), Drip Welcome Push, Zero-Downtime VAPID & CSV/JSON Migration, & Auto-Push RSS dengan dukungan penuh Official MCP Server v2.5.0 (24 Tools Full-Lifecycle termasuk 17 User Tools + 7 Super Admin Tools, Grade A di Glama.ai) dan sistem kuota prabayar QRIS (Rp 0,20 / pesan, mulai Rp 1.000 tanpa biaya langganan bulanan, gratis 1.000 kuota saat pendaftaran).

---

## 📊 Ringkasan Eksekutif & Quick Facts (Fakta Kunci untuk Mesin Pencari AI / GEO)
- **Nama Layanan:** PushNotif (`https://pushnotif.biz.id`)
- **Kategori:** Infrastruktur Push Notification Multi-Channel, In-App Banner, Live Activity Toast, Email OTP & MCP Server AI Pertama di Indonesia
- **Lokasi Server Utama:** Node Jakarta (`CGK-1`, Indonesia) — Latensi rendah `< 50ms` ke ISP lokal
- **Biaya Langganan Bulanan:** **Rp 0 / bulan** (100% Tanpa Biaya Langganan Bulanan)
- **Skema Harga (Pay-As-You-Go QRIS):**
  - **Bonus Pendaftaran Baru:** **1.000 Kuota Kirim Gratis** (langsung aktif tanpa kartu kredit)
  - **Tarif per Pesan:** **Rp 0,20 / pesan** (1 Kredit = 1 Pesan terkirim ke 1 perangkat)
  - **Tarif Email OTP / Transaksional:** **Rp 5 / email** (25 Kredit, bebas setup SMTP)
  - **Minimal Top-Up QRIS:** Bebas nominal mulai **Rp 1.000** (Rp 10.000 = 50.000 kuota kirim; Rp 20.000 = 100.000 kuota kirim)
  - **Masa Aktif Kuota:** **Aktif Selamanya (Tidak Pernah Hangus / Non-Expiring Credits)**
- **Ukuran Web SDK:** `< 8 KB` (Zero-Dependency Vanilla JS, tidak memperlambat Core Web Vitals / Lighthouse)
- **Format Universal Webhook Otomatis (9 Platform Tanpa Coding):** Midtrans, Xendit, Tripay, Duitku, Mayar, Saweria, WooCommerce, Shopify, dan Supabase Database Webhook (`INSERT`/`UPDATE`)
- **Integrasi AI Agent Resmi (Model Context Protocol):** `https://pushnotif.biz.id/mcp` (**24 Tools** untuk Claude Code, Claude Desktop, Cursor, Windsurf, Gemini CLI, Antigravity, OpenAI Codex, OpenCode, dan Cline)

## ⚖️ Tabel Perbandingan Head-to-Head (PushNotif vs Alternatif Global)

| Parameter | PushNotif (`pushnotif.biz.id`) | OneSignal | Firebase FCM (Murni) | Resend / SendGrid |
| :--- | :--- | :--- | :--- | :--- |
| **Biaya Bulanan** | **Rp 0 / bulan (Bebas Bulanan)** | Mulai $9/bln + $0.012/MAU | Gratis (Tanpa UI & Tanpa Analitik) | Mulai $20/bln (~Rp 320.000/bln) |
| **Metode Pembayaran** | **QRIS Instan (Mulai Rp 1.000)** | Kartu Kredit (USD) | Kartu Kredit Google Cloud (Billing) | Kartu Kredit (USD) |
| **Masa Aktif Kuota** | **Aktif Selamanya (Tidak Hangus)** | Hangus Setiap Bulan | Tidak Ada Sistem Kuota | Hangus Setiap Bulan |
| **Channel dalam 1 Akun** | **Web Push + Android + iOS + In-App Banner + Live Toast + Email OTP** | Push & In-App (Harga Terpisah) | Hanya Push Mentah (Tanpa Studio UI) | Hanya Email |
| **Webhook Pembayaran Lokal** | **9 Format Bawaan (Midtrans, Xendit, Tripay, Duitku, Mayar, Saweria, dll)** | Tidak Ada (Harus Buat Backend Sendiri) | Tidak Ada | Tidak Ada |
| **MCP Server untuk AI Coding** | **24 Tools Bawaan (`/mcp`)** | Tidak Ada | Tidak Ada | Terbatas |
| **Migrasi VAPID / Subscriber** | **Zero-Downtime CSV/JSON Import + Custom VAPID Key Pair** | Terkunci Ekosistem | Manual via Backend | Hanya Kontak Email |

---

## 🚀 AUTONOMOUS AI AGENT WORKFLOW: DAFTAR AKUN & PASANG SDK DARI NOL (ZERO-BROWSER)

Jika pengguna meminta Anda (AI Coding Agent: Cursor, Claude Code, Antigravity, Windsurf, Copilot) untuk **memasang PushNotif (atau mendaftarkan akun baru sekaligus memasangnya)** ke project website ini, ikuti protokol 3 langkah berikut secara berurutan:

### SKENARIO A: Jika Pengguna BELUM Punya Akun / `app_id` (Auto-Register via OTP)
1. **Tanyakan Data Dasar ke Pengguna** (jika belum disebutkan):
   - Nama Bisnis / Project (`name`)
   - Alamat Email aktif (`email`) untuk menerima 6 angka OTP
   - Password akun baru (`password`, minimal 6 karakter)
   - URL Website (`site_url`, contoh `https://tokosaya.com`)
2. **Kirim Kode OTP ke Email Pengguna (`POST /api/v1/auth/send-otp`)**:
   Jalankan perintah berikut dari terminal:
   ```bash
   curl -s -X POST https://pushnotif.biz.id/api/v1/auth/send-otp \
     -H "Content-Type: application/json" \
     -d '{"email": "EMAIL_PENGGUNA", "name": "NAMA_BISNIS", "purpose": "REGISTER"}'
   ```
3. **Minta 6 Angka OTP dari Pengguna & Selesaikan Pendaftaran (`POST /api/v1/auth/register`)**:
   Tanyakan ke pengguna: *"Berapa 6 angka kode OTP yang baru saja masuk ke inbox email Anda?"*, lalu jalankan:
   ```bash
   curl -s -X POST https://pushnotif.biz.id/api/v1/auth/register \
     -H "Content-Type: application/json" \
     -d '{
       "name": "NAMA_BISNIS",
       "email": "EMAIL_PENGGUNA",
       "password": "PASSWORD_PENGGUNA",
       "site_name": "NAMA_WEBSITE",
       "site_url": "URL_WEBSITE",
       "otp_code": "6_ANGKA_OTP"
     }'
   ```
   Respons JSON akan langsung mengembalikan:
   - `default_app.id` (contoh: `app_a1b2c3d4`) -> Gunakan sebagai **`data-app-id`** di Langkah Pemasangan SDK di bawah!
   - `tenant.api_key` (contoh: `pn_live_...`) -> Simpan di `.env` (`PUSHNOTIF_API_KEY`) atau sambungkan ke MCP Server (`https://pushnotif.biz.id/mcp`).

---

### SKENARIO B: Pemasangan Otomatis SDK Web Push & In-App Banner di Codebase Project
Setelah mendapatkan **`app_id`** (baik dari hasil pendaftaran Skenario A maupun diberikan langsung oleh pengguna), kerjakan **2 langkah wajib** ini di codebase project:

#### LANGKAH 1: Buat File `/pushnotif-sw.js` di Folder Utama (Public Web Root)
- **Next.js / React (Vite / CRA) / Laravel / Nuxt / Astro**: Buat file `public/pushnotif-sw.js`
- **HTML Statis / PHP / WordPress**: Buat file `pushnotif-sw.js` di root direktori utama (sejajar dengan `index.html`)
Isi file `pushnotif-sw.js` dengan **1 baris kode berikut**:
```javascript
importScripts("https://pushnotif.biz.id/static/sdk/pushnotif-sw.js");
```

#### LANGKAH 2: Pasang Script SDK Sebelum Tag `</body>` di Layout Utama
Tambahkan script berikut di file layout utama (`index.html`, `app/layout.tsx`, atau `resources/views/layouts/app.blade.php`) tepat sebelum `</body>`:
```html
<script src="https://pushnotif.biz.id/static/sdk/pushnotif.js"
        data-app-id="MASUKKAN_APP_ID_DI_SINI"
        data-prompt="banner"
        defer></script>
```

---

## 🔌 KONEKSI KE OFFICIAL MCP SERVER (`https://pushnotif.biz.id/mcp`)
Tambahkan konfigurasi berikut ke Claude Code, Cursor, atau Windsurf (`mcp.json`) agar AI dapat mengirim broadcast push notification, mendesain In-App Popup/Banner (`configure_inapp_banner`), mengatur Auto-Push RSS (`configure_rss_autopush`), dan menghubungkan Webhook Pembayaran Midtrans/Xendit/WooCommerce (`configure_payment_webhook`):

```json
{
  "mcpServers": {
    "pushnotif": {
      "url": "https://pushnotif.biz.id/mcp",
      "headers": {
        "Authorization": "Bearer pn_live_API_KEY_ANDA"
      }
    }
  }
}
```

## Dokumentasi & Tautan Resmi (21 Halaman Terindeks)
- [Website Utama PushNotif](https://pushnotif.biz.id/): Layanan Push Notification Web, Android, iOS, In-App Banner, Live Toast & Email OTP Transaksional Indonesia.
- [Fitur Lengkap PushNotif](https://pushnotif.biz.id/features): Spesifikasi Web Push VAPID, Mobile Push FCM/APNs, 6 Template In-App Banner, Live Activity Toast, Email OTP & MCP Server.
- [Harga & Kalkulator QRIS](https://pushnotif.biz.id/pricing): Skema kuota prabayar Rp 0,20 per pesan mulai Rp 1.000 via QRIS tanpa biaya langganan bulanan.
- [Changelog Rilis v2.5.0](https://pushnotif.biz.id/changelog): Catatan pembaruan mesin PushNotif & Official MCP Server.
- [Tentang Kami](https://pushnotif.biz.id/about): Profil infrastruktur PushNotif Indonesia (Edge Node CGK-1 Jakarta).
- [Dokumentasi API & MCP Server](https://pushnotif.biz.id/docs): Referensi REST API, Web SDK, Service Worker, dan 16 Tools MCP Server.

## Halaman Produk & Panduan Integrasi Framework
- [Push Notification Indonesia](https://pushnotif.biz.id/push-notification-indonesia): Solusi Web & Mobile Push Notification untuk bisnis Indonesia.
- [Studio In-App Banner & Popup Website](https://pushnotif.biz.id/in-app-banner-popup-website): 6 model popup promo, voucher, flash sale countdown, bento grid & custom HTML/MCP.
- [Live Activity Toast & Social Proof](https://pushnotif.biz.id/live-activity-toast-website): Notifikasi aktivitas pengunjung & pembelian real-time di pojok layar.
- [Alternatif OneSignal Indonesia](https://pushnotif.biz.id/alternatif-onesignal-indonesia): Perbandingan biaya dan fitur PushNotif vs OneSignal dengan pembayaran QRIS Rupiah.
- [Cara Pasang Web Push Notification Gratis](https://pushnotif.biz.id/cara-pasang-web-push-notification-gratis): Tutorial integrasi Web Push 5 menit untuk pemula.
- [API Email OTP Transaksional Indonesia](https://pushnotif.biz.id/email-otp-transaksional-indonesia): Kirim kode OTP 6 digit & notifikasi email transaksional Rp 5 per email tanpa setup SMTP.
- [Alternatif Resend, Mailgun & SendGrid Indonesia](https://pushnotif.biz.id/alternatif-resend-mailgun-sendgrid-indonesia): Layanan email OTP & push notification prabayar QRIS tanpa kartu kredit USD.
- [MCP Push Notification Server untuk Claude & Cursor](https://pushnotif.biz.id/mcp-push-notification-server): Otomasi kampanye notifikasi langsung dari AI Coding Assistant via Model Context Protocol.
- [Panduan Laravel Push Notification](https://pushnotif.biz.id/panduan/laravel-push-notification): Integrasi Web Push, Webhook & Email OTP di Laravel.
- [Panduan Next.js & React Push Notification](https://pushnotif.biz.id/panduan/nextjs-react-push-notification): Setup Service Worker & SDK di Next.js App Router dan React.
- [Plugin WordPress & WooCommerce Notifikasi](https://pushnotif.biz.id/panduan/wordpress-woocommerce-notifikasi): Plugin 1-klik WordPress dan notifikasi pesanan WooCommerce otomatis.
- [Panduan Flutter Android & iOS Push Notification](https://pushnotif.biz.id/panduan/flutter-android-ios-push-notification): Integrasi native Android FCM & iPhone APNs di aplikasi Flutter.
- [Panduan PWA iOS Safari Web Push](https://pushnotif.biz.id/panduan/pwa-ios-safari-web-push): Cara mengaktifkan Web Push Notification di iPhone & iPad (iOS 16.4+ PWA).
- [Panduan Auto-Push RSS Artikel Blog](https://pushnotif.biz.id/panduan/rss-auto-push-artikel-blog): Kirim notifikasi otomatis setiap kali artikel baru terbit di RSS/Atom feed.
- [Webhook Notifikasi Pembayaran Otomatis](https://pushnotif.biz.id/webhook-notifikasi-pembayaran-otomatis): Integrasi webhook Midtrans, Xendit, Tripay & Duitku untuk notifikasi pembayaran lunas.
- [Universal Incoming Webhook (Supabase, Saweria, Shopify)](https://pushnotif.biz.id/panduan/webhook-supabase-saweria-shopify): Satu endpoint webhook pintar untuk memetakan event Supabase Database/Auth, donasi Saweria/Trakteer, dan order Shopify ke Live Activity Toast + Push Notification + Email Struk.
- [Migrasi OneSignal & LaraPush + Welcome Push Drip](https://pushnotif.biz.id/panduan/migrasi-onesignal-larapush-welcome-push): Panduan Zero-Downtime Migration untuk mengimpor Custom VAPID Key & ribuan subscriber CSV/JSON lama Anda beserta fitur Drip Welcome Push otomatis.
- [Claude Code & Desktop MCP Push Notification](https://pushnotif.biz.id/mcp/claude-code-push-notification): Setup 1-baris CLI `claude mcp add` untuk broadcast notifikasi & manajemen aplikasi langsung dari Claude Code.
- [Cursor & Windsurf MCP Push Notification](https://pushnotif.biz.id/mcp/cursor-windsurf-push-notification): Konfigurasi `.cursor/mcp.json` dan Windsurf Cascade untuk otomasi Web Push, In-App Banner & Email OTP.
- [Google Antigravity & Gemini CLI MCP](https://pushnotif.biz.id/mcp/gemini-antigravity-push-notification): Integrasi native 24 tools PushNotif di Google Antigravity IDE dan Gemini CLI.
- [OpenAI Codex, OpenCode & Cline MCP](https://pushnotif.biz.id/mcp/openai-codex-opencode-cline): Panduan konektor MCP untuk OpenCode, OpenAI Codex CLI, Cline, Roo Code, dan VS Code Copilot.
- [Full Knowledge Base Corpus (/llms-full.txt)](https://pushnotif.biz.id/llms-full.txt): Dokumen tunggal berisi seluruh 19 panduan teknis, tabel perbandingan harga, kode integrasi, dan SKILL.md untuk AI Ingestion.
- [Official Agent SKILL.md](https://pushnotif.biz.id/SKILL.md): Spesifikasi Agent Skills standar untuk pendaftaran akun otomatis via OTP dan instalasi SDK.

================================================================================
# FULL KNOWLEDGE BASE & TECHNICAL GUIDES (19 DEDICATED PAGES)
================================================================================

# Cara Pasang Live Activity Toast & Notifikasi Social Proof di Website (Tayang Gratis Rp 0)

> **URL Resmi:** https://pushnotif.biz.id/live-activity-toast-website
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Tingkatkan konversi website dengan Live Activity Toast & Social Proof otomatis. Tampilkan pendaftaran dan transaksi real-time: tayang gratis Rp 0, klik Rp 0,20.

## Live Activity Toast & Social Proof Otomatis: Tayang Gratis di Website, Bayar Hanya Saat Diklik (Rp 0,20)
Bikin website Anda terlihat hidup dan dipercaya pengunjung baru sejak detik pertama. Tampilkan aktivitas pendaftaran, login, atau pembelian nyata di pojok layar secara otomatis tanpa perlu berlangganan layanan Social Proof bulanan yang mahal.

### Keunggulan Utama
- **[01 // TAYANG GRATIS RP 0 (PAY-PER-CLICK)] Tidak Menguras Kuota Saat Trafik Ramai**: Berbeda dari layanan lain yang memotong kuota setiap kali toast muncul, di PushNotif biaya tayang Live Activity Toast adalah Rp 0 (Gratis)! Saldo hanya terpotong 1 Kredit (Rp 0,20) jika pengunjung benar-benar mengklik kartu toast.
- **[02 // DETEKSI AKTIVITAS OTOMATIS + SENSOR PRIVASI] Auto-Capture Login, Daftar & Checkout**: Script SDK ringan kami (8 KB) otomatis mendeteksi aktivitas baru di website Anda dan menyensor alamat email atau nomor HP secara otomatis agar privasi pengunjung 100% terjaga.
- **[03 // AKSI GANDA: LINK PROMO ATAU 1-KLIK SUBSCRIBE] Ubah Pengunjung Jadi Pelanggan Push**: Saat kartu Live Activity Toast diklik, Anda bebas mengarahkannya ke halaman produk/promo atau langsung mengaktifkan izin lonceng Web Push Notification dalam 1 ketukan.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Biaya Berlangganan Bulanan** | ✓ Rp 0 / Bulan (Isi Saldo QRIS mulai Rp 1.000) | $19 – $79 / bulan (Fomo / ProveSource / Nudgify) |
| **Biaya Saat Toast Tayang (Impresi)** | ✓ GRATIS Rp 0 / Tayang (Bebas Tampil Sepuasnya) | Dibatasi kuota impresi bulanan |
| **Biaya Saat Toast Diklik (CTR)** | ✓ Hanya Rp 0,20 (1 Kredit) per Klik Nyata | Tetap bayar penuh meski tidak ada yang klik |
| **Perlindungan Privasi Pengunjung** | ✓ Otomatis Sensor Email & Nomor HP ([member]) | Sering harus disensor manual dari backend |
| **Ukuran Script & Kecepatan Web** | ✓ < 8 KB Async (Sudah 1 Paket dengan Web Push) | Script pihak ketiga tambahan (30–80 KB) |

### Aktifkan Live Activity Toast + Web Push Cukup dengan 1 Baris Script:
```
<!-- Tempelkan 1 baris ini sebelum </head> atau 
  <!-- LIVE INTERACTIVE PREVIEW OVERLAY FOR TOAST & POPUP -->
  <div id="landing-feature-preview-toast" hidden style="position:fixed;bottom:20px;right:20px;left:20px;max-width:360px;margin:0 auto;z-index:9998;background:#0f172a;color:#f8fafc;border:1px solid rgba(56,189,248,0.35);border-radius:14px;padding:13px 15px;box-shadow:0 18px 38px rgba(15,23,42,0.38);">
    <style>#landing-feature-preview-toast[hidden], #landing-feature-preview-popup[hidden]{{display:none !important;}}</style>
    <div style="display:flex;align-items:center;gap:11px;">
      <div style="width:36px;height:36px;border-radius:10px;background:rgba(16,185,129,0.18);color:#34d399;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0;">⚡</div>
      <div style="flex:1;min-width:0;">
        <div style="font-size:0.68rem;color:#34d399;font-weight:700;white-space:nowrap;">● AKTIVITAS REAL-TIME · TAYANG RP 0</div>
        <div style="font-size:0.83rem;font-weight:700;color:#ffffff;margin-top:1px;">Budi dari Surabaya baru saja membeli</div>
        <div style="font-size:0.77rem;color:#cbd5e1;">Paket Kopi Susu Aren 1 Liter · 1 menit lalu</div>
      </div>
      <button type="button" onclick="document.getElementById('landing-feature-preview-toast').hidden=true;" style="background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:13px;">✕</button>
    </div>
  </div>
  <div id="landing-feature-preview-popup" hidden style="position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,0.62);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px;" onclick="if(event.target===this)this.hidden=true;">
    <div style="width:100%;max-width:380px;background:#ffffff;color:#0f172a;border:1px solid #cbd5e1;border-radius:18px;padding:22px;box-shadow:0 24px 48px rgba(15,23,42,0.32);text-align:center;position:relative;">
      <button type="button" onclick="document.getElementById('landing-feature-preview-popup').hidden=true;" style="position:absolute;top:12px;right:14px;background:transparent;border:none;color:#64748b;cursor:pointer;font-size:15px;">✕</button>
      <span class="mono" style="font-size:0.68rem;font-weight:800;background:#eff6ff;color:#0051d5;padding:4px 10px;border-radius:6px;">CONTOH IN-APP POPUP PROMO</span>
      <h3 style="font-size:1.15rem;font-weight:800;margin-top:12px;">Voucher Diskon 30% Khusus Hari Ini!</h3>
      <p style="font-size:0.84rem;color:#475569;margin-top:6px;line-height:1.5;">Sapa setiap pengunjung yang membuka website Anda walaupun mereka belum mengaktifkan izin lonceng browser.</p>
      <a href="/auth" class="btn-primary" style="width:100%;justify-content:center;margin-top:16px;">Pasang di Website Saya (Gratis 1.000 Kuota) →</a>
    </div>
  </div>
  <script>
  window.previewLandingFeature = function(kind) {{
    try {{
      const Ctx = window.AudioContext || window.webkitAudioContext;
      if (Ctx) {{
        const ctx = new Ctx();
        const o = ctx.createOscillator(), g = ctx.createGain();
        o.type = 'sine'; o.frequency.setValueAtTime(987.77, ctx.currentTime);
        g.gain.setValueAtTime(0.12, ctx.currentTime);
        g.gain.exponentialRampToValueAtTime(0.001, ctx.currentTime + 0.18);
        o.connect(g); g.connect(ctx.destination);
        o.start(); o.stop(ctx.currentTime + 0.18);
      }}
    }} catch (_) {{}}
    const t = document.getElementById('landing-feature-preview-toast');
    const p = document.getElementById('landing-feature-preview-popup');
    if (kind === 'popup') {{
      if (t) t.hidden = true;
      if (p) p.hidden = false;
    }} else {{
      if (p) p.hidden = true;
      if (t) {{
        t.hidden = false;
        clearTimeout(window._pnPrevToastTimer);
        window._pnPrevToastTimer = setTimeout(() => {{ t.hidden = true; }}, 6500);
      }}
    }}
  }};
  </script>


  <script>
  (function(){{
    fetch('/api/v1/auth/promo-status',{{credentials:'same-origin'}}).then(function(r){{return r.json();}}).then(function(d){{
      if(d && d.logged_in){{
        document.querySelectorAll('a[href^="/auth"]').forEach(function(a){{
          if(a.textContent.indexOf('Masuk')!==-1 && a.parentElement && a.parentElement.querySelectorAll('a[href^="/auth"]').length>1){{
            a.style.display='none';
          }} else if(a.closest('nav') || a.closest('header') || a.classList.contains('btn-nav-primary') || a.classList.contains('btn-primary')){{
            a.href='/dashboard';
            if(a.closest('nav') || a.closest('header')) a.textContent='Buka Dashboard →';
          }}
        }});
      }}
    }}).catch(function(){{}});
  }})();
  </script>
</body> -->
<script src="https://pushnotif.biz.id/sdk/pushnotif.js" data-app-id="app_YOUR_APP_ID" defer></script>

<!-- Opsional: Kirim event aktivitas kustom dari halaman checkout/form Anda -->
<script>
  fetch("https://pushnotif.biz.id/api/v1/apps/app_YOUR_APP_ID/auto-capture-event", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      event_type: "purchase",
      event_title: "Transaksi Baru Berhasil",
      event_body: "Pelanggan dari Jakarta baru saja memesan Paket Pro",
      page_url: "https://website-anda.com/promo"
    })
  });
</script>
```

### Pertanyaan Umum (FAQ)
- **Q: Apa bedanya Studio In-App Popup dengan Live Activity Toast di PushNotif?**
  A: Studio In-App Popup berfungsi menampilkan pengumuman besar atau poster promo (Modal Tengah / Sticky Bar Atas) dengan biaya Rp 0,20 per tayang. Sedangkan Live Activity Toast menampilkan kartu aktivitas real-time berukuran ringkas di pojok layar (seperti bukti pendaftaran atau transaksi terbaru) yang muncul selama 5 detik dengan biaya tayang Rp 0 (Gratis) dan hanya memotong Rp 0,20 saat diklik.
- **Q: Apakah benar biaya tayang Live Activity Toast gratis Rp 0?**
  A: Benar 100%! Kami merancang Live Activity Toast dengan skema Pay-Per-Click: meskipun website Anda dikunjungi puluhan ribu orang per hari dan toast tampil berkali-kali, saldo kredit Anda tidak berkurang sepeser pun kecuali pengunjung mengklik kartu toast tersebut (1 klik = 1 kredit = Rp 0,20).
- **Q: Apakah data email atau nomor telepon pembeli aman saat otomatis ditampilkan di Toast?**
  A: Sangat aman. Endpoint auto-capture PushNotif dilengkapi filter privasi otomatis yang menyensor setiap pola alamat email dan deretan angka sensitif sebelum disimpan, sehingga yang tampil di layar pengunjung lain hanya informasi aman yang sudah disamarkan.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Cara Pasang In-App Popup, Promo Bar & Floating Banner di Website (Tanpa Plugin Berat)

> **URL Resmi:** https://pushnotif.biz.id/in-app-banner-popup-website
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Pasang Studio In-App Popup, Top Sticky Promo Bar, dan Floating Banner di website tanpa membebani loading halaman. Top-up QRIS mulai Rp 1.000 (Rp 0,20/tayang).

## Tampilkan Promo Bar & Popup Diskon di Website Tanpa Plugin Berat, Bayar Pakai QRIS
Tidak semua pengunjung website langsung mengizinkan notifikasi browser. Dengan Studio In-App Banner PushNotif, Anda bisa menyapa 100% pengunjung yang sedang membuka website menggunakan Top Promo Bar, Modal Tengah, atau Slide-in Pojok Bawah plus Auto-Push RSS otomatis!

### Keunggulan Utama
- **[3 Gaya Tampilan] Top Bar, Modal, & Slide-in**: Pilih pita pengumuman atas, popup tengah layar, atau kartu melayang di pojok kanan bawah sesuai kebutuhan promo Anda.
- **[PageSpeed 100/100] Tanpa Plugin Berat**: Script sangat ringan (< 8 KB non-blocking) sehingga sama sekali tidak memperlambat loading website Anda.
- **[1 Script 3 Fitur] Push + Banner + Auto-RSS**: Cukup pasang 1 baris SDK PushNotif, Anda langsung mendapat Web Push Notification, In-App Banner, dan Auto-Push RSS sekaligus.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Biaya Berlangganan** | ✓ Rp 0 / bulan (Isi Saldo QRIS mulai Rp 1.000) | $9 – $29 / bulan (~Rp 150.000 – Rp 480.000 / bln) |
| **Beban Kecepatan Website (PageSpeed)** | ✓ Sangat Ringan (Skor PageSpeed 100/100) | Plugin berat (membebani database & menurunkan SEO) |
| **Pilihan Gaya Tampilan** | ✓ 3 Gaya: Top Promo Bar, Center Modal, & Bottom Slide-in | Terbatas di paket gratis / wajib upgrade |
| **Analitik Tayang & Klik (CTR)** | ✓ Tercatat Real-Time Otomatis di Dashboard | Sering butuh integrasi tambahan |
| **Bonus Fitur dalam 1 Script SDK** | ✓ Sudah termasuk Web Push Notification & Auto-Push RSS! | Hanya popup saja (tidak termasuk Push Notification) |

### 1 Script Ringan untuk Web Push + In-App Banner + Auto-Push RSS:
```
<!-- Tempelkan tepat sebelum </body> di website Anda -->
<script src="https://pushnotif.biz.id/sdk/pushnotif.js" async></script>
<script>
  window.addEventListener("load", function() {
    PushNotif.init({
      appId: "APP_ID_WEBSITE_ANDA",
      apiBase: "https://pushnotif.biz.id",
      autoPrompt: true
    });
  });
</script>
```

### Pertanyaan Umum (FAQ)
- **Q: Apakah In-App Banner tetap muncul jika pengunjung menolak izin notifikasi browser?**
  A: Ya! In-App Banner dirender langsung di dalam halaman website, sehingga 100% pengunjung yang membuka website Anda tetap dapat melihat info promo atau pengumuman penting Anda.
- **Q: Apakah memasang In-App Banner menurunkan skor Google PageSpeed?**
  A: Tidak sama sekali. Script SDK PushNotif dimuat secara asynchronous (non-blocking) dengan ukuran sangat kecil, sehingga skor Google PageSpeed tetap 100/100.
- **Q: Bagaimana cara kerja Auto-Push RSS yang baru dirilis?**
  A: Anda cukup memasukkan link RSS Feed website/blog Anda (misalnya /feed di WordPress) pada menu Push Notification → Auto-Push RSS. Setiap ada artikel baru, PushNotif otomatis mengirimkan notifikasinya ke seluruh pelanggan.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Alternatif OneSignal Indonesia: Web & Mobile Push QRIS Rp 0,20 Tanpa Langganan Bulanan

> **URL Resmi:** https://pushnotif.biz.id/alternatif-onesignal-indonesia
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Alternatif OneSignal Indonesia tanpa biaya bulanan dolar. Top-up QRIS mulai Rp 1.000 (Rp 0,20/push), kuota aktif selamanya, gratis 1.000 kuota awal.

## Alternatif OneSignal Indonesia: Bayar Pakai QRIS Mulai Rp 1.000 Tanpa Biaya Langganan Dolar
Berhenti membayar tagihan bulanan $9–$99 dalam mata uang Dolar hanya untuk mengirim notifikasi. Di PushNotif, cukup top-up QRIS sesuka hati mulai Rp 1.000 (Rp 0,20 per pesan terkirim) dan kuota Anda tidak pernah hangus selamanya.

### Keunggulan Utama
- **[01 // TANPA BIAYA BULANAN DOLAR] Pay-As-You-Go QRIS Mulai Rp 1.000**: Tidak perlu kartu kredit internasional. Top-up instan via BCA, Mandiri, BRI, GoPay, OVO, DANA, atau ShopeePay mulai Rp 1.000 (dapat 5.000 Kuota).
- **[02 // MIGRASI 1 MENIT (KOMPATIBEL)] Endpoint Kompatibel Format OneSignal & FCM**: Tidak perlu bongkar kode backend lama Anda. Endpoint /api/v1/notifications mendukung payload JSON standar maupun format headings/contents OneSignal.
- **[03 // LEBIH LENGKAP + MCP AI] Web Push + In-App Popup + Auto-Push RSS + MCP**: Sudah termasuk In-App Popup Banner, Live Activity Toast, Auto-Push RSS/Sitemap, serta kontrol langsung dari Claude Code, Cursor, & ChatGPT via MCP.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Biaya Langganan Bulanan** | ✓ Rp 0 / Bulan (Murni Pay-As-You-Go) | $9 – $99+ / bulan + pajak per subscriber |
| **Metode Pembayaran** | ✓ QRIS Lokal Instan (Mulai Rp 1.000) | Wajib Kartu Kredit Internasional (USD) |
| **Masa Aktif Saldo Kuota** | ✓ Aktif Selamanya (Tidak Pernah Hangus) | Hangus setiap akhir siklus bulanan |
| **Biaya Saat Pengunjung Unsubscribe** | ✓ Rp 0 (Auto-Prune 404/410 Gratis) | Tetap dihitung dalam tier MAU bulanan |
| **Integrasi AI Agent (MCP Server)** | ✓ Tersedia Resmi (Grade A di Glama.ai) | Tidak tersedia untuk pengelolaan penuh |

### Pasang atau Migrasi dari OneSignal Hanya dengan 1 Baris Script:
```
<!-- Hapus script lama yang berat, cukup tempel 1 baris ini sebelum </head> atau </body> -->
<script src="https://pushnotif.biz.id/sdk/pushnotif.js" data-app-id="app_YOUR_APP_ID" defer></script>
```

### Pertanyaan Umum (FAQ)
- **Q: Apakah saya bisa pindah dari OneSignal ke PushNotif tanpa mengubah kode backend?**
  A: Bisa! Endpoint POST https://pushnotif.biz.id/api/v1/notifications sudah mendukung format JSON OneSignal (headings & contents) maupun JSON sederhana (title, body, url).
- **Q: Berapa biaya per pesan di PushNotif dibandingkan langganan bulanan?**
  A: Hanya Rp 0,20 per notifikasi yang benar-benar sampai ke perangkat. Dengan Rp 1.000 via QRIS, Anda mendapatkan 5.000 kuota pengiriman tanpa batas waktu kadaluarsa.
- **Q: Apakah ada kuota gratis untuk mencoba sebelum top-up?**
  A: Ya! Setiap pendaftaran akun baru otomatis langsung mendapatkan 1.000 Kuota Gratis yang aktif selamanya tanpa perlu memasukkan kartu pembayaran.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Cara Pasang Web Push Notification Gratis di Website (HTML, Laravel, Next.js, WordPress)

> **URL Resmi:** https://pushnotif.biz.id/cara-pasang-web-push-notification-gratis
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Tutorial cara pasang Web Push Notification gratis di website HTML, Laravel, Next.js & WordPress dalam 1 menit cukup dengan 1 baris script PushNotif.

## Cara Pasang Web Push Notification Gratis di Website Hanya dalam 1 Menit
Panduan langkah demi langkah memasang tombol lonceng notifikasi di Chrome, Edge, Firefox, Android, dan Safari iOS tanpa perlu konfigurasi VAPID atau Firebase yang rumit.

### Keunggulan Utama
- **[LANGKAH 1 // DAFTAR 5 DETIK] Buat Akun & Ambil 1.000 Kuota Gratis**: Daftar gratis di pushnotif.biz.id menggunakan Google 1-Klik atau Email OTP. Sistem otomatis membuatkan App ID dan kunci kriptografi VAPID Anda.
- **[LANGKAH 2 // TEMPEL 1 BARIS KODE] Pasang Script sebelum </head> atau </body>**: Salin 1 baris tag <script> dari dashboard dan tempelkan di template header/footer website Anda. Tombol lonceng otomatis muncul!
- **[LANGKAH 3 // VERIFIKASI OTOMATIS] Klik Tombol 'Cek Apakah Script Sudah Terpasang'**: Dashboard PushNotif dilengkapi pemindai otomatis yang mengecek apakah script di website Anda sudah terpasang dengan benar.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Waktu Pemasangan** | ✓ Kurang dari 60 Detik (1 Baris Script) | 2–4 Jam (Setup Firebase, Service Worker, VAPID manual) |
| **Pengecekan Instalasi** | ✓ Tombol Verifikasi Otomatis di Dashboard | Harus debug manual di Console Browser |
| **Dukungan Platform** | ✓ Chrome, Edge, Firefox, Android, & iOS 16.4+ | Sering gagal di iOS jika manifest salah |
| **Biaya Awal** | ✓ Gratis 1.000 Kuota Pertama (Tanpa Kartu) | Butuh setup billing Cloud |

### Contoh Kode 1 Baris yang Ditempel di Website Anda:
```
<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <title>Website Saya</title>
  <!-- Tempel 1 baris script PushNotif ini sebelum </head> -->
  <script src="https://pushnotif.biz.id/sdk/pushnotif.js" data-app-id="app_YOUR_APP_ID" defer></script>
</head>
<body>
  <h1>Selamat Datang!</h1>
</body>
</html>
```

### Pertanyaan Umum (FAQ)
- **Q: Apakah pengunjung website harus menginstal aplikasi agar menerima notifikasi?**
  A: Tidak perlu! Dengan standar Web Push (VAPID W3C), pengunjung cukup klik 'Izinkan' pada tombol lonceng di browser HP atau laptop mereka, dan notifikasi akan tetap masuk meski browser sudah ditutup.
- **Q: Bagaimana cara mengecek apakah script saya sudah benar?**
  A: Di halaman Ringkasan dashboard PushNotif, klik tombol 'Cek Apakah Script Sudah Terpasang di Web Saya'. Sistem kami akan memindai website Anda secara langsung.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Layanan Web Push Notification Indonesia: Bayar Pakai QRIS Mulai Rp 1.000 Tanpa Bulanan

> **URL Resmi:** https://pushnotif.biz.id/push-notification-indonesia
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Cari layanan Web Push Notification, Android & iOS di Indonesia yang bisa bayar pakai QRIS Rupiah tanpa kartu kredit dolar dan tanpa biaya langganan bulanan? Coba PushNotif (Rp 0,20 / pesan, kuota tidak pernah hangus).

## Layanan Push Notification Indonesia: Bayar Pakai QRIS, Tanpa Sewa Bulanan Dolar
Tidak perlu lagi membayar tagihan bulanan mahal dalam mata uang Dolar atau ribet menyiapkan kartu kredit internasional. Di PushNotif, Anda cukup isi kuota via QRIS mulai Rp 1.000 (Rp 0,20 / pesan) dan kuota aktif selamanya tanpa masa hangus.

### Keunggulan Utama
- **[Rp 0 / Bulan] Tanpa Biaya Sewa Bulanan**: Tidak ada tagihan rutin bulanan. Saat Anda sedang tidak mengirim pesan, biaya Anda Rp 0.
- **[QRIS Instan] Tanpa Kartu Kredit Dolar**: Top-up saldo langsung pakai BCA, Mandiri, GoPay, OVO, DANA, atau ShopeePay mulai Rp 1.000.
- **[100% White-Label] Murni Nama & Logo Bisnis Anda**: Sejak kuota gratis pertama, notifikasi di layar HP pelanggan tampil 100% membawa nama dan ikon website Anda sendiri.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Biaya Langganan Bulanan** | ✓ Rp 0 (Gratis Selamanya) | $9 – $99/bulan + biaya tambahan per subscriber |
| **Metode Pembayaran** | ✓ QRIS Rupiah (Mulai Rp 1.000) | Wajib Kartu Kredit Internasional (USD) |
| **Masa Aktif Kuota** | ✓ Aktif Selamanya (Tidak Pernah Hangus) | Hangus setiap akhir bulan |
| **Nama & Logo Merek Sendiri** | ✓ 100% Termasuk Gratis | Sering dibatasi pada paket berbayar |
| **Perangkat Mati / Uninstall** | ✓ Gratis Rp 0 (Kuota Tidak Terpotong) | Tetap dihitung sebagai kuota langganan bulanan |
| **Integrasi AI Coding (MCP Server)** | ✓ Tersedia Resmi (/mcp — 14 Tools) | Umumnya belum tersedia |

### Pasang ke Website Anda Cuma Butuh 2 Menit:
```
<!-- Tempelkan 2 baris ringan ini tepat sebelum tag </body> website Anda -->
<script src="https://pushnotif.biz.id/sdk/pushnotif.js"></script>
<script>
  PushNotif.init({ appId: "APP_ID_WEBSITE_ANDA" });
</script>
```

### Pertanyaan Umum (FAQ)
- **Q: Apakah PushNotif mendukung Web Push Android, iOS, dan Desktop?**
  A: Ya. PushNotif mendukung standar Web Push W3C (VAPID) untuk Chrome, Edge, Firefox, dan Safari iOS 16.4+, serta mendukung aplikasi Android Native (FCM) dan iOS Native (APNs) dalam satu dashboard.
- **Q: Kenapa harga PushNotif bisa jauh lebih hemat (Rp 0,20 per pesan)?**
  A: Karena PushNotif menggunakan sistem prabayar murni (Pay-As-You-Go) berbasis jumlah pesan yang benar-benar terkirim, bukan memungut pajak sewa bulanan per jumlah subscriber pasif.
- **Q: Bagaimana cara mencoba gratis sebelum membeli kuota QRIS?**
  A: Cukup daftar akun dalam 5 detik di pushnotif.biz.id/auth dan Anda langsung mendapatkan 1.000 Kuota Pesan Gratis (setara 1.000 notifikasi) tanpa perlu memasukkan kartu pembayaran apa pun.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Cara Pasang Web Push Notification di Laravel (Tanpa Kartu Kredit, 3 Menit Beres)

> **URL Resmi:** https://pushnotif.biz.id/panduan/laravel-push-notification
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Panduan lengkap cara mengirim Web Push Notification dan notifikasi Android/iOS dari aplikasi Laravel 10/11 menggunakan HTTP Client bawaan dan PushNotif API (Rp 0,20/pesan via QRIS).

## Cara Pasang Push Notification di Laravel dalam 3 Menit
Tidak perlu menginstal library composer yang rumit atau mengurus sertifikat VAPID manual. Cukup tempel 1 baris SDK di Blade view dan tembak REST API PushNotif menggunakan Http::post() bawaan Laravel.

### Keunggulan Utama
- **[Tanpa Library Berat] Cukup Http::post() Bawaan Laravel**: Kompatibel penuh dengan Laravel 8, 9, 10, 11, dan 12 maupun PHP Native.
- **[Otomatis Saat Checkout] Kirim Notifikasi Pesanan & Promo**: Picu notifikasi instan ke HP pelanggan saat status pesanan berubah atau ada promo flash sale.
- **[Bisa Lewat AI Cursor] Dukungan Penuh MCP Server**: Pakai Cursor atau Claude Code? Suruh AI Anda memasang SDK PushNotif ke folder resources/views otomatis.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Instalasi Composer** | ✓ Tidak Perlu (0 Dependency) | Harus install laravel-notification-channels/webpush |
| **Konfigurasi VAPID & Worker** | ✓ Otomatis dari Dashboard PushNotif | Generate kunci manual & kelola tabel endpoints sendiri |
| **Biaya per Pengiriman** | ✓ Rp 0,20 / pesan (Potong Kuota QRIS) | Harus sewa queue worker & server sendiri |

### Contoh Kode Kirim Push Notification dari Controller / Job Laravel:
```
<?php
use Illuminate\Support\Facades\Http;

// Panggil di Controller, Event Listener, atau Queue Job Laravel Anda:
$response = Http::withHeaders([
    'X-API-Key' => env('PUSHNOTIF_API_KEY'), // pn_live_...
])->post('https://pushnotif.biz.id/api/v1/send', [
    'app_id' => env('PUSHNOTIF_APP_ID'),
    'title'  => 'Pesanan #INV-2026 Sedang Dikirim! 🚚',
    'body'   => 'Kurir sedang menuju alamat Anda. Klik untuk melacak posisi paket.',
    'url'    => 'https://tokoanda.id/pesanan/INV-2026',
]);
```

### Pertanyaan Umum (FAQ)
- **Q: Di mana menaruh file pushnotif-sw.js pada proyek Laravel?**
  A: Taruh file pushnotif-sw.js tepat di dalam folder public/ proyek Laravel Anda (sehingga bisa diakses di https://domainanda.com/pushnotif-sw.js), lalu pasang script SDK di file resources/views/layouts/app.blade.php.
- **Q: Apakah aman memanggil API PushNotif di dalam Laravel Queue?**
  A: Sangat aman dan disarankan. Endpoint API PushNotif merespons dalam ~40ms sehingga tidak akan menahan proses request utama aplikasi Laravel Anda.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Cara Pasang Web Push Notification di Next.js & React (App Router / PWA)

> **URL Resmi:** https://pushnotif.biz.id/panduan/nextjs-react-push-notification
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Tutorial praktis memasang Web Push Notification di Next.js 14/15 (App Router & Pages Router), React, dan Vite menggunakan PushNotif SDK & MCP Server.

## Integrasi Web Push Notification di Next.js & React (App Router Ready)
Bangun aplikasi web modern dan PWA di Next.js yang bisa mengirim notifikasi real-time ke layar kunci Android, iPhone (iOS 16.4+), dan Desktop tanpa pusing mengurus Service Worker dari nol.

### Keunggulan Utama
- **[Next.js App Router] Siap untuk Next.js 14 & 15**: Taruh pushnotif-sw.js di folder public/ dan panggil SDK lewat komponen Script Next.js.
- **[Server Actions Ready] Tembak dari API Route / Action**: Kirim notifikasi langsung dari Next.js Server Action menggunakan fetch() standar.
- **[AI Vibe Coding] Pasang Otomatis via MCP**: Hubungkan https://pushnotif.biz.id/mcp ke Cursor / Claude Code dan biarkan AI menulis kodenya.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Ukuran Bundle Client** | ✓ < 4 KB (Dimuat Async) | Puluhan KB library SDK pihak ketiga |
| **Dukungan iOS Safari PWA** | ✓ Ya (iOS 16.4+ Home Screen Web App) | Sering gagal tanpa konfigurasi manifest yang tepat |
| **Tarif Pengiriman** | ✓ Rp 0,20 / pesan (QRIS mulai Rp 1.000) | Tagihan bulanan dalam USD |

### Contoh Pemasangan di app/layout.tsx & Server Action Next.js:
```
// 1. Di app/layout.tsx (Next.js App Router):
import Script from "next/script";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="id">
      <body>
        {children}
        <Script
          src="https://pushnotif.biz.id/sdk/pushnotif.js"
          strategy="afterInteractive"
          onLoad={() => {
            // @ts-ignore
            window.PushNotif?.init({ appId: process.env.NEXT_PUBLIC_PUSHNOTIF_APP_ID });
          }}
        />
      </body>
    </html>
  );
}
```

### Pertanyaan Umum (FAQ)
- **Q: Apakah bekerja di Vercel, Netlify, dan Cloudflare Pages?**
  A: Ya, 100% bekerja di semua hosting serverless (Vercel, Netlify, Cloudflare Pages, maupun VPS sendiri) karena seluruh proses pengiriman push ditangani oleh server PushNotif.
- **Q: Bagaimana agar notifikasi muncul di iPhone (iOS)?**
  A: Pastikan website Next.js Anda memiliki file manifest.json dan pengguna memilih menu 'Tambahkan ke Layar Utama' (Add to Home Screen) di Safari iOS 16.4 ke atas.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Plugin WordPress & WooCommerce PushNotif: Web Push, Popup, Live Toast & Struk Order Otomatis

> **URL Resmi:** https://pushnotif.biz.id/panduan/wordpress-woocommerce-notifikasi
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Unduh Plugin Resmi WordPress & WooCommerce (.zip) dari PushNotif: otomatis pasang Service Worker tanpa cPanel/FTP, dukung Auto-Push RSS artikel baru, serta trigger otomatis pesanan lunas WooCommerce.

## Plugin Resmi WordPress & WooCommerce (.zip): Pasang dalam 10 Detik Tanpa Buka cPanel
Cukup unduh file plugin .zip dari Dashboard PushNotif lalu unggah ke menu Plugins -> Add New di WordPress Anda. Script SDK, file Service Worker (/pushnotif-sw.js), dan trigger otomatis pesanan lunas WooCommerce langsung aktif!

### Keunggulan Utama
- **[Tanpa Buka cPanel / FTP] Service Worker (/pushnotif-sw.js) Otomatis**: Plugin resmi kami otomatis menyajikan endpoint /pushnotif-sw.js di root domain WordPress Anda tanpa perlu upload manual via File Manager.
- **[Trigger Order WooCommerce] Notif Push + Live Toast + Email Struk Lunas**: Setiap ada pesanan WooCommerce yang berstatus Processing/Completed, plugin otomatis memicu PushNotif untuk menampilkan Social Proof Toast dan mengirim Email Struk Lunas ke pembeli.
- **[0% Beban Database MySQL] Semua Antrean Berjalan di Cloud PushNotif**: Tidak membuat tabel sampah di wp_options atau wp_postmeta yang memberatkan hosting shared WordPress Anda.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Pemasangan Service Worker** | ✓ Otomatis via Plugin .zip (Tanpa FTP/cPanel) | Harus upload manual ke public_html via FTP |
| **Integrasi Pesanan WooCommerce** | ✓ Otomatis Trigger Push + Toast + Email Struk | Harus beli add-on berbayar terpisah |
| **Beban ke Hosting WordPress** | ✓ 0% (Berjalan di Cloud PushNotif) | Plugin biasa membebani CPU & MySQL hosting |
| **Biaya Pemakaian** | ✓ Mulai Rp 0,20 / push (Saldo QRIS Aktif Selamanya) | Wajib langganan $19–$49 / bulan |

### Cara Kerja Hook Otomatis di Dalam Plugin pushnotif-connector.php (v2.2.0):
```
<?php
/**
 * Anda cukup Unduh File .ZIP langsung dari Dashboard PushNotif -> Pasang ke Website.
 * Di dalamnya sudah otomatis menjalankan 3 fungsi ini tanpa perlu koding:
 */
// 1. Injeksi <script src="https://pushnotif.biz.id/sdk/pushnotif.js" data-app-id="app_xxx" defer>
// 2. Penyajian otomatis /pushnotif-sw.js (Tanpa perlu upload via cPanel/FTP)
// 3. Hook otomatis saat pesanan WooCommerce Lunas (Processing / Completed):
add_action('woocommerce_payment_complete', 'pushnotif_wp_notify_woocommerce_order', 20, 1);
```

### Pertanyaan Umum (FAQ)
- **Q: Apakah saya masih perlu upload file pushnotif-sw.js lewat cPanel?**
  A: Tidak perlu! Begitu Anda mengaktifkan plugin pushnotif-wordpress.zip di wp-admin, plugin secara otomatis menangani URL /pushnotif-sw.js di website WordPress Anda.
- **Q: Apakah mendukung WooCommerce otomatis?**
  A: Ya! Di versi v2.2.0, setiap kali ada pesanan WooCommerce yang dibayar, plugin otomatis mengirim sinyal ke PushNotif untuk memunculkan Live Activity Toast di pojok layar toko, mengirim Web Push, dan mengirim Email Struk Pembayaran Lunas ke pembeli.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Trigger Webhook Pembayaran Otomatis (Midtrans, Xendit, Tripay, Duitku & WooCommerce) — PushNotif

> **URL Resmi:** https://pushnotif.biz.id/webhook-notifikasi-pembayaran-otomatis
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Hubungkan Webhook Midtrans, Xendit, Tripay, Duitku, Mayar, Lynk.id, atau WooCommerce ke PushNotif: otomatis tampilkan Live Activity Toast, kirim Web Push Notification, dan kirim Email Struk Bukti Bayar Lunas ke pembeli.

## 1 Webhook Pembayaran = 3 Aksi Otomatis (Web Push + Live Toast + Email Struk Lunas)
Tidak perlu menulis kode pengolah webhook yang rumit. Cukup tempel 1 URL Webhook PushNotif ke dashboard Midtrans, Xendit, Tripay, Duitku, Mayar, Lynk.id, atau gunakan Plugin WooCommerce kami — sistem otomatis mengenali format datanya!

### Keunggulan Utama
- **[Auto-Detect 7+ Payment Gateway] Midtrans, Xendit, Tripay, Duitku, Mayar, Lynk, WooCommerce**: Mesin kami otomatis mengenali struktur JSON dari berbagai payment gateway lokal Indonesia tanpa perlu mapping manual.
- **[3 Kanal Sekaligus dalam 1 Detik] Push Notif + Social Proof Toast + Email Struk**: Begitu pembayaran berstatus SETTLEMENT/PAID, sistem otomatis menyiarkan Social Proof di website, mengirim Push, dan mengirim Email Bukti Bayar Lunas ke pembeli.
- **[Saklar Mandiri ON / OFF] Atur Sesuai Kebutuhan Bisnis Anda**: Anda bebas memilih mode: hanya tampilkan Live Activity Toast (Gratis Rp 0), kirim Push Notification, dan/atau kirim Email Struk Lunas (25 Kuota).

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Setup Webhook Payment Gateway** | ✓ Tempel 1 URL langsung jalan (Auto-Detect JSON) | Harus buat endpoint backend & parser sendiri |
| **Live Activity Social Proof Toast** | ✓ Otomatis muncul 'Budi baru saja membeli...' (Rp 0) | Tidak tersedia di layanan push biasa |
| **Email Struk Bukti Bayar Lunas** | ✓ Otomatis terkirim ke email pembeli (Rp 5 / email) | Harus sewa layanan SMTP terpisah |
| **Simulasi Tes 1-Klik di Dashboard** | ✓ Tersedia simulator Midtrans/Xendit/WooCommerce live | Harus tes manual lewat Postman |

### Contoh URL Webhook Siap Tempel & Payload Otomatis yang Dikenali:
```
# Cukup tempel URL ini di Dashboard Midtrans / Xendit / Tripay / Duitku / Mayar:
https://pushnotif.biz.id/api/v1/apps/APP_ID_ANDA/incoming-event?key=API_KEY_ANDA&mode=both

# Contoh jika Anda memanggilnya dari backend aplikasi sendiri (Custom Webhook):
curl -X POST "https://pushnotif.biz.id/api/v1/apps/APP_ID_ANDA/incoming-event?key=API_KEY_ANDA"   -H "Content-Type: application/json"   -d '{
    "transaction_status": "settlement",
    "order_id": "INV-2026-881",
    "gross_amount": "149000",
    "customer_email": "pembeli@gmail.com",
    "customer_details": {"first_name": "Budi", "city": "Jakarta"},
    "item_details": [{"name": "Paket Pro 1 Tahun"}]
  }'
```

### Pertanyaan Umum (FAQ)
- **Q: Payment gateway apa saja yang langsung dikenali tanpa koding?**
  A: PushNotif otomatis mengenali payload webhook standar dari Midtrans (Snap/Core API), Xendit, Tripay, Duitku, Mayar, Lynk.id, WooCommerce, serta GitHub/Vercel.
- **Q: Bagaimana agar pembeli juga otomatis menerima Email Struk Bukti Bayar Lunas?**
  A: Cukup nyalakan saklar 'Sekaligus Kirim Email Struk Bukti Bayar Lunas ke Pembeli (ON)' di halaman Webhook Pembayaran pada Dashboard PushNotif. Jika payload webhook memuat email pembeli, struk resmi otomatis dikirim ke Inbox mereka.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Layanan Email OTP & Email Transaksional Indonesia: Bayar Pakai QRIS (Rp 5/Email)

> **URL Resmi:** https://pushnotif.biz.id/email-otp-transaksional-indonesia
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Kirim kode verifikasi Email OTP 6-digit dan struk pembayaran otomatis dari aplikasi Anda tanpa kartu kredit Dolar. Top-up QRIS mulai Rp 1.000 (Rp 5/email).

## Kirim Email OTP 6-Digit & Struk Pembayaran Otomatis: Tanpa Sewa Bulanan Dolar, Cukup QRIS (Rp 5 / Email)
Tidak perlu pusing verifikasi domain berhari-hari atau kartu kredit Dolar hanya untuk mengirim kode OTP login dan struk pembelian. Aktifkan saklar Email OTP & Struk Otomatis di Dashboard PushNotif atau panggil 1 endpoint REST API / MCP.

### Keunggulan Utama
- **[01 // RP 5 PER EMAIL (25 KREDIT TANPA HANGUS)] Satu Saldo Gabungan dengan Web & Mobile Push**: Cukup top-up saldo mulai Rp 1.000 via QRIS. Setiap pengiriman Email OTP 6-digit atau email struk lunas hanya memotong 25 Kredit (setara Rp 5 perak) dan saldo Anda aktif selamanya tanpa masa kedaluwarsa.
- **[02 // SAKLAR MANDIRI ON/OFF PER HALAMAN] Bebas Pilih Fitur yang Ingin Dipakai**: Hanya butuh Web Push gratis? Matikan saklar Email OTP & Struk agar saldo tidak tersentuh. Butuh kirim OTP saat user registrasi? Nyalakan saklarnya dalam 1 klik langsung dari tab Email OTP & Struk.
- **[03 // HIGH-DELIVERABILITY ENGINE + SANDBOX AMAN] Masuk Inbox Utama Detik Itu Juga**: Didukung infrastruktur pengiriman email transaksional berkecepatan tinggi dengan perlindungan Sandbox Interceptor untuk pengujian developer yang aman tanpa membuang kuota produksi.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Metode Pembayaran & Minimum Top-Up** | ✓ QRIS Lokal Mulai Rp 1.000 (Tanpa Kartu Kredit) | Wajib Kartu Kredit Visa/Mastercard ($20/bulan) |
| **Biaya per Email OTP / Struk** | ✓ Rp 5 / Email (25 Kredit, Saldo Tidak Hangus) | Hangus setiap akhir bulan jika paket tidak terpakai |
| **Saklar Kontrol Mandiri (ON/OFF)** | ✓ Tersedia Saklar Terpisah untuk OTP vs Struk Lunas | Harus ubah kode backend untuk mematikan |
| **Bundling Web Push, Mobile & Popup** | ✓ Sudah 1 Paket dalam Satu Dashboard & API Key | Harus daftar layanan Push Notification terpisah |
| **Integrasi AI Agent (MCP Server)** | ✓ Tersedia Tool send_transactional_email Resmi | Belum mendukung protokol MCP secara native |

### Kirim Email OTP 6-Digit atau Struk Pembayaran via REST API:
```
// Kirim Email OTP 6-Digit atau Struk Pembayaran dalam 1 Request HTTP
const response = await fetch("https://pushnotif.biz.id/api/v1/apps/app_YOUR_APP_ID/email/send-otp", {
  method: "POST",
  headers: {
    "Authorization": "Bearer pn_live_YOUR_API_KEY",
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    email: "pelanggan@tokoanda.id",
    brand_name: "Toko Anda",
    otp_code: "482910" // Opsional: biarkan kosong agar di-generate otomatis 6 digit
  })
});
console.log(await response.json());
```

### Pertanyaan Umum (FAQ)
- **Q: Berapa biaya kirim Email OTP 6-Digit dan Email Struk Pembayaran di PushNotif?**
  A: Setiap pengiriman Email OTP atau Email Struk Pembayaran memotong 25 Kredit (setara Rp 5 perak). Dengan top-up QRIS Rp 20.000 (100.000 Kredit), Anda bisa mengirim hingga 4.000 email transaksional tanpa batas waktu hangus.
- **Q: Apakah kuota gratis 1.000 Kredit awal akan habis jika saya tidak memakai fitur Email?**
  A: Tidak. Di dalam Dashboard terdapat Saklar Mandiri (ON/OFF) untuk Email OTP dan Email Struk. Anda bisa mematikannya kapan saja sehingga 1.000 kuota gratis Anda 100% utuh untuk Web Push, Mobile Push, dan In-App Banner.
- **Q: Apakah bisa mengirim Email Transaksional langsung dari Claude Code atau Cursor via MCP?**
  A: Bisa! Server MCP resmi PushNotif (https://pushnotif.biz.id/mcp) menyediakan tool send_transactional_email yang memungkinkan agen AI mengirim OTP, struk pembayaran, maupun pengumuman rilis sistem secara otomatis.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Alternatif Resend, Mailgun & SendGrid Indonesia: Tanpa Kartu Kredit Dolar (QRIS Rp 1.000)

> **URL Resmi:** https://pushnotif.biz.id/alternatif-resend-mailgun-sendgrid-indonesia
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Cari alternatif Resend, Mailgun, atau SendGrid di Indonesia yang bisa dibayar pakai QRIS? Kirim Email OTP, Struk Lunas, dan Push Notification mulai Rp 1.000.

## Alternatif Resend, Mailgun & SendGrid untuk Developer Indonesia: Bayar Pakai QRIS, Tanpa Sewa Bulanan $20
Mayoritas aplikasi SaaS dan toko online lokal hanya butuh mengirim kode OTP saat user daftar, struk saat pembayaran QRIS lunas, dan notifikasi promo ke HP. PushNotif menyatukan ketiganya tanpa mewajibkan kartu kredit internasional.

### Keunggulan Utama
- **[01 // TANPA TAGIHAN BULANAN $20 (RP 320.000/BULAN)] Bayar Sesuai Pemakaian (Pay-As-You-Go)**: Di Resend Pro atau Mailgun Foundation, Anda ditagih $20–$35 setiap bulan meskipun aplikasi baru memiliki sedikit pengguna. Di PushNotif, cukup isi saldo QRIS mulai Rp 1.000 dan pakai sampai kapan pun.
- **[02 // ALL-IN-ONE: EMAIL + WEB PUSH + MOBILE PUSH + POPUP] Hemat 4 Layanan Sekaligus dalam 1 SDK**: Tidak perlu menggabungkan Resend (untuk email) + OneSignal (untuk push) + الفومو/ProveSource (untuk social proof). Semuanya sudah tersedia di satu workspace PushNotif.
- **[03 // SIAP PAKAI DALAM 60 DETIK] Cocok untuk Laravel, Next.js, Node.js, Go & WordPress**: Cukup panggil endpoint REST API JSON standar atau gunakan integrasi Webhook Pembayaran otomatis untuk mengirim struk begitu transaksi QRIS/VA pelanggan berstatus PAID.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Biaya Langganan Bulanan** | ✓ Rp 0 / Bulan (Top-Up QRIS Mulai Rp 1.000) | $20 – $35 / Bulan (Resend / Mailgun / SendGrid) |
| **Metode Pembayaran** | ✓ QRIS Semua Bank & E-Wallet Indonesia | Wajib Kartu Kredit Internasional (USD) |
| **Masa Aktif Kuota Email** | ✓ Aktif Selamanya (Tidak Pernah Hangus) | Reset / Hangus Setiap Siklus Bulanan |
| **Saluran Tambahan Bawaan** | ✓ Gratis Web Push, Mobile Push, In-App Popup & Toast | Hanya Email (Push Notification berbayar terpisah) |
| **Dukungan Bahasa & Support** | ✓ Dokumentasi & Bantuan Teknis Bahasa Indonesia | Bahasa Inggris (Tiket Zona Waktu Barat) |

### Contoh Integrasi Pengiriman Email OTP & Struk di Laravel / PHP:
```
// Kirim Email OTP atau Struk Lunas dari Laravel menggunakan Http Client
use Illuminate\Support\Facades\Http;

$response = Http::withToken(env('PUSHNOTIF_API_KEY'))
    ->post('https://pushnotif.biz.id/api/v1/apps/' . env('PUSHNOTIF_APP_ID') . '/email/send-invoice', [
        'email' => $user->email,
        'customer_name' => $user->name,
        'invoice_id' => 'INV-2026-0091',
        'amount_formatted' => 'Rp 150.000',
        'item_description' => 'Langganan Kelas Full-Stack Web Developer'
    ]);
```

### Pertanyaan Umum (FAQ)
- **Q: Mengapa PushNotif cocok sebagai alternatif Resend atau Mailgun di Indonesia?**
  A: Karena developer UMKM dan startup di Indonesia sering terkendala pembayaran kartu kredit USD dan biaya langganan minimum $20/bulan. PushNotif menyediakan pengiriman Email OTP & Struk Transaksional dengan sistem prabayar QRIS mulai Rp 1.000 tanpa masa hangus.
- **Q: Apakah saya juga mendapatkan fitur Web Push dan In-App Banner secara bersamaan?**
  A: Ya! Satu saldo kuota di PushNotif dapat digunakan lintas saluran: Web Push Notification (1 kuota), Mobile Push FCM/APNs (1 kuota), In-App Banner (1 kuota), Live Activity Toast (tayang Rp 0, klik 1 kuota), dan Email OTP/Struk (25 kuota).

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Cara Pasang Push Notification di Android (FCM), iOS (APNs) & Flutter

> **URL Resmi:** https://pushnotif.biz.id/panduan/flutter-android-ios-push-notification
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Panduan integrasi Mobile Push Notification untuk aplikasi Android (Firebase FCM HTTP v1), iOS (Apple APNs .p8), Flutter, React Native, dan Godot Engine.

## Satu REST API untuk Mengirim Push Notification ke Android (FCM), iOS (APNs), Flutter & Game Engine
Kelola kredensial Service Account JSON Firebase (FCM HTTP v1) dan kunci Apple Push Notification service (.p8) di satu tempat. Kirim broadcast atau notifikasi personal ke aplikasi Android, iOS, Flutter, React Native, hingga Godot Engine.

### Keunggulan Utama
- **[01 // DUKUNGAN PENUH FCM HTTP V1 & APPLE APNS (.P8)] Enkripsi Kredensial Tingkat Server**: Unggah JSON Service Account Firebase atau token .p8 Apple Anda di Dashboard PushNotif. Server kami menangani generasi token OAuth2 dan pengiriman paralel ke ribuan perangkat secara otomatis.
- **[02 // BISA DIPANGGIL DARI BACKEND, GAME ENGINE, ATAU AI] REST API Standar & Webhook Siap Pakai**: Baik Anda membangun aplikasi menggunakan Flutter, Kotlin, Swift, React Native, maupun game engine seperti Godot & Unity, cukup daftarkan token perangkat via endpoint JSON sederhana.
- **[03 // PEMBERSIHAN TOKEN MATI (AUTO-PRUNING)] Hemat Kuota dari Aplikasi yang Sudah Di-uninstall**: Jika pengguna menghapus aplikasi Anda (UNREGISTERED / 410 Gone), mesin PushNotif otomatis menonaktifkan token tersebut agar pengiriman berikutnya tetap cepat dan hemat kuota.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Biaya Pengiriman Mobile Push** | ✓ Rp 0,20 (1 Kredit) per Pesan Terkirim via QRIS | Mahal saat masuk tier berbayar di platform pihak ketiga |
| **Dukungan Multi-Platform** | ✓ Web Push (VAPID) + Android (FCM) + iOS (APNs) + Email | Harus memisahkan dashboard Web, Mobile, dan Email |
| **Segmentasi Tag Pengguna** | ✓ Filter berdasarkan Tag (mis. vip, android, kota_jakarta) | Sering dikunci di paket berbayar menengah ke atas |
| **Otomasi via AI (MCP Server)** | ✓ Kirim & Jadwalkan Mobile Push langsung dari Claude/Cursor | Tidak tersedia |

### Daftarkan Token Perangkat Flutter / Android / iOS ke PushNotif:
```
// Contoh di Flutter / Dart: Daftarkan FCM / APNs Token ke PushNotif
import 'dart:convert';
import 'package:http/http.dart' as http;

Future<void> registerMobileDevice(String fcmOrApnsToken) async {
  await http.post(
    Uri.parse('https://pushnotif.biz.id/api/v1/apps/app_YOUR_APP_ID/subscribers/mobile'),
    headers: {'Content-Type': 'application/json'},
    body: jsonEncode({
      'platform': 'android_fcm', // atau 'ios_apns'
      'device_token': fcmOrApnsToken,
      'tags': ['flutter_app', 'member_aktif']
    }),
  );
}
```

### Pertanyaan Umum (FAQ)
- **Q: Apakah PushNotif bisa dipakai untuk aplikasi Android, iOS, Flutter, atau Godot?**
  A: Sangat bisa! Selama aplikasi Anda bisa melakukan request HTTP REST API standar, Anda dapat mendaftarkan token FCM (Android) atau APNs (iOS) serta memicu pengiriman notifikasi maupun Email OTP langsung dari backend atau engine Anda.
- **Q: Apa bedanya memakai FCM murni dengan memakai PushNotif?**
  A: FCM murni adalah pipa pengiriman milik Google yang mengharuskan Anda merakit sendiri dashboard manajemen kampanye, penjadwalan cron, penyimpanan database subscriber, pembersihan token mati, serta belum mencakup In-App Banner, Live Activity Toast, dan Email OTP. PushNotif menyiapkan seluruh infrastruktur tersebut agar Anda tinggal pakai.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Panduan Web Push Notification di iPhone / iOS Safari (PWA) & Browser Modern

> **URL Resmi:** https://pushnotif.biz.id/panduan/pwa-ios-safari-web-push
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Apakah Web Push Notification harus menggunakan PWA? Simak perbedaan cara kerja Web Push di Chrome Android, Desktop, dan Safari iOS (iPhone/iPad).

## Apakah Web Push Harus PWA? Panduan Lengkap Notifikasi Browser di Android, Desktop & iPhone (iOS Safari)
Di Android (Chrome/Edge/Firefox) dan Laptop/PC, pengunjung website biasa bisa langsung menerima Push Notification tanpa perlu menginstal PWA. Khusus untuk pengguna iPhone/iPad (iOS 16.4+), Apple mewajibkan website ditambahkan ke layar utama (Add to Home Screen). Simak cara kerjanya.

### Keunggulan Utama
- **[01 // ANDROID & DESKTOP: LANGSUNG DI WEB BIASA] Tanpa Perlu Buat PWA atau Install APK**: Pengunjung yang membuka website Anda lewat Chrome, Edge, Brave, atau Firefox di HP Android maupun Windows/Mac bisa langsung menekan tombol Izinkan Notifikasi dari halaman web biasa.
- **[02 // IPHONE & IPAD (IOS 16.4+): DUKUNGAN WEB PUSH APPLE] Otomatis Aktif Saat Disimpan ke Home Screen**: Untuk pengguna Safari di iOS, standar keamanan Apple mengizinkan Web Push begitu pengunjung menekan 'Add to Home Screen' (Tambahkan ke Layar Utama) dengan file manifest.json sederhana.
- **[03 // SOLUSI 100% PENGUNJUNG IOS: IN-APP BANNER & TOAST] Tetap Tampil Walau Belum Install ke Home Screen**: Bagaimana jika pengunjung iPhone belum menambahkan web Anda ke Home Screen? Fitur Studio In-App Banner (dengan 6 Template Siap Pakai) dan Live Activity Toast tetap tampil 100% di Safari biasa tanpa syarat PWA!

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Chrome / Edge / Firefox di Android** | ✓ Langsung Aktif di Website Biasa (Tanpa PWA) | Tampil di Layar Kunci & Status Bar HP |
| **Chrome / Edge / Safari / Firefox di Laptop/PC** | ✓ Langsung Aktif di Website Biasa (Tanpa PWA) | Tampil di Pojok Layar OS Windows / macOS |
| **Safari di iPhone & iPad (iOS 16.4+)** | ✓ Aktif Setelah 'Add to Home Screen' (PWA) | Tampil Persis Seperti Notifikasi Aplikasi App Store |
| **Studio In-App Popup & Live Activity Toast** | ✓ 100% Aktif di SEMUA Browser & iPhone Biasa | Tidak Butuh Izin Lonceng maupun PWA |

### Pasang 1 Baris Script SDK PushNotif (Otomatis Dukung Web Biasa + PWA iOS):
```
<!-- 1. Pasang SDK PushNotif di <head> website Anda -->
<script src="https://pushnotif.biz.id/sdk/pushnotif.js" data-app-id="app_YOUR_APP_ID" defer></script>

<!-- 2. (Opsional khusus iPhone/iOS) Tambahkan link manifest.json agar mendukung Add to Home Screen -->
<link rel="manifest" href="/manifest.json" />
```

### Pertanyaan Umum (FAQ)
- **Q: Apakah website saya harus diubah menjadi PWA agar bisa memakai PushNotif?**
  A: Tidak harus! Untuk pengunjung di HP Android dan Laptop/Desktop (yang mencakup mayoritas trafik di Indonesia), Web Push Notification langsung berjalan di website biasa tanpa perlu PWA. Selain itu, fitur In-App Banner dan Live Activity Toast berjalan di semua perangkat termasuk Safari iPhone biasa.
- **Q: Bagaimana agar pengguna iPhone (iOS) juga bisa menerima Push Notification saat layar terkunci?**
  A: Cukup sediakan file manifest.json standar di website Anda. Ketika pengguna iPhone memilih menu Bagikan -> 'Tambahkan ke Layar Utama' (Add to Home Screen), mereka dapat mengaktifkan lonceng notifikasi dan menerima push di layar kunci iPhone.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# PushNotif MCP Server: Web Push, Mobile Push (FCM/APNs), In-App Popups & Email OTP for AI Agents

> **URL Resmi:** https://pushnotif.biz.id/mcp-push-notification-server
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Official Model Context Protocol (MCP) server for PushNotif (https://pushnotif.biz.id/mcp). Let Claude Code, Cursor, Windsurf, and AI agents send Web Push, Mobile Push, In-App Banners, and 6-Digit Email OTP.

## PushNotif Official MCP Server (v2.5.0): Multi-Channel Push, In-App Popups & Email OTP for AI Agents
Connect Claude Code, Claude Desktop, Cursor, Windsurf, or any MCP-compatible AI agent to PushNotif via Streamable HTTP (https://pushnotif.biz.id/mcp) or NPX Stdio. Rated Grade A (5.0/5.0 Tool Definition Quality) on Glama.ai.

### Keunggulan Utama
- **[01 // REMOTE STREAMABLE HTTP + NPX STDIO] Zero-Install or Local Bridge**: Connect directly to https://pushnotif.biz.id/mcp over JSON-RPC 2.0 Streamable HTTP, or run npx -y github:AarsyDesign/pushnotif-mcp locally. Supports unauthenticated initialize & tools/list discovery plus in-chat OTP account creation.
- **[02 // 6 UNIFIED NOTIFICATION CHANNELS FOR AI AGENTS] Web Push, Mobile FCM/APNs, In-App, Toast, Email OTP & Webhooks**: Give your AI agent tools to broadcast Web Push (VAPID RFC 8030), Android FCM & iOS APNs notifications, configure In-App Promo Popups (with 6 templates or custom AI HTML), and dispatch 6-digit Email OTP & transactional receipts.
- **[03 // SELF-ONBOARDING IN CHAT (1,000 FREE CREDITS)] No Credit Card Required**: An AI agent can register a brand-new PushNotif workspace directly inside the conversation using register_new_account (step=request_otp / verify_otp) and immediately receive 1,000 free message credits.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **MCP Transport Support** | ✓ Streamable HTTP (https://pushnotif.biz.id/mcp) + NPX Stdio | Local OS notifications only (macOS/CLI) |
| **Notification Channels** | ✓ Web Push (VAPID) + Mobile (FCM/APNs) + In-App + Toast + Email OTP | Single webhook or local desktop alert |
| **Glama.ai Tool Quality Score** | ✓ Grade A (5.0 / 5.0 TDQS) — Full Annotations & Schemas | Unscored or missing input/output annotations |
| **In-Chat Autonomous Onboarding** | ✓ Yes — Built-in 6-Digit Email OTP Registration Tool | Requires manual external setup first |
| **GitHub Open Source Package** | ✓ github.com/AarsyDesign/pushnotif-mcp (MIT License) | Varies |

### Connect PushNotif MCP Server in Claude Desktop / Cursor / Claude Code:
```
{
  "mcpServers": {
    "pushnotif": {
      "command": "npx",
      "args": ["-y", "github:AarsyDesign/pushnotif-mcp"],
      "env": {
        "PUSHNOTIF_API_KEY": "pn_live_YOUR_API_KEY"
      }
    }
  }
}
// Or connect directly via Remote Streamable HTTP Endpoint:
// URL: https://pushnotif.biz.id/mcp
```

### Pertanyaan Umum (FAQ)
- **Q: How do I connect PushNotif MCP Server to Claude Code, Cursor, or Claude Desktop?**
  A: You can either point your MCP client directly to the remote Streamable HTTP endpoint at https://pushnotif.biz.id/mcp with header 'Authorization: Bearer pn_live_YOUR_API_KEY', or use the official NPX package: npx -y github:AarsyDesign/pushnotif-mcp.
- **Q: Can an AI agent create a PushNotif account on its own without leaving the chat?**
  A: Yes! Call the register_new_account tool with step='request_otp' and the user's email address, then call step='verify_otp' with the 6-digit code sent to their inbox. The tool returns a live API key and 1,000 free message credits immediately.
- **Q: Where is the open-source repository and Glama.ai listing for PushNotif MCP?**
  A: The official open-source repository is https://github.com/AarsyDesign/pushnotif-mcp and the inspected directory listing is https://glama.ai/mcp/servers/AarsyDesign/pushnotif-mcp.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Panduan Auto-Push RSS & Sitemap Artikel Blog (WordPress, Blogger, Ghost, Next.js)

> **URL Resmi:** https://pushnotif.biz.id/panduan/rss-auto-push-artikel-blog
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Cara mengaktifkan pengiriman Web Push Notification otomatis 24/7 setiap kali artikel baru terbit di RSS Feed, Atom, atau XML Sitemap blog Anda.

## Auto-Push Artikel Baru dari RSS Feed & Sitemap Tanpa Perlu Klik Manual.
Cukup tempelkan URL RSS Feed atau Sitemap XML website Anda satu kali. Mesin pekerja PushNotif akan memeriksa artikel terbaru secara berkala (setiap 15 menit hingga 24 jam), mencegah pengiriman ganda (anti-duplikat GUID), dan langsung mengirimkan Web Push Notification ke seluruh pembaca setia Anda.

### Keunggulan Utama
- **[ANTI-DUPLIKAT OTOMATIS] Deteksi GUID & Link Artikel Terbaru**: Setiap artikel yang sudah pernah dikirimkan dicatat secara permanen di database sehingga pembaca tidak akan pernah menerima notifikasi ganda untuk berita yang sama.
- **[KOMPATIBEL SEMUA CMS] WordPress, Blogger, Ghost, Hugo & Next.js**: Mendukung format RSS 2.0 (/feed), Atom (/atom.xml), maupun XML Sitemap standar dari platform blog atau portal berita apa pun.
- **[1 KLIK ATAU VIA MCP] Jadwal Fleksibel & Uji Tembak Langsung**: Atur interval pengecekan (15 menit, 30 menit, 1 jam, 6 jam) beserta awalan judul kustom seperti '[Artikel Baru]' langsung dari Dashboard atau tool MCP configure_rss_autopush.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Cara Kerja** | ✓ Otomatis 24/7 membaca RSS/Atom/Sitemap di latar belakang | Harus login & copy-paste judul artikel secara manual |
| **Pencegahan Spam / Duplikat** | ✓ Ya — Penyimpanan rss_last_item_guid otomatis per aplikasi | Sering terkirim ganda jika admin lupa |
| **Biaya Pengiriman** | ✓ Rp 0,20 / push (Potong dari Kuota Abadi Tanpa Hangus) | Langganan bulanan mahal untuk fitur RSS-to-Push |
| **Dukungan AI Agent (MCP)** | ✓ Tersedia tool configure_rss_autopush & trigger_rss_now | Tidak tersedia |

### Contoh Konfigurasi Auto-Push RSS via REST API / cURL:
```
curl -X POST https://pushnotif.biz.id/api/v1/apps/APP_ID_ANDA/rss-automation \
  -H "Authorization: Bearer pn_live_API_KEY_ANDA" \
  -H "Content-Type: application/json" \
  -d '{
    "rss_enabled": true,
    "rss_feed_url": "https://blog-anda.com/feed",
    "rss_interval": 30,
    "rss_prefix": "[Artikel Baru]"
  }'
```

### Pertanyaan Umum (FAQ)
- **Q: Apakah semua platform blog memiliki URL RSS Feed?**
  A: Ya! Di WordPress cukup tambahkan /feed di akhir domain Anda (misal: https://portalberita.id/feed), di Blogger gunakan /feeds/posts/default?alt=rss, dan di Ghost/Next.js gunakan /rss.xml.
- **Q: Bagaimana jika saya ingin langsung mengetes apakah RSS Feed saya terbaca?**
  A: Di halaman Otomasi RSS pada Dashboard PushNotif, klik tombol 'Cek & Kirim Artikel Terbaru Sekarang'. Sistem akan langsung membedah feed Anda dan mengirimkan artikel paling atas.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# PushNotif MCP Server untuk Claude Code & Claude Desktop (Anthropic AI)

> **URL Resmi:** https://pushnotif.biz.id/mcp/claude-code-push-notification
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Panduan instalasi 1-baris PushNotif MCP Server di Claude Code CLI dan Claude Desktop. Berikan 24 tool Web Push, Mobile Push (FCM/APNs), In-App Popup, dan Email OTP langsung ke asisten AI Claude Anda.

## Hubungkan Claude Code & Claude Desktop ke PushNotif MCP dalam 10 Detik.
Tanpa perlu keluar dari terminal atau jendela chat Claude. Cukup jalankan satu perintah CLI `claude mcp add` atau tempel konfigurasi JSON, dan asisten Claude Anda langsung memiliki 24 tool resmi untuk mendaftarkan akun, memasang SDK, hingga mengirim broadcast Web Push, Mobile Push, dan Email OTP.

### Keunggulan Utama
- **[01 // 1-LINE CLAUDE CLI SETUP] Dukungan Native Streamable HTTP & NPX Stdio**: Claude Code mendukung transport HTTP langsung ke https://pushnotif.biz.id/mcp maupun eksekusi lokal via npx github:AarsyDesign/pushnotif-mcp tanpa instalasi dependensi manual.
- **[02 // AUTONOMOUS IN-CHAT ONBOARDING] Daftar Akun & Klaim 1.000 Kuota Langsung dari Chat Claude**: Belum punya API Key? Perintahkan Claude: 'Daftarkan akun PushNotif dengan email saya'. Claude akan memanggil tool register_new_account, meminta kode OTP 6-digit, dan langsung menyimpan API Key Anda.
- **[03 // FULL-STACK CODE & CAMPAIGN] Pasang SDK Sekaligus Kirim Notifikasi dari Satu Prompt**: Claude Code dapat memindai struktur proyek Anda (Next.js, Laravel, Flutter), menyuntikkan Service Worker /sw.js secara presisi, lalu langsung menguji tembak notifikasi pertama ke perangkat Anda.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Cara Instalasi di Claude Code** | ✓ 1 baris perintah: claude mcp add pushnotif -- npx -y github:AarsyDesign/pushnotif-mcp | Harus clone repo, build TypeScript, dan atur path lokal manual |
| **Jumlah Tool Tersedia** | ✓ 24 Tool Produksi (Web Push, Mobile FCM/APNs, In-App, Toast, Email OTP, QRIS) | Rata-rata hanya 1-2 tool notifikasi lokal |
| **Skor Kualitas Skema (Glama.ai)** | ✓ Grade A (5.0 / 5.0 TDQS) — Deskripsi parameter super presisi untuk Claude | Sering gagal dipanggil karena skema JSON tidak lengkap |
| **Biaya Infrastruktur** | ✓ Gratis 1.000 Kuota Awal • Top-Up QRIS mulai Rp 1.000 (Rp 0,20/pesan) | Wajib kartu kredit USD atau langganan bulanan mahal |

### Perintah Cepat Claude Code CLI & Konfigurasi claude_desktop_config.json:
```
# OPSI 1: Satu Baris di Terminal Claude Code CLI (Otomatis jalan!)
claude mcp add pushnotif -e PUSHNOTIF_API_KEY=pn_live_API_KEY_ANDA -- npx -y github:AarsyDesign/pushnotif-mcp

# OPSI 2: Remote Streamable HTTP di Claude Code
claude mcp add --transport http pushnotif https://pushnotif.biz.id/mcp --header "Authorization: Bearer pn_live_API_KEY_ANDA"

# OPSI 3: File claude_desktop_config.json (macOS / Windows)
{
  "mcpServers": {
    "pushnotif": {
      "command": "npx",
      "args": ["-y", "github:AarsyDesign/pushnotif-mcp"],
      "env": {
        "PUSHNOTIF_API_KEY": "pn_live_API_KEY_ANDA"
      }
    }
  }
}
```

### Pertanyaan Umum (FAQ)
- **Q: Bagaimana jika saya belum memiliki PUSHNOTIF_API_KEY saat memasang di Claude?**
  A: Anda tetap bisa memasang MCP Server tanpa API Key terlebih dahulu. Setelah terhubung, cukup ketik di Claude: 'Tolong buatkan akun baru PushNotif untuk email saya', maka Claude akan memandu verifikasi OTP 6-digit dan mengaktifkan 1.000 kuota gratis.
- **Q: Apakah Claude Code bisa otomatis memasangkan Web Push ke proyek website saya?**
  A: Sangat bisa! Setelah MCP aktif, minta Claude: 'Daftarkan domain website saya di PushNotif lalu pasang script SDK dan file sw.js di folder public proyek ini'. Claude akan mengambil App ID asli Anda dan menulis kodenya secara otomatis.
- **Q: Apa bedanya mode NPX dan mode Streamable HTTP di Claude?**
  A: Keduanya memiliki 24 tool yang identik. Mode Streamable HTTP (https://pushnotif.biz.id/mcp) langsung terhubung ke server Jakarta (CGK-1) tanpa perlu menjalankan Node.js lokal, sedangkan mode NPX sangat cocok untuk Claude Desktop standar.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Integrasi PushNotif MCP Server di Cursor IDE & Windsurf (AI Code Editor)

> **URL Resmi:** https://pushnotif.biz.id/mcp/cursor-windsurf-push-notification
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Cara menambahkan PushNotif MCP Server ke Cursor IDE (.cursor/mcp.json) dan Windsurf Codeium. Otomasi pemasangan Web Push, Android FCM, iOS APNs, dan Email OTP langsung dari Composer AI.

## Pasang & Kelola Push Notification Langsung dari Cursor IDE & Windsurf.
Ubah Cursor Composer dan Windsurf Cascade menjadi pusat kendali notifikasi aplikasi Anda. Dengan menyematkan `.cursor/mcp.json` di repositori proyek, AI Editor Anda dapat membuat aplikasi PushNotif baru, mengonfigurasi Webhook Pembayaran, hingga mengirim pengumuman rilis versi baru ke ribuan user.

### Keunggulan Utama
- **[01 // WORKSPACE-SCOPED (.cursor/mcp.json)] Konfigurasi Per-Proyek atau Global**: Simpan konfigurasi MCP di file `.cursor/mcp.json` atau `~/.codeium/windsurf/mcp_config.json` agar seluruh tim developer langsung terhubung ke ekosistem PushNotif.
- **[02 // ZERO CONTEXT SWITCHING] Testing Notifikasi & OTP Tanpa Buka Browser**: Saat sedang men-debug alur checkout atau login di Cursor, cukup ketik di Composer: 'Kirim tes Web Push dan Email OTP ke akun saya sekarang' — langsung terkirim dalam hitungan milidetik.
- **[03 // 24 ANNOTATED MCP TOOLS] Auto-Discovery Skema oleh Agent Mode**: Seluruh 24 tool dilengkapi anotasi readOnlyHint, destructiveHint, dan skema JSON ketat sehingga Cursor Agent Mode memahami kapan harus membaca analitik atau mengeksekusi broadcast.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Integrasi di Cursor & Windsurf** | ✓ Native MCP (Streamable HTTP URL atau NPX Command) | Harus bolak-balik buka dashboard web & copy-paste App ID |
| **Otomasi Pemasangan Kode** | ✓ AI membaca App ID langsung dari tool list_apps & menulis kode SDK | Rawan salah ketik App ID atau lupa menaruh file /sw.js |
| **Dukungan Multi-Channel** | ✓ Web Push + Android/iOS + In-App Popup + Toast + Email OTP | Hanya mendukung 1 jenis channel per layanan |
| **Model Pembayaran** | ✓ Prabayar QRIS mulai Rp 1.000 (Rp 0,20/pesan) • Kuota Abadi | Langganan bulanan dalam mata uang Dolar ($) |

### Konfigurasi .cursor/mcp.json (Cursor) & mcp_config.json (Windsurf):
```
// Simpan di .cursor/mcp.json (Cursor IDE) atau ~/.codeium/windsurf/mcp_config.json (Windsurf)
{
  "mcpServers": {
    "pushnotif": {
      "url": "https://pushnotif.biz.id/mcp",
      "headers": {
        "Authorization": "Bearer pn_live_API_KEY_ANDA"
      }
    }
  }
}

// Alternatif menggunakan NPX Stdio:
{
  "mcpServers": {
    "pushnotif": {
      "command": "npx",
      "args": ["-y", "github:AarsyDesign/pushnotif-mcp"],
      "env": {
        "PUSHNOTIF_API_KEY": "pn_live_API_KEY_ANDA"
      }
    }
  }
}
```

### Pertanyaan Umum (FAQ)
- **Q: Bagaimana cara memastikan PushNotif MCP sudah berstatus hijau (Active) di Cursor IDE?**
  A: Buka Cursor Settings -> bagian MCP. Jika Anda memasukkan URL https://pushnotif.biz.id/mcp atau perintah npx, indikator titik hijau akan menyala dan menampilkan daftar 24 tools resmi PushNotif.
- **Q: Apakah Windsurf (Codeium) mendukung Streamable HTTP MCP PushNotif?**
  A: Ya! Windsurf Cascade mendukung penuh koneksi MCP baik melalui jembatan npx -y github:AarsyDesign/pushnotif-mcp maupun endpoint HTTP langsung.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# PushNotif MCP Server untuk Google Antigravity IDE & Gemini CLI

> **URL Resmi:** https://pushnotif.biz.id/mcp/gemini-antigravity-push-notification
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Panduan konfigurasi PushNotif MCP Server di Google Antigravity IDE dan Gemini CLI (~/.gemini/settings.json). Kendalikan 24 tool notifikasi Web, Android, iOS & Email OTP dengan model Gemini.

## Integrasi Native PushNotif MCP untuk Google Antigravity & Gemini CLI.
Maksimalkan kemampuan penalaran panjang Google Gemini di Antigravity IDE dan Gemini CLI dengan 24 tool eksekusi nyata dari PushNotif. Mulai dari merancang desain HTML In-App Banner, menjadwalkan Cron Push Notification, hingga memantau analitik pengiriman secara otonom.

### Keunggulan Utama
- **[01 // GEMINI CLI & ANTIGRAVITY READY] Konfigurasi Standar ~/.gemini/settings.json**: Terintegrasi mulus dengan arsitektur MCP di Google Antigravity IDE dan Gemini CLI baik melalui `httpUrl` maupun `command: npx`.
- **[02 // AI STUDIO IN-APP BANNER] Generate Desain Popup HTML Langsung dari Gemini**: Gunakan kekuatan kreatif Gemini untuk merancang HTML/CSS promo interaktif, lalu terbitkan langsung ke website Anda dengan satu panggilan tool `configure_inapp_banner`.
- **[03 // AUTOMATED RSS & CRON SCHEDULER] Biarkan Agent Gemini Mengatur Jadwal Kampanye**: Instruksikan agent di Antigravity untuk menjadwalkan notifikasi harian/mingguan (`schedule_push_notification`) atau menyalakan poller RSS otomatis 24/7.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Koneksi di Gemini CLI / Antigravity** | ✓ Mendukung field httpUrl & npx di ~/.gemini/settings.json | Membutuhkan wrapper kustom |
| **Kapasitas Eksekusi Agent** | ✓ 24 Tool Lengkap (CRUD Aplikasi, Broadcast, Cron, OTP, Webhook, QRIS) | Terbatas pada pembacaan data saja |
| **Latensi Server** | ✓ Node Edge Jakarta (CGK-1) — Respons < 50ms untuk eksekusi tool | Server luar negeri dengan latensi tinggi |

### Konfigurasi ~/.gemini/settings.json (Gemini CLI & Google Antigravity):
```
// Tambahkan ke ~/.gemini/settings.json atau konfigurasi MCP Antigravity IDE:
{
  "mcpServers": {
    "pushnotif": {
      "command": "npx",
      "args": ["-y", "github:AarsyDesign/pushnotif-mcp"],
      "env": {
        "PUSHNOTIF_API_KEY": "pn_live_API_KEY_ANDA"
      }
    }
  }
}
```

### Pertanyaan Umum (FAQ)
- **Q: Di mana lokasi file konfigurasi MCP untuk Gemini CLI dan Antigravity?**
  A: Untuk Gemini CLI berada di `~/.gemini/settings.json`, sedangkan pada Antigravity IDE Anda juga dapat membuka panel MCP Servers di pengaturan editor dan menempelkan blok `mcpServers` di atas.
- **Q: Apakah Gemini Agent bisa memeriksa status pembayaran top-up QRIS saya?**
  A: Ya! Agent dapat memanggil `create_qris_invoice` untuk membuat tagihan top-up (mulai Rp 1.000) dan `check_billing_and_qris_status` untuk memverifikasi saldo kuota yang masuk.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# PushNotif MCP Server untuk OpenAI Codex CLI, OpenCode, Cline & VS Code Copilot

> **URL Resmi:** https://pushnotif.biz.id/mcp/openai-codex-opencode-cline
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Cara memasang PushNotif MCP Server di OpenAI Codex CLI, OpenCode (opencode.json), Cline, Roo Code, dan GitHub Copilot VS Code (.vscode/mcp.json).

## Satu Server MCP untuk OpenAI Codex, OpenCode, Cline & VS Code Copilot.
Apa pun senjata AI coding favorit Anda di terminal maupun VS Code — PushNotif MCP Server siap terhubung tanpa gesekan. Mendukung penuh standar `opencode.json`, `.vscode/mcp.json`, konfigurasi `~/.codex/config.toml`, serta ekstensi Cline dan Roo Code.

### Keunggulan Utama
- **[01 // UNIVERSAL MCP PROTOCOL (2025-06-18)] Kompatibel Lintas Klien AI Modern**: Mendukung spesifikasi Model Context Protocol terbaru dengan dual-transport: Streamable HTTP (`POST/GET /mcp`) dan Stdio (`npx github:AarsyDesign/pushnotif-mcp`).
- **[02 // OPENCODE & VSCODE NATIVE] Siap Pakai di opencode.json & .vscode/mcp.json**: Pengguna OpenCode CLI dan GitHub Copilot Agent Mode di VS Code cukup menempelkan URL remote endpoint kami tanpa perlu menginstal paket tambahan.
- **[03 // END-TO-END DEVOPS AUTOMATION] Kirim Notifikasi Deployment & Alert CI/CD**: Integrasikan agen Codex atau OpenCode di pipeline Anda untuk otomatis mengirim Web Push / Mobile Push ke tim setiap kali build selesai atau terjadi insiden.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Dukungan OpenCode CLI** | ✓ Native type: 'remote' (https://pushnotif.biz.id/mcp) di opencode.json | Hanya mendukung proses lokal |
| **Dukungan VS Code Copilot & Cline** | ✓ Native .vscode/mcp.json & Cline MCP Marketplace Ready | Konfigurasi manual yang rumit |
| **Dukungan OpenAI Codex CLI** | ✓ Satu perintah: codex mcp add pushnotif -- npx -y github:AarsyDesign/pushnotif-mcp | Belum teruji |

### Konfigurasi untuk OpenCode (opencode.json), VS Code (.vscode/mcp.json) & Codex CLI:
```
// 1. OpenCode CLI (opencode.json)
{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "pushnotif": {
      "type": "remote",
      "url": "https://pushnotif.biz.id/mcp",
      "headers": {
        "Authorization": "Bearer pn_live_API_KEY_ANDA"
      }
    }
  }
}

// 2. VS Code GitHub Copilot (.vscode/mcp.json)
{
  "servers": {
    "pushnotif": {
      "type": "http",
      "url": "https://pushnotif.biz.id/mcp",
      "headers": {
        "Authorization": "Bearer pn_live_API_KEY_ANDA"
      }
    }
  }
}

// 3. OpenAI Codex CLI (Terminal)
// codex mcp add pushnotif --env PUSHNOTIF_API_KEY=pn_live_API_KEY_ANDA -- npx -y github:AarsyDesign/pushnotif-mcp
```

### Pertanyaan Umum (FAQ)
- **Q: Bagaimana cara memasang PushNotif MCP di ekstensi Cline atau Roo Code di VS Code?**
  A: Buka panel Cline/Roo Code -> klik ikon 'MCP Servers' -> pilih 'Configure MCP Servers', lalu tempelkan blok JSON standar dengan command `npx` dan args `["-y", "github:AarsyDesign/pushnotif-mcp"]`.
- **Q: Apakah semua 24 tool berfungsi sama di OpenCode, Codex, dan VS Code Copilot?**
  A: 100% identik! Seluruh klien AI tersebut berkomunikasi dengan engine PushNotif yang sama dan dapat mengakses seluruh fitur Web Push, Mobile Push, In-App Popup, Social Toast, hingga Email OTP.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Universal Incoming Webhook Indonesia: Integrasi Supabase, Saweria, Shopify & Payment Gateway

> **URL Resmi:** https://pushnotif.biz.id/panduan/webhook-supabase-saweria-shopify
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Cara menghubungkan Webhook Supabase Database/Auth, Saweria/Trakteer, Shopify, Midtrans, dan Xendit ke Web Push Notification, Live Activity Toast, & Email Struk otomatis.

## Satu Endpoint Webhook Pintar untuk Supabase, Saweria, Shopify & Payment Gateway.
Tidak perlu menulis kode backend parser untuk setiap layanan. Cukup tempelkan 1 URL Incoming Webhook PushNotif ke Supabase Database Webhooks, Saweria, Shopify, Midtrans, atau Xendit — otomatis memicu Live Activity Toast, Web/Mobile Push, hingga Email Struk.

### Keunggulan Utama
- **[01 // AUTO-DETECT 9 FORMAT PAYLOAD] Kenali JSON Otomatis Tanpa Coding**: Deteksi otomatis payload Supabase (`record`, `table`, `type`), Saweria/Trakteer (`donator_name`, `amount_raw`), Shopify (`line_items`), WooCommerce, GitHub, Midtrans, Xendit, Duitku & Tripay.
- **[02 // TRIPLE-ACTION ROUTING] Live Toast + Web Push + Email Struk Sekaligus**: Setiap event yang masuk dapat langsung menayangkan Social Proof di pojok website (Rp 0), mengirim Push Notification ke admin/user (Rp 0,20), dan mengirim Email Struk Lunas (25 kuota).
- **[03 // PRIVACY MASKING OTOMATIS] Keamanan Identitas Pembeli Terjaga**: Nama pembeli atau pendaftar dari webhook otomatis disamarkan sebagian (contoh: `Budi S***`) saat ditampilkan pada Live Activity Toast publik.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Dukungan Format Payload** | ✓ 9 Format Otomatis (Supabase, Saweria, Shopify, Midtrans, Xendit, Woo, GitHub, Custom) | Hanya 1 format kaku / wajib coding sendiri |
| **Output Channel Sekaligus** | ✓ Live Social Toast + Web/Mobile Push + Email Struk | Hanya 1 channel |
| **Biaya Eksekusi** | ✓ Rp 0 (Toast) / Rp 0,20 (Push) via Top-Up QRIS | Langganan $25 - $250/bulan (Knock / Zapier) |

### Contoh URL Universal Incoming Webhook & Payload Supabase / Saweria:
```
// Endpoint Universal Incoming Webhook PushNotif:
// POST https://pushnotif.biz.id/api/v1/apps/app_YOUR_ID/incoming-event?key=pn_live_YOUR_KEY&mode=both

// 1. Contoh Payload Otomatis dari Supabase Database Webhook (INSERT):
{
  "type": "INSERT",
  "table": "users",
  "schema": "public",
  "record": {
    "name": "Nadia Pratama",
    "email": "nadia@startup.id",
    "plan": "Paket Pro Tahunan"
  }
}

// 2. Contoh Payload Otomatis dari Saweria / Creator Support:
{
  "donator_name": "Rizky Kreator",
  "amount_raw": 50000,
  "message": "Semangat terus bikin konten & fiturnya!"
}
```

### Pertanyaan Umum (FAQ)
- **Q: Bagaimana cara memasang URL Webhook ini di Supabase?**
  A: Buka Dashboard Supabase -> Database -> Webhooks -> Create a new hook. Pilih tabel (misal `users` atau `orders`), centang event `Insert`, pilih HTTP Request `POST`, lalu tempelkan URL Incoming Webhook PushNotif Anda.
- **Q: Apakah bisa digunakan hanya untuk menampilkan Live Activity Toast tanpa memotong kuota Push?**
  A: Bisa! Cukup ubah parameter di ujung URL menjadi `?mode=toast_only`. Seluruh transaksi dan pendaftaran baru akan langsung tampil sebagai Social Proof di website Anda dengan biaya Rp 0.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================

# Cara Migrasi dari OneSignal & LaraPush Tanpa Kehilangan Subscriber + Welcome Push Otomatis

> **URL Resmi:** https://pushnotif.biz.id/panduan/migrasi-onesignal-larapush-welcome-push
> **Kategori:** PushNotif Documentation
> **Ringkasan:** Panduan Zero-Downtime Migration untuk memindahkan Custom VAPID Key dan ribuan subscriber CSV/JSON dari OneSignal, LaraPush, atau Webpushr ke PushNotif Indonesia, lengkap dengan Drip Welcome Push otomatis.

## Pindah dari OneSignal atau LaraPush Tanpa Kehilangan 1 Subscriber Pun.
Jangan biarkan puluhan ribu subscriber Web Push yang sudah Anda kumpulkan bertahun-tahun hangus karena biaya langganan Dolar naik. Impor pasangan VAPID Key dan daftar endpoint subscriber Anda ke PushNotif dalam hitungan detik — gratis 0 kuota!

### Keunggulan Utama
- **[01 // CUSTOM VAPID KEY & BULK IMPORT CSV/JSON] 100% Subscriber Lama Tetap Aktif**: Masukkan VAPID Public & Private Key lama Anda di Dashboard, lalu unggah/tempel hingga 10.000 data subscriber (`endpoint`, `p256dh`, `auth`) sekaligus dalam format CSV atau JSON.
- **[02 // AUTOMATED WELCOME PUSH & DRIP DELAY] Sapa Subscriber Baru Otomatis (0 - 15 Detik)**: Aktifkan pesan sambutan otomatis dengan tautan halaman promo khusus (`welcome_url`) dan jeda pengiriman natural (`welcome_delay_sec`) begitu pengunjung klik Izinkan Notifikasi.
- **[03 // DATA PORTABILITY PENUH (EXPORT KAPAN SAJA)] Tidak Ada Vendor Lock-In**: Berbeda dengan layanan luar yang mengunci data Anda, di PushNotif Anda bebas mengunduh (Export) seluruh daftar subscriber aktif beserta kunci kriptografinya ke CSV/JSON kapan pun.

### Perbandingan Fitur & Biaya
| Parameter | PushNotif Indonesia | Alternatif Lain |
| :--- | :--- | :--- |
| **Import Custom VAPID & Subscriber** | ✓ Gratis (Mendukung CSV & JSON hingga 10.000 baris/batch) | Dikunci / Hanya di paket Enterprise ribuan Dolar |
| **Export Data Subscriber Penuh** | ✓ 1-Klik Export CSV & JSON langsung dari Dashboard | Sulit / Kunci p256dh & auth disembunyikan |
| **Automated Welcome Push + Custom URL** | ✓ Tersedia Gratis (Bisa atur URL Promo & Jeda Detik) | Wajib langganan paket berbayar bulanan |

### Contoh API Bulk Import Subscriber & Konfigurasi Welcome Push Drip:
```
# 1. Import Subscriber Lama via REST API (JSON / CSV):
curl -X POST "https://pushnotif.biz.id/api/v1/apps/app_YOUR_ID/subscribers/import" \
  -H "Authorization: Bearer pn_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "default_tags": "all,migrated_onesignal",
    "subscribers": [
      {
        "endpoint": "https://fcm.googleapis.com/fcm/send/eXampleEndpoint...",
        "p256dh": "BNcRdreALRFXTkOOUHK1EtK2wtaz5Ry4YfYCA_0QTpQtUbVlUls0VJXg7A8u-Ts1XbjhazAkj7I99e8QcYP7DkM=",
        "auth": "tBHItJI5svbpez7KI4CCXg=="
      }
    ]
  }'

# 2. Aktifkan Welcome Push Otomatis dengan Custom Promo URL & Jeda 5 Detik:
curl -X POST "https://pushnotif.biz.id/api/v1/apps/app_YOUR_ID/welcome-journey" \
  -H "Authorization: Bearer pn_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "welcome_enabled": true,
    "welcome_title": "Selamat Datang! Klaim Voucher Diskon 20% Anda",
    "welcome_body": "Klik notifikasi ini untuk mengambil kode promo khusus member baru.",
    "welcome_url": "https://tokoanda.id/promo-member-baru",
    "welcome_delay_sec": 5
  }'
```

### Pertanyaan Umum (FAQ)
- **Q: Mengapa saya harus memasukkan Custom VAPID Key sebelum mengimpor subscriber lama?**
  A: Standar keamanan browser (RFC 8292) mengikat setiap endpoint subscriber ke pasangan kunci kriptografi VAPID saat mereka pertama kali klik Allow. Dengan memasukkan VAPID Public & Private Key lama Anda ke PushNotif, browser pelanggan tetap mengenali pengiriman dari PushNotif tanpa perlu meminta izin ulang.
- **Q: Apakah proses Import Subscriber memotong kuota kredit saya?**
  A: Tidak sama sekali (0 Kuota). Kuota hanya terpotong Rp 0,20 (1 kredit) saat Anda benar-benar mengirimkan pesan Push Notification dan pesan tersebut berhasil diterima perangkat.

---
### Ekosistem PushNotif (https://pushnotif.biz.id)
- **Daftar Gratis 1.000 Kuota Selamanya:** https://pushnotif.biz.id/auth?mode=register
- **Official MCP Server (24 Tools):** `https://pushnotif.biz.id/mcp` (`npx -y github:AarsyDesign/pushnotif-mcp`)
- **Spesifikasi LLMs:** https://pushnotif.biz.id/llms.txt | https://pushnotif.biz.id/llms-full.txt


================================================================================
# OFFICIAL AGENT SKILL SPECIFICATION (SKILL.md)
================================================================================

# PushNotif Official Skill & MCP Integration (https://pushnotif.biz.id)

Use this skill to register new PushNotif accounts via OTP, authenticate existing accounts, generate SDK snippets, broadcast Web Push (VAPID) & Mobile Push (Android FCM / iOS APNs), configure In-App Popup / Live Activity Toast, and manage QRIS credits directly from chat.

## 1. Remote MCP Endpoint (Streamable HTTP / JSON-RPC 2.0)
- **URL:** `https://pushnotif.biz.id/mcp`
- **Unauthenticated Onboarding Tools (No API Key Required):**
  1. `request_registration_otp` (`email`, `name`) -> Sends 6-digit OTP to user's email & checks duplicate email (`400` if already registered).
  2. `register_new_account` (`name`, `email`, `password`, `otp_code`, `site_name`, `site_url`) -> Verifies OTP, creates account (+1,000 Free Credits forever), registers first website, and returns `api_key` (`pn_live_...`) + `app_id`.
  3. `login_existing_account` (`email`, `password`) -> Authenticates existing user and returns their `api_key` (`pn_live_...`).
- **Authenticated Workspace Tools (Pass `Authorization: Bearer pn_live_...` header OR `api_key` in tool arguments):**
  - `list_apps`, `create_app`, `get_integration_guide`, `send_push_notification`, `schedule_push_notification`, `configure_inapp_banner`, `configure_rss_autopush`, `create_qris_invoice`, `check_billing_and_qris_status`, `update_app_branding`, `update_profile`.

## 2. Direct REST API & OpenAPI 3.1.0 Specification
- **OpenAPI Spec URL:** `https://pushnotif.biz.id/openapi.json`
- **Step 1 — Request OTP (Duplicate Check + Email Verification):**
  `POST https://pushnotif.biz.id/api/v1/auth/send-otp`
  Body: `{"email": "user@domain.com", "name": "Workspace Name", "purpose": "REGISTER"}`
- **Step 2 — Verify OTP & Create Account (+1,000 Free Credits & Returns `api_key`):**
  `POST https://pushnotif.biz.id/api/v1/auth/register`
  Body: `{"name": "Workspace Name", "email": "user@domain.com", "password": "secretpassword", "otp_code": "123456", "site_name": "My Web", "site_url": "https://myweb.com"}`
- **Alternative — Login Existing Account to Retrieve `api_key`:**
  `POST https://pushnotif.biz.id/api/v1/auth/login`
  Body: `{"email": "user@domain.com", "password": "secretpassword"}`