Verbesserungen am Seiteneditor und Produktvarianten

Dies ist ein aufgeschriebener Rückblick auf den 5.-18. Juli 2026, im Oktober aus der Git-Historie unserer App-Repositories geschrieben. Alles Folgende ist Code auf unserem Staging-Branch. Es ist keine Startankündigung; PersonaCart ist noch vor dem Start.

Abgedeckter Zeitraum: 5.-18. Juli 2026.

Kurz gesagt

• Im Seiteneditor wurde das Platzieren einfacher: Einrastlinien, ein sanfteres Ziehen und Vorlagen für ganze Seiten mit einem Klick.
• Der Shop bekam Produktvarianten, die sich wie in einem echten Laden verhalten: Größentabellen, Umtausch und Fotos, die zur gewählten Option gehören.
• Pie, unser Assistent, kann jetzt im Chat aus einem Briefing eine Seite bauen.

Was wir bauen wollten

Zwei Dinge. Erstens ein Seiteneditor, in dem ein Coach ohne Designhintergrund eine Überschrift, einen Button und ein Foto platzieren kann und das Ergebnis gewollt aussieht. Zweitens ein Shop, der die unbequemen Seiten des Verkaufs in Größen bewältigt. Die Editor-Arbeit bestand überwiegend darin, kleine Ärgernisse zu beseitigen. Bei der Shop-Arbeit ging es um die Situationen, die nach einem Verkauf kommen, etwa eine falsche Größe.

Was wir im Editor gebaut haben

• Einrasten zum Ausrichten. Wenn Sie ein Element bewegen, rastet es an Mitten- und Kantenlinien ein.
• Zwei Arten des Ziehens. Ziehen innerhalb des übergeordneten Elements verschiebt den Abstand. Ziehen über Eltern hinweg ändert die Reihenfolge. Das sind unterschiedliche Gesten mit unterschiedlichem Ergebnis.
• Ziehen von Bildern per Touch. Auf dem Handy mit langem Druck ein Bild aufnehmen, mit einem sichtbaren Hinweis, wenn es aufgenommen ist.
• Vorlagen für ganze Seiten mit einem Klick. Im normalen Modus können Sie mit einer Vorlage für eine komplette Seite beginnen, darunter eine für ein Sportteam, die als fertige Seite entworfen wurde und nicht als Stapel roher Abschnitte.
• Texthervorhebung. Jedes Wort in jeder Farbe hervorheben.
• Button-Stil kopieren und einfügen. Den Stil eines Buttons kopieren und auf einen anderen einfügen, über die Symbole in der Leiste oder das Kontextmenü.
• Ein Veröffentlichen-Button, der sagt, was er veröffentlicht. Er heißt je nach Standort „Shop veröffentlichen“, „Seite veröffentlichen“ oder „Theme veröffentlichen“.
• Weniger tote Optionen. Das Überlaufmenü der Werkzeugleiste blendet Aktionen aus, die nicht zutreffen, statt sie auszugrauen, und neue Elemente blinken kurz auf, damit Sie sehen, wo sie gelandet sind.
• Zwei Theme-Regler, die endlich wirken. Abschnittsabstand und Schriftskala wurden angebunden, sodass die Regler die Seite tatsächlich verändern.

Was wir im Shop gebaut haben

• Größen- und Maßtabellen, die Sie einmal anlegen und für mehrere Produkte wiederverwenden.
• Fotos pro Variante und eine Möglichkeit, Fotos nach einem Merkmal wie der Farbe zuzuordnen, sodass die Galerie wechselt, wenn der Käufer wählt.
• Umtausch. Eine Bestellung kann einen Ablauf für Größen- oder Variantenumtausch durchlaufen.
• Neu sortieren. Sie können Optionsachsen und Werte per Ziehen in die gewünschte Reihenfolge bringen, und der Shop folgt ihr. Produkte lassen sich in der Liste von Hand umsortieren.
• Produktdetails. Ein Editor für Material, Pflege und Spezifikation speist einen Detailblock auf der Produktseite.
• Labels. Jedes Produkt kann ein Label tragen, das Käufern angezeigt wird, und der Shop kann danach filtern.
• Testmodus für den Versand. Ein Sandbox-Schalter beim Verbinden eines Versanddienstleisters, damit Sie es ohne echte Sendungen ausprobieren können.

Marketing und Betrieb

• Gutscheine und Automatisierungen nach Kunden-Tag. Gutscheine können auf echte Tags, Segmente sowie neue oder wiederkehrende Kunden zielen. Automatisierungen können nach Tag filtern.
• Menüs pro Shop. Header- und Footer-Menüs werden von der Listenseite aus zugewiesen.
• Massenimport. Im Bereich Import/Export können Sie Produkte von einer Shop-URL hereinholen.
• Chat-gesteuerte Aufgaben. Pie kann Zahlungslinks verwalten, die Zielgruppe einer Kampagne festlegen und ein Abo pausieren oder fortsetzen. Pie kann außerdem aus einem kurzen Briefing eine Seite bauen und Ihnen eine Abschnittsliste mit Vorschau zeigen.

Was es für einen Coach oder eine Academy bedeutet

Ein Coach, der ein Programm verkauft, braucht meist keine Größentabellen, ein Coach, der auch Ausrüstung oder Bekleidung verkauft, schon. Umtausch und Variantenfotos sind der Teil, den die meisten kleinen Shops falsch machen. Die Editor-Änderungen sind für alle. Die meisten sparen nur hier und da eine Minute.

Ich möchte das von der Academy trennen, der Seite mit Teams und Zeitplänen, die vom Online-Shop getrennt ist.

Wie es weitergeht

Die folgenden zwei Wochen werden vom Verkaufen und Buchen mit BioLink, von Domains und von der Abrechnung bestimmt. Das ist der nächste Beitrag.

Möchten Sie sprechen? Ich bin einer der Mitgründer von PersonaCart. Wenn Sie eine Frage, eine Idee oder einen Wunsch haben, was wir bauen sollen, schreiben Sie mir direkt: [email protected].

Vinod Morya, Co-founder, PersonaCart