popnow
PreiseAnmeldenLos geht’s

Das bekommst du

  • Ein einzelner Offline-HTML-Abschnitt mit Raster- und Driftlayout, Pause und Dunkelmodus
  • Eine React-Komponente mit typisierten Feldern für Quelle und Erlaubnis
  • Ein Prüfer, der bei Beispieltext, fehlender Zustimmung, Emoji-Symbolen und externen Dateien anschlägt
  • Eine Anfrage-E-Mail und ein Leitfaden zur Dokumentation, um Zitate einzusammeln
  • Optional Porträt-Bereinigung mit PopNow nach Preisangebot

Gut für

  • Landingpages für SaaS, Apps und Kurse
  • Agentur- und Freelancer-Seiten mit zufriedenen Kund:innen
  • Startseiten, die bereits Feedback früher Nutzer:innen haben

Nicht für

  • Seiten ohne echte Zitate
  • Sternebewertungs-Widgets, die eine verifizierte Bewertungsquelle brauchen
  • Videozitate

So nutzt du ihn

In Claude oder ChatGPT

Nutze den PopNow-Skill „Kundenstimmen-Wand“ (testimonial-wall-section) dafür: Füg unserer Astro-Landingpage eine Zitatwand hinzu, aus den sechs freigegebenen Zitaten in content/quotes.json. Wer kein Foto hat, bekommt Initialen.

In einem Coding-Agent

/popnow-testimonial-wall-section Füg unserer Astro-Landingpage eine Zitatwand hinzu, aus den sechs freigegebenen Zitaten in content/quotes.json. Wer kein Foto hat, bekommt Initialen.

Dann probier

Zeig mir vorher das Angebot für das Freistellen der drei Porträts, die Kund:innen geschickt haben, und die Abstimmung ihres Lichts.

Schreib die Anfrage-E-Mail für die Erlaubnis zu den zwei Zitaten, die wir in Support-Tickets gefunden haben.

Das solltest du bereithalten

  • Echte Kundenzitate mit Namen und Rolle, so wie sie gezeigt werden sollen
  • Die Zustimmung jeder Person, zitiert zu werden, und eventuell geschickte Fotos
  • Deine Seitenfarben, falls sie von Warmpapier und Petrol abweichen
  • Optional: ein PopNow-API-Schlüssel für die Porträtbereinigung

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

Warum liegen Platzhalterkarten statt Beispielbewertungen bei?

Erfundene Bewertungen neben Namen und Gesichtern täuschen Leser und können gegen Werberegeln verstoßen. Die Vorlage nutzt Karten mit der Aufschrift Beispiel, damit das Layout sichtbar ist. Der Prüfer lässt eine Seite erst durch, wenn jede Karte eine echte Quelle und eine dokumentierte Erlaubnis hat.

Kann es Kundenfotos erzeugen?

Nein. Avatare sind Initialen oder Fotos, die die Kund:innen selbst geschickt haben. PopNow wird nur genutzt, um gelieferte Fotos aufzubereiten: unruhige Hintergründe freistellen, kleine Bilder hochskalieren und das Licht im ganzen Set angleichen.

Ist das Driftlayout barrierefrei?

Es hält bei Mausüberfahrt und Tastaturfokus an, hat einen sichtbaren Pausenknopf, blendet die doppelten Schleifenkarten für Screenreader aus und wechselt bei aktivierter Reduzierung von Bewegung auf das statische Raster.

Braucht die React-Version eine Animationsbibliothek?

Nein. Die Drift ist ein CSS-Keyframe, und die Komponente hängt nur von React ab. Sie funktioniert also in Next.js, Vite, Remix oder als Astro-Insel.

Kann die Wand zu einer vollständigen Referenzseite werden?

Ja. Dieselbe Komponente füllt eine ganze Referenzseite mit Filtern nach Produkt oder Rolle oder sitzt als kurzer Abschnitt auf deiner Startseite. Der Abschnitt gibt es in Hell und Dunkel, und er erfindet kein einziges Zitat.