popnow
PreiseAnmeldenLos geht’s
Hand-Drawn Pricing Section: first screen
Hand-Drawn Pricing Section: full page

Das bekommst du

  • Ein in sich geschlossener Preisbereich, der offline und in einem iframe läuft
  • Zwei bis vier Tarifkarten mit Abzeichen, Funktionen, einem Band für den empfohlenen Tarif und Buttons je Tarif
  • Ein Umschalter Monatlich / Jährlich mit Hinweis zur Ersparnis und Notizen zur Jahresabrechnung
  • Helles und dunkles Design plus eine statische Prüfung der fertigen Datei
  • Optional eine freigestellte Sticker-Illustration mit PopNow, nach Preisangebot

Gut für

  • Indie-Apps, Creator-Tools und kleine SaaS-Produkte
  • Mitgliedschafts-, Kurs- oder Newsletter-Tarife
  • Launch-Seiten, die einen freundlichen, lockeren Ton wollen

Nicht für

  • Unternehmenspreislisten mit langen Vergleichstabellen
  • Marken mit formaler oder streng minimaler Sprache

So nutzt du ihn

In Claude oder ChatGPT

Nutze den PopNow-Skill „Handgezeichneter Preisbereich“ (pricing-page-section) dafür: Preise für Brewlog, ein Kaffee-Verkostungstagebuch: Free, Barista 4 $/Monat oder 40 $/Jahr, Roastery 12 $/Monat oder 120 $/Jahr für Cafés. Empfiehl Barista.

In einem Coding-Agent

/popnow-pricing-page-section Preise für Brewlog, ein Kaffee-Verkostungstagebuch: Free, Barista 4 $/Monat oder 40 $/Jahr, Roastery 12 $/Monat oder 120 $/Jahr für Cafés. Empfiehl Barista.

Dann probier

Zeig mir vorher das Angebot für einen Sticker eines Filterkaffee-Wasserkessels in unseren Akzentfarben und schneid ihn frei.

Mach daraus eine Svelte-Komponente und lass den Designwechsel der Seite den Dunkelmodus steuern.

Das solltest du bereithalten

  • Tarifnamen, Monats- und Jahrespreise, Limits und Funktionen
  • Welchen Tarif du empfiehlst und wohin jeder Button führt
  • Ein ehrlicher Satz zu Testphasen, Rückerstattungen oder Kündigung
  • Optional: ein PopNow-API-Schlüssel für die Sticker-Illustration

Leitfaden: So erstellst du eine Landingpage mit KI

Ähnliche Skills

Alle ansehen →

Bewertungen

Noch keine Bewertungen. Schon installiert? Gib die erste Bewertung ab.

Diesen Skill bewerten

Fragen

Funktioniert der Jahresumschalter ohne Framework?

Ja. Jeder Preis trägt seinen Monats- und Jahreswert als Datenattribut, und ein paar Zeilen einfaches JavaScript tauschen sie aus. Entferne den Umschalter, wenn du nur einen Abrechnungszyklus anbietest.

Lädt die handgeschriebene Schrift auf jedem Gerät?

Sie nutzt Handschriften, die schon im System installiert sind, mit Ersatzschriften. Es wird also nichts heruntergeladen, und der Bereich funktioniert offline. Die genaue Schrift unterscheidet sich ein wenig zwischen macOS, Windows und Android.

Was ergänzt PopNow hier?

Eine optionale Sticker-Illustration für den Rand: eine Zeichnung im gleichen Tinten- und Flächenfarben-Look, dann ein sauberer Freisteller mit PopNows Hintergrundentferner. Jeder Lauf wird vorab beziffert und startet erst, wenn du zustimmst.

Kann ich es in eine bestehende Seite einbauen?

Ja. Alle Stile sind unter Klassen mit dem Präfix .skp- gekapselt, und der Skill baut den Bereich als Komponente für React, Vue, Svelte oder Astro, sodass die Gastseite das Design bestimmt.

Funktioniert es als SaaS-Preisvorlage?

Ja. Tarife, Monats- und Jahrespreise, Funktionszeilen und ein Abzeichen für den beliebtesten Tarif kommen aus einem Datenblock, so wie die meisten SaaS-Preisseiten aufgebaut sind. Nutze es als ganze Preisseiten-Vorlage oder setz die Preistabelle in eine bestehende Seite ein.