Maison Vorlage: Onlineshop für Keramik und Wohnobjekte

Maison Vorlage: Onlineshop für Keramik und Wohnobjekte

Maison ist eine von fünf Shop-Vorlagen in Zugo: ein ruhiger, redaktionell gedachter Laden für Keramik und Wohnobjekte, mit Produktraster, funktionierendem Warenkorb, Login und Kundenkonto. Das Klonen in ein eigenes Projekt kostet nichts und ruft kein Modell auf. Der Verbrauch beginnt bei der ersten Änderung mit 3 Credits.

Unten steht, was die Vorlage wirklich enthält, welche Teile arbeiten, und was zwischen einer schönen Schaufensterseite und einem Laden liegt, der in Deutschland Geld annehmen darf.

Was steckt in der Maison-Vorlage?

Die Ladenseite hat die volle Länge einer durchdachten Shopseite. Ein Hero mit Saisonzeile und Produktaufnahme, ein schmales Vertrauensband, das Raster der Alltagskollektion, eine hervorgehobene Kapselkollektion mit eigener Geschichte, ein Gründerabschnitt, die Anmeldung zum Journal und ein Footer, der nach Kategorien sortiert ist und auf Pflege, Versand und Rückgabe verweist.

Der Warenkorb ist echte Oberfläche, kein Bild. Wer etwas hinzufügt, sieht eine kurze Bestätigung, die Zahl in der Kopfzeile steigt, und eine Schublade öffnet sich mit Positionen, Zwischensumme, Versandzeile, Gesamtsumme und einer Schaltfläche zur Kasse.

Hinter dem Kontolink liegen zwei weitere Bildschirme: ein Login und ein Kundenbereich mit Begrüßung, letzten Bestellungen, gemerkten Stücken, Profil mit hinterlegter Lieferadresse und einer Übersicht der bisherigen Käufe. Dazu kommt eine Journalansicht, die wichtiger ist, als sie klingt: Ein Laden, der etwas veröffentlicht, hat ein Ziel für Besucher, das keine Produktseite ist.

Warum führt dieser Shop mit einer Geschichte statt mit einem Raster?

Weil die Vorlage für eine Marke gebaut ist, die über Charakter verkauft und nicht über den Preis. Der Gründerabschnitt erzählt eine kleine, konkrete Herkunftsgeschichte, und die Produkttexte sprechen darüber, wer ein Stück gemacht hat und wo. Das ist Positionierung, keine Verzierung.

Beim Umbau entscheidet genau das. Wenn bei Ihnen Preis und technische Daten den Kauf entscheiden, etwa bei Werkzeug, Ersatzteilen oder Elektronik, arbeitet diese Struktur gegen Sie, und Volt aus derselben Kategorie ist der bessere Start. Wenn Ihre Kundschaft etwas über das Objekt fühlen möchte, erledigt die Struktur einen Großteil der Überzeugung.

Die Prüffrage ist einfach: Würde Ihr Kunde zwei Absätze darüber lesen, wie ein Produkt entsteht? Wenn ja, füllen Sie die Geschichteblöcke mit Ihrer eigenen. Wenn nein, ist die erste Änderung, sie durch Daten und Vergleich zu ersetzen.

Was funktioniert, und was ist Platzhalter?

Bei einem Laden stellt sich die Geldfrage sofort, also lohnt Genauigkeit.

Die letzte Zeile ist keine Formsache. Die Vorlage bringt eine erfundene Bewertungsmenge und eine erfundene Zahl an Partnerwerkstätten mit, beide gehören einer ausgedachten Marke. Wer sie stehen lässt, wirbt mit fremden Zahlen. Ersetzen Sie sie im ersten Durchgang, auch wenn die wahre Zahl kleiner ist oder gar keine.

Was verlangt ein deutscher Onlineshop zusätzlich?

Die Vorlage ist im internationalen Ton gebaut und rechnet in Dollar. Für den Verkauf an Verbraucher in Deutschland kommen mehrere Pflichten dazu, die keine Gestaltungsfrage sind.

Preise werden als Gesamtpreis mit Umsatzsteuer angegeben, dazu ein Hinweis auf Versandkosten und Lieferzeit. Die erste Änderung stellt also Währung und Preisangaben um, nicht die Farbpalette.

Impressum, Datenschutzerklärung, Widerrufsbelehrung mit Muster-Widerrufsformular und AGB fehlen. Das sind eigene Unterseiten, und damit wird aus der einzelnen Ladenseite eine mehrseitige Plattform. Die Belehrung über das vierzehntägige Widerrufsrecht muss vor der Bestellung verfügbar sein, nicht danach.

Die Schaltfläche am Ende der Bestellung braucht eine eindeutige Beschriftung im Sinne der Button-Lösung, üblicherweise „zahlungspflichtig bestellen". „Proceed to checkout" ist dafür nicht ausreichend.

Und wenn Sie Bewertungen zeigen, gehört dazu die Angabe, ob und wie deren Echtheit geprüft wird. Das ist der Grund, warum die geerbte Sternebewertung der Vorlage nicht nur unehrlich, sondern angreifbar ist.

Wie wird aus Maison Ihr eigener Laden?

Sie beschreiben die Änderung im Chat, die Seite wird neu gebaut. Fünf Anweisungen tragen den größten Teil der Strecke:

1. Marke und Sortiment: „Benenne den Laden in Kiln um, verkaufe nur handgemachtes Geschirr, schreibe Hero und Gründergeschichte neu."
2. Währung und Preise: „Alle Preise in Euro, Gesamtpreis inklusive Mehrwertsteuer, Versandkosten unter jedem Preis nennen."
3. Produkte: „Ersetze die acht Produkte durch meine sechs, mit diesen Namen, Preisen und kurzen Beschreibungen."
4. Struktur: „Entferne den Block zur Kapselkollektion und setze stattdessen ein Regal mit Bestsellern."
5. Vertrauen: „Ersetze das Vertrauensband durch Lieferzeit, Rückgabefrist und einen Hinweis zum Material."

Eine Änderung nach der anderen. Jeder Aufbau wird vor der Übergabe in einer Sandbox geöffnet, ein Build, der nicht startet, wird nicht ausgeliefert. Kümmern Sie sich früh um Produktfotos: Ein Laden lebt von Bildern, und keine Struktur rettet schwache Aufnahmen.

Was kostet der Umbau in Credits?

Das Klonen ruft kein Modell auf, der fertige Laden landet ohne Verbrauch in Ihrem Projekt.

Free gibt 5 Credits, genug für Klon und eine Änderung, also für den Blick auf die eigenen Produkte im Raster. Pro kostet 25 $ im Monat mit 200 Credits, Business 99 $ im Monat mit 800 Credits. Auf Pro sind das etwa 66 Änderungen oder 33 frische Builds im Monat.

Ein Laden braucht länger als eine Landingpage: sechs bis zehn Änderungen sind normal, weil Produkte, Texte, Rechtstexte und Struktur jeweils einen eigenen Durchgang verlangen. Wer damit rechnet, wundert sich nicht auf halbem Weg.

Kann Maison wirklich Geld einnehmen?

Von allein nicht. Der Warenkorb arbeitet als Oberfläche, die Schaltfläche zur Kasse bleibt Optik, bis Stripe angebunden ist. Stripe gehört zu den eingebauten Integrationen und deckt Einzelzahlungen wie Abonnements ab; wie die Verbindung abläuft, steht in KI-App-Builder mit Stripe.

Danach beginnen die unspektakulären Fragen, die über einen funktionierenden Laden entscheiden: Was passiert mit dem Bestand, wie wird Versand nach Zielland berechnet, wie läuft eine Rückerstattung, was steht in der Bestellbestätigung. Vieles davon lässt sich bauen, und Resend übernimmt die Mails, aber jedes Stück ist ein eigenes Gespräch aus mehreren Änderungen.

Wer noch grundsätzlich abwägt, findet in Funktioniert das für E-Commerce die ehrliche Fassung dieser Frage.

Für wen passt die Vorlage, und für wen nicht?

Für eine kleine Marke mit wenigen Produkten und klarer Haltung. Keramik, Textil, Kerzen, Kaffee, Papierwaren: überall dort, wo die Herkunft Teil des Werts ist und der Katalog bequem auf eine Seite passt.

Sie eignet sich auch als Startseite für eine einzelne Kollektion, wenn es um einen Drop geht statt um ein dauerhaftes Sortiment. Kontobereich raus, Geschichte und Raster behalten, fertig ist eine fokussierte Kampagnenseite.

Für große Kataloge passt sie schlecht. Hunderte Artikel brauchen Suche, Filter, Kategorien und Bestandsführung, und das ist eine Plattform statt einer Ladenseite. Lesen Sie in dem Fall zuerst Onlineshop mit KI erstellen, bevor Sie sich auf eine Struktur festlegen.

Wo sind die ehrlichen Grenzen?

Drei, die man kennen sollte.

Der Kundenbereich ist ein Bild, bis er verkabelt ist. Echte Bestellungen, gemerkte Stücke und Adressen brauchen Supabase und mehrere Änderungen, und die Logik rund um Bestellungen ist kleinteiliger, als sie aussieht.

Der Bestand wird nicht geführt. Nichts zählt herunter, wenn etwas verkauft wird, und nichts verhindert eine Überbuchung. Für eine kleine Werkstatt mit begrenzten Chargen ist das oft erträglich, ab einer gewissen Menge nicht mehr, und es ist die erste Baustelle nach der Bezahlung.

Und ein komplexer Katalog bleibt komplex. Varianten, Größentabellen, Bündel, Steuer- und Versandregeln je Land: Bei einem Laden dieser Form ersetzt Zugo weder ein Entwicklungsteam noch eine spezialisierte Shop-Plattform, die in genau diesen Punkten stärker ist. Bei einem kleinen, ehrlichen Sortiment ist der Weg über die Vorlage schneller als beides.

Womit fangen Sie an?

Öffnen Sie die Galerie, filtern Sie auf Läden und sehen Sie Maison neben Glow Lab, Volt, TKAN und Verdant an. Sie unterscheiden sich in Struktur und Ton, und die nächstliegende Wahl spart mehr Änderungen als jede Gestaltung.

Beginnen Sie dann mit Produkten und Preisen, nicht mit Farbe. Ein Raster mit Ihren echten Stücken und echten Beträgen zeigt sofort, ob das Layout zu Ihrem Sortiment passt, und jede Gestaltungsentscheidung davor ist eine Vermutung, die Sie vermutlich wiederholen.

Klonen und füllen können Sie Maison auf zugo.dev. Die Startguthaben reichen, um den Laden mit dem eigenen Namen zu sehen und zu entscheiden, ob es weitergeht, ohne Karte und ohne Abo.