From 9609501d7b6d9eada5258704d14066fa6739cdec Mon Sep 17 00:00:00 2001 From: OpenClaw Date: Mon, 2 Mar 2026 15:06:41 +0100 Subject: [PATCH] feat: add /pricing and /changelog SEO pages - Pricing page with full comparison table, feature matrix, FAQ, JSON-LD Product schema - Changelog page with all versions v0.1.0-v0.6.0, JSON-LD Blog schema - 301 redirects for clean URLs - Added to sitemap.xml - Pricing in main nav, changelog in footer - 14 new tests (171 total) --- public/changelog.html | 237 +++++++++++++++++++++ public/index.html | 3 +- public/pricing.html | 277 +++++++++++++++++++++++++ public/sitemap.xml | 2 + src/index.ts | 2 + src/routes/__tests__/seo-pages.test.ts | 132 ++++++++++++ 6 files changed, 652 insertions(+), 1 deletion(-) create mode 100644 public/changelog.html create mode 100644 public/pricing.html diff --git a/public/changelog.html b/public/changelog.html new file mode 100644 index 0000000..fd7018f --- /dev/null +++ b/public/changelog.html @@ -0,0 +1,237 @@ + + + + + +API Changelog — SnapAPI Updates & Release History + + + + + + + + + + + + + + + + + + +
+
+

Changelog

+

Every update, feature, and improvement to SnapAPI. Follow our progress as we build the best EU-hosted screenshot API.

+
+
+ +
+
+ +
+
+ v0.6.0 + March 2026 + Latest +
+
+
    +
  • GET endpoint for direct image embedding in <img> tags
    • +
  • Response caching with X-Cache headers and 5-minute TTL
    • +
  • Usage dashboard for tracking API consumption
    • +
  • Customer portal for managing subscriptions
    • +
  • API key recovery flow
    • +
  • SEO pages: comparison page, quick-start guide
    • +
  • 157 tests covering all functionality
    • +
+
+
+ +
+
+ v0.5.0 + February 2026 +
+
+
    +
  • Stripe billing integration
    • +
  • 3 paid plans: Starter (€9/mo), Pro (€29/mo), Business (€79/mo)
    • +
  • Checkout flow with automatic API key provisioning
    • +
  • Stripe webhook handling for subscription lifecycle
    • +
+
+
+ +
+
+ v0.4.0 + February 2026 +
+
+
    +
  • Playground endpoint — try the API without authentication
    • +
  • Watermarked output for playground screenshots
    • +
  • IP-based rate limiting (5 requests/hour)
    • +
  • Official Node.js SDK
    • +
  • Official Python SDK
    • +
+
+
+ +
+
+ v0.3.0 + February 2026 +
+
+
    +
  • Redesigned landing page with dark theme
    • +
  • Removed free tier — playground replaces it
    • +
  • Interactive Swagger documentation at /docs
    • +
+
+
+ +
+
+ v0.2.0 + February 2026 +
+
+
    +
  • SSRF protection — blocks private/internal IP ranges
    • +
  • Browser pool with automatic recycling
    • +
  • PostgreSQL integration for persistent data
    • +
+
+
+ +
+
+ v0.1.0 + February 2026 +
+
+
    +
  • Initial release
    • +
  • POST /v1/screenshot endpoint
    • +
  • Health check endpoint
    • +
  • Basic API key authentication
    • +
+
+
+ +
+ +
+

Start building with SnapAPI

+

Get your API key in 60 seconds and start capturing screenshots.

+ View Pricing → +
+
+ + + + diff --git a/public/index.html b/public/index.html index 065cb5f..a5a1c4f 100644 --- a/public/index.html +++ b/public/index.html @@ -240,7 +240,7 @@ footer{border-top:1px solid var(--border);padding:48px 24px 32px;background:var(
Features Try It Free - Pricing + Pricing API Docs Swagger Usage @@ -738,6 +738,7 @@ screenshot = snap.capture( Quick Start Status Usage Dashboard + Changelog
Legal
diff --git a/public/pricing.html b/public/pricing.html new file mode 100644 index 0000000..577e507 --- /dev/null +++ b/public/pricing.html @@ -0,0 +1,277 @@ + + + + + +Screenshot API Pricing — Affordable Plans from €9/mo | SnapAPI + + + + + + + + + + + + + + + + + + +
+
+

Simple, transparent pricing

+

No hidden fees. No per-pixel charges. Just straightforward monthly plans with generous screenshot allowances. EU-hosted.

+
+
+ +
+
+
+
Starter
+
€9/mo
+
1,000 screenshots/month
+
    +
  • All output formats (PNG, JPEG, WebP)
    • +
  • Custom viewports & device scale
    • +
  • Full-page capture
    • +
  • No watermark
    • +
  • GET & POST endpoints
    • +
  • Response caching
    • +
  • Email support
    • +
+ +
+
+
Pro
+
€29/mo
+
5,000 screenshots/month
+
    +
  • Everything in Starter
    • +
  • Priority rendering
    • +
  • Webhook callbacks
    • +
  • Batch API
    • +
  • Custom viewport presets
    • +
  • Response caching (extended)
    • +
  • Priority support
    • +
+ +
+
+
Business
+
€79/mo
+
25,000 screenshots/month
+
    +
  • Everything in Pro
    • +
  • SLA guarantee
    • +
  • Dedicated support
    • +
  • Custom integrations
    • +
  • DPA included
    • +
  • Custom user-agent
    • +
  • Volume discounts available
    • +
+ +
+
+ +
+

Feature comparison

+ + + + + + + + + + + + + + + + + + + + + +
FeatureStarterProBusiness
Screenshots/month1,0005,00025,000
PNG format✓✓✓
JPEG format✓✓✓
WebP format✓✓✓
Full-page capture✓✓✓
Custom viewport✓✓✓
GET endpoint (img embed)✓✓✓
Response caching✓✓✓
Priority rendering—✓✓
Webhook callbacks—✓✓
Batch API—✓✓
SLA guarantee——✓
DPA included——✓
Priority support—✓✓
Dedicated support——✓
+
+ +
+

Pricing FAQ

+
+

What's the billing cycle?

+

All plans are billed monthly. Your billing cycle starts on the day you subscribe and renews automatically each month.

+
+
+

Can I upgrade or downgrade my plan?

+

Yes, you can change your plan at any time from the customer portal. Upgrades take effect immediately with prorated billing. Downgrades take effect at the next billing cycle.

+
+
+

What happens if I exceed my monthly limit?

+

API calls beyond your monthly quota will return a 429 status code. You won't be charged extra — simply upgrade your plan if you need more screenshots.

+
+
+

What's your refund policy?

+

We offer a full refund within the first 7 days of your initial subscription. After that, you can cancel anytime and your plan remains active until the end of the current billing period.

+
+
+

Do you offer annual pricing?

+

Not yet, but annual plans with a discount are coming soon. Subscribe to monthly for now and you'll be notified when annual plans are available.

+
+
+

Is there a free tier?

+

We don't offer a free tier, but you can test the API anytime using the free playground — no signup required. Playground screenshots are watermarked.

+
+
+ +
+

Ready to get started?

+

Try the free playground first, or pick a plan and start capturing screenshots in minutes.

+ Try Playground Free → +
+
+ + + + + diff --git a/public/sitemap.xml b/public/sitemap.xml index 87c9000..a9dd6cd 100644 --- a/public/sitemap.xml +++ b/public/sitemap.xml @@ -7,6 +7,8 @@ https://snapapi.eu/use-cases/pdf-reportsmonthly0.7 https://snapapi.eu/comparemonthly0.7 https://snapapi.eu/guides/quick-startmonthly0.7 + https://snapapi.eu/pricingmonthly0.8 + https://snapapi.eu/changelogmonthly0.6 https://snapapi.eu/statusalways0.3 https://snapapi.eu/impressum.htmlyearly0.2 https://snapapi.eu/privacy.htmlyearly0.2 diff --git a/src/index.ts b/src/index.ts index b032bc8..d9798a3 100644 --- a/src/index.ts +++ b/src/index.ts @@ -138,6 +138,8 @@ for (const page of ["social-media-previews", "website-monitoring", "pdf-reports" // Clean URLs for SEO pages app.get("/compare", (_req, res) => res.redirect(301, "/compare.html")); app.get("/guides/quick-start", (_req, res) => res.redirect(301, "/guides/quick-start.html")); +app.get("/pricing", (_req, res) => res.redirect(301, "/pricing.html")); +app.get("/changelog", (_req, res) => res.redirect(301, "/changelog.html")); // Static files (landing page) app.use(express.static(path.join(__dirname, "../public"), { etag: true })); diff --git a/src/routes/__tests__/seo-pages.test.ts b/src/routes/__tests__/seo-pages.test.ts index c181917..968f24f 100644 --- a/src/routes/__tests__/seo-pages.test.ts +++ b/src/routes/__tests__/seo-pages.test.ts @@ -14,6 +14,8 @@ function createApp() { // Clean URL redirects matching index.ts app.get('/compare', (_req, res) => res.redirect(301, '/compare.html')) app.get('/guides/quick-start', (_req, res) => res.redirect(301, '/guides/quick-start.html')) + app.get('/pricing', (_req, res) => res.redirect(301, '/pricing.html')) + app.get('/changelog', (_req, res) => res.redirect(301, '/changelog.html')) app.use(express.static(publicDir, { etag: true })) return app @@ -92,16 +94,146 @@ describe('Quick-Start Guide', () => { }) }) +describe('Pricing Page', () => { + const app = createApp() + + it('GET /pricing.html returns 200', async () => { + const res = await request(app).get('/pricing.html') + expect(res.status).toBe(200) + expect(res.headers['content-type']).toContain('text/html') + }) + + it('GET /pricing redirects 301 to .html', async () => { + const res = await request(app).get('/pricing') + expect(res.status).toBe(301) + expect(res.headers.location).toBe('/pricing.html') + }) + + it('contains required SEO elements', async () => { + const res = await request(app).get('/pricing.html') + const html = res.text + expect(html).toMatch(/.+<\/title>/) + expect(html).toMatch(/<meta name="description" content=".+"/) + expect(html).toMatch(/<meta property="og:title"/) + expect(html).toMatch(/<meta property="og:description"/) + expect(html).toMatch(/<meta property="og:type" content="website"/) + expect(html).toMatch(/<link rel="canonical" href="https:\/\/snapapi\.eu\/pricing"/) + expect(html).toMatch(/<meta name="twitter:card"/) + }) + + it('contains JSON-LD Product schema with offers', async () => { + const res = await request(app).get('/pricing.html') + const html = res.text + expect(html).toContain('"@type":"Product"') + expect(html).toContain('"Offer"') + expect(html).toContain('"9.00"') + expect(html).toContain('"29.00"') + expect(html).toContain('"79.00"') + }) + + it('contains all three pricing tiers', async () => { + const res = await request(app).get('/pricing.html') + const html = res.text + expect(html).toContain('Starter') + expect(html).toContain('Pro') + expect(html).toContain('Business') + expect(html).toContain('€9') + expect(html).toContain('€29') + expect(html).toContain('€79') + }) + + it('contains feature comparison matrix', async () => { + const res = await request(app).get('/pricing.html') + const html = res.text + expect(html).toContain('PNG') + expect(html).toContain('Full-page') + expect(html).toContain('Custom viewport') + }) + + it('contains FAQ section', async () => { + const res = await request(app).get('/pricing.html') + const html = res.text + expect(html).toContain('FAQ') + expect(html).toContain('billing') + }) + + it('contains checkout CTA buttons', async () => { + const res = await request(app).get('/pricing.html') + const html = res.text + expect(html).toContain("checkout('starter')") + expect(html).toContain("checkout('pro')") + expect(html).toContain("checkout('business')") + }) +}) + +describe('Changelog Page', () => { + const app = createApp() + + it('GET /changelog.html returns 200', async () => { + const res = await request(app).get('/changelog.html') + expect(res.status).toBe(200) + expect(res.headers['content-type']).toContain('text/html') + }) + + it('GET /changelog redirects 301 to .html', async () => { + const res = await request(app).get('/changelog') + expect(res.status).toBe(301) + expect(res.headers.location).toBe('/changelog.html') + }) + + it('contains required SEO elements', async () => { + const res = await request(app).get('/changelog.html') + const html = res.text + expect(html).toMatch(/<title>.+<\/title>/) + expect(html).toMatch(/<meta name="description" content=".+"/) + expect(html).toMatch(/<meta property="og:title"/) + expect(html).toMatch(/<meta property="og:description"/) + expect(html).toMatch(/<link rel="canonical" href="https:\/\/snapapi\.eu\/changelog"/) + expect(html).toMatch(/<meta name="twitter:card"/) + }) + + it('contains JSON-LD Blog schema', async () => { + const res = await request(app).get('/changelog.html') + const html = res.text + expect(html).toContain('"@type":"Blog"') + }) + + it('contains all version entries in order', async () => { + const res = await request(app).get('/changelog.html') + const html = res.text + const v06 = html.indexOf('v0.6.0') + const v05 = html.indexOf('v0.5.0') + const v04 = html.indexOf('v0.4.0') + const v03 = html.indexOf('v0.3.0') + const v02 = html.indexOf('v0.2.0') + const v01 = html.indexOf('v0.1.0') + expect(v06).toBeGreaterThan(-1) + expect(v05).toBeGreaterThan(v06) + expect(v04).toBeGreaterThan(v05) + expect(v03).toBeGreaterThan(v04) + expect(v02).toBeGreaterThan(v03) + expect(v01).toBeGreaterThan(v02) + }) +}) + describe('Sitemap & Index updates', () => { it('sitemap contains new URLs', () => { const sitemap = fs.readFileSync(path.join(publicDir, 'sitemap.xml'), 'utf-8') expect(sitemap).toContain('https://snapapi.eu/compare') expect(sitemap).toContain('https://snapapi.eu/guides/quick-start') + expect(sitemap).toContain('https://snapapi.eu/pricing') + expect(sitemap).toContain('https://snapapi.eu/changelog') }) it('index.html has links to new pages', () => { const index = fs.readFileSync(path.join(publicDir, 'index.html'), 'utf-8') expect(index).toContain('/compare') expect(index).toContain('/guides/quick-start') + expect(index).toContain('/pricing') + }) + + it('footer has changelog link', () => { + const index = fs.readFileSync(path.join(publicDir, 'index.html'), 'utf-8') + expect(index).toContain('/changelog') }) })