Das bekommst du
- Eine Offline-HTML-Datei mit eingebetteten Schriften und Fotos, oder ein Port für Next.js, React, Vue oder Astro
- Startseite, Shop mit Live-Filterzählung, Kategorie- und Produktseiten mit Varianten, Tasche und eine Demo-Kasse
- Nachfüll-Planer, Pflegeanleitungen, Lieferung, FAQ, Kontakt, Über uns, gespeicherte Artikel, rechtliche Seiten und 404
- Ein Validator, der Links, Offline-Sicherheit, Zustände und übrig gebliebene Beispieltexte prüft
- Optional PopNow-Bereinigung deiner Produktfotos und erzeugte Tiere oder Szenen, vor jedem Lauf beziffert
Gut für
- Unabhängige Tierfachgeschäfte, die online gehen
- Futter-, Leckerli- und Zubehörmarken, die direkt verkaufen
- Groomer, Tierarztpraxen und Tagesbetreuungen, die auch Produkte verkaufen
Nicht für
- Echte Zahlungen heute: Die Kasse ist eine Demo, bis ein Anbieter angebunden ist
- Kataloge mit Hunderten Artikeln, die eine Datenbank brauchen
- Laute, neonfarbene oder dunkle Markenlooks
So nutzt du ihn
In Claude oder ChatGPT
Nutze den PopNow-Skill „Tierbedarf-Shop-Website-Vorlage“ (pet-store-website) dafür: Bau einen Shop für Mossbank Pets, ein kleines Geschäft in Leeds mit Hunde- und Katzenfutter, Körben und Spielzeug in GBP, inklusive MwSt., kostenloser Lieferung ab 40 GBP.
In einem Coding-Agent
/popnow-pet-store-website Bau einen Shop für Mossbank Pets, ein kleines Geschäft in Leeds mit Hunde- und Katzenfutter, Körben und Spielzeug in GBP, inklusive MwSt., kostenloser Lieferung ab 40 GBP.
Dann probier
Schneide meine Produktfotos in ./photos frei und setz sie auf die weiße Bühne; zeig mir vorher den Preis.
Mach aus dem Nachfüll-Planer eine Seite für ein monatliches Futter-Abo.
Das solltest du bereithalten
- Produktnamen, Preise, Varianten und welche Tiere sie passen
- Bis zu sechs Kategorien sowie Liefergebühren, Annahmeschlüsse und Rückgabe
- Produktfotos, auch Handyfotos, oder ein PopNow-API-Schlüssel
- Adresse und Öffnungszeiten, falls du ein Geschäft hast
Ähnliche Skills
Alle ansehen →- Web
3D-Avatar-Maker
+25Baue im Browser eine niedliche 3D-Figur im Plüschtier-Look und speichere sie als transparentes PNG oder 3D-Seite.
- Web
Kalender-Heatmap
+25Ein Jahr täglicher Aktivität als schattiertes Kalenderraster, mit Serien, Summen und Tastaturbedienung.
- Web
KI-SaaS-Landingpage
+25Warmes Sandpapier und feine Linien um ein lebendiges Kanban-Board, auf dem ein Assistent Aufgaben plant.
- Web
Animierte Hero-Section
+25Ein Landingpage-Hero mit sanft wechselndem Schlagwort, zwei Buttons und einem breiten Bildrahmen.
- Web
Getränkemarken-Website-Vorlage
+25Sonnige Website für Getränke- oder Snackmarken: Shop, Kistenkonfigurator, Händlerkarte und Demo-Kasse in einer Datei.
- Web
Shader-Hero-Website für Agenturen
+25Orange-Shader hinter großer Aussage, Pillen-Navigation und versetztem Raster mit Fallstudien.
- Web
Dunkle SaaS-Landingpage
+25Eine dunkle, bewegungsreiche Marketingseite für ein Softwareprodukt, geliefert als eine eigenständige HTML-Datei.
- Web
Designer-Portfolio-Website
+25Sechs geneigte Karten um eine verblassende Überschrift auf ruhigem Grau, eine rote Porträtkarte, Fallstudien.
- Web
Entwickler-Portfolio-Website
+25Eine dunkle persönliche Website für Entwickler mit Fallstudien, Artikeln, Vorträgen, Lebenslauf und Kontaktformular.
- Web
Redaktionelle SaaS-Website
+25Marineblauer geteilter Hero, Serifen-Überschrift neben einem Dokumentarbild, schräge Bänder, ein Kobaltakzent.
- Web
Website für Freelance-Designer:innen
+25Eine mutige Ein-Personen-Studioseite mit festen Paketpreisen, Paketseiten, Fallstudien und Anfrageformular.
- Web
Glassmorphism-Website-Vorlage
+25Mattglas-Pillen auf Fastschwarz, große Serifen-Überschrift mit einem kursiven Wort und E-Mail-Anmeldung.
- Web
Website für Hardware-Produkte
+25Riesige haarlinige Modellnamen auf Silber-Studioaufnahmen, Datenkarten und eine maßstabsgetreue Reihe.
- Web
Interaktives Architekturdiagramm
+25Ein offline nutzbares, klickbares Systemdiagramm aus einem geprüften JSON-Modell, mit den Belegen zu jedem Kasten.
- Web
Interaktiver Raster-Hero
+25Dunkles Raster feiner Fäden, das sich zum Cursor neigt und bei jedem Klick einen Ring ausrollt.
- Web
Knowledge-Graph-Explorer
+25Mach aus Projektnotizen einen durchsuchbaren Offline-Graphen, in dem jede Aussage auf ihre Quellzeile verweist.
- Web
KPI-Dashboard-Vorlage
+25Vier KPI-Kacheln mit Veränderungs-Chips über einem leuchtenden Liniendiagramm, Aufschlüsselung und Zielbalken.
- Web
Landingpage aus KI-Mockups
+25Drei Entwürfe ganzer Seiten ansehen, einen wählen, dann baut dein Agent ihn als sauberen Code.
- Web
Magazin-Website-Vorlage
+25Eine Magazin-Website in Printqualität mit Artikeln, Themen, kleinem Shop und Abos, als eine HTML-Datei.
- Web
Partikel-Animations-Hero
+25Text auf warmem Papier neben einer drehenden Kugel aus Tinten- und Türkispunkten, die sich je Idee formt.
- Web
Persönliche Marken-Website
+25Ein Porträt, das in warmes Papier übergeht, darüber eine feine Klammer, daneben kurze und fette Aussagen.
- Web
Podcast-Website-Vorlage
+25Eine Podcast-Seite mit abspielbarem Hero, Folgenarchiv, Gastseiten und einem Player, der beim Blättern weiterläuft.
WebHandgezeichneter Preisbereich
+25Eine Preistabelle im Notizbuchstil mit schrägen Tintenkarten, Jahresumschalter und Dunkelmodus, in einer Offline-Datei.
- Web
Kinoreife Produkt-Launch-Seite
+25Fastschwarze Filmseite: Serifen-Titelkarte über gleitendem Licht, Letterbox-Nachtszene, Reservierungsformular.
- Web
Website für Forschungsarbeiten
+25Projektseite zu deinem Paper mit interaktiver Abbildung 1, Ergebnissen, Grenzen und Zitat mit einem Klick.
- Web
Admin-Dashboard-Vorlage
+25Eine funktionierende Backoffice-Konsole mit Diagrammen, Tabellen, Kanban und Kalender, als eine Offline-HTML-Datei.
- Web
SaaS-Landingpage-Vorlage
+25Eine ruhige, helle Marketingseite für ein Softwareprodukt mit funktionierender Produktkonsole, Preisen und Registrierung.
- Web
Portfolio-Website im Scrapbook-Stil
+25Ein mehrseitiger Online-Lebenslauf aus Papierobjekten, mit Fallstudien und druckbarem Lebenslauf.
- Web
Sneaker-Shop-Website-Vorlage
+25Ein kompletter Schuh- oder Modeshop mit Katalog, Produktseiten, Warenkorb und Demo-Checkout in einer HTML-Datei.
- Web
Website für Sportvereine
+25Eine Seite für Verein, Fitnessstudio oder Studio mit Stundenplan, Trainerseiten, Mitgliedschaften, Platzplan und Buchung in einer Datei.
- Web
Kundenstimmen-Wand
+25Eine Wand aus Kundenzitaten als Masonry-Raster oder langsam driftende Spalten, in der nur Zitate stehen, denen Menschen zugestimmt haben.
- Web
Website für Reisebüros
+25Eine bildstarke Seite für Touren, Guides oder Lodges mit Reisesuche, Buchungsanfragen und einem Reise-Finder-Quiz.
- Web
Landingpage für Workflow-Automatisierung
+25Graphit-Seite mit kleiner Überschrift und einem lebenden Knotengraphen, der läuft und Logs streamt.
Fragen
Kann ich meine eigenen Produktfotos nehmen, wenn sie auf der Küchenanrichte entstanden sind?
Ja. Nach deiner Freigabe und einem Preisangebot entfernt PopNow die Schatten der Anrichte, schneidet jedes Produkt frei und kann das Set so nachbelichten, dass alle Artikel auf derselben weißen Bühne stehen. Ohne Schlüssel werden die Fotos unverändert verwendet.
Nimmt die Kasse Zahlungen an?
Nein. Sie prüft das Formular, passt die Summen an die Liefermethode an und zeigt eine Bestätigung, sagt aber deutlich, dass nichts abgebucht wurde. Einen Zahlungsanbieter anzubinden ist ein eigener Schritt.
Passt es zu einem Groomer oder einer Tierarztpraxis?
Ja. Produkte bleiben im Shop, die Nachfüllseite wird zu Plänen oder Mitgliedschaften, Lieferung wird zu Leistungen und Preisen, und die Besuchskarte und die Kontaktseite nehmen Terminanfragen entgegen.
Was, wenn mein Shop nur Katzen verkauft?
Tausch das Hero-Tier aus, streich die Kacheln nur für Hunde und nimm die Katzenbearbeitung als zweites Banner. Das mitgelieferte Katzenporträt kann bleiben; die übrigen Fotos sind Platzhalter, die du ersetzt.
Kann eine kleine Tierbedarf-Website mit dieser Vorlage live gehen?
Ja. Katalog, Produktseiten, Tasche und Kasse funktionieren schon. Eine lokale Tierbedarf-Website braucht also nur echte Produkte, Preise und einen Zahlungsanbieter. Versand, Abholung und Öffnungszeiten sind einfacher Text, den du bearbeitest.

