Webflow Onlinestore
erstellen lassen

Produkte und Kategorien werden in Webflow als Sammlungen organisiert. In der interaktiven Datenansicht bearbeiten Sie Produktname, Kategorie, Preis, Variante, Bestand, Bild und Status. Rechts erscheinen Produktkarte, Kategorieansicht, Produktseite und ein Startseitenbereich.

Diese Struktur verlangt eine saubere Planung: Welche Felder braucht ein Produkt, welche eine Kategorie? Wir definieren die Sammlungen anhand Ihres Sortiments und achten darauf, dass Ihr Team die Inhalte ohne Gestaltungskenntnisse pflegen kann.

Die gestalterische Kontrolle ist die Stärke von Webflow. In der Demo steuern Sie Spaltenzahl, Kartenbreite, Bildformat, Innenabstand, Ecken, Typografie und Farbe. Die Vorschau aktualisiert sich sofort, genau wie im echten Designer.

Diese Freiheit verlangt Entscheidungen mit System. Wir definieren Raster, Abstände und Typografie anhand Ihrer Marke und dokumentieren die Gestaltungsregeln, damit der Shop auch bei späteren Erweiterungen konsistent bleibt.

Bewegung kann Produkte inszenieren, muss aber sparsam eingesetzt werden. In der Demo wählen Sie zwischen Einblenden, Vergrössern, seitlicher Bewegung, Maskenöffnung und keiner Bewegung. Die Wirkung sehen Sie direkt an einer Produktkarte.

Reduzierte Bewegung wird respektiert: Besucher, die Bewegung einschränken, erhalten eine statische Ansicht. Für Ihren Shop legen wir fest, wo Bewegung den Verkauf unterstützt und wo sie nur ablenkt.

Viele Produkte gibt es in mehreren Ausführungen. In der Demo wählen Sie Farbe, Grösse und Menge, legen das Produkt in den Demowarenkorb, verändern die Menge, entfernen das Produkt und setzen den Warenkorb zurück.

Für Ihren Shop legen wir fest, welche Varianten wirklich gebraucht werden und wie sie dargestellt werden. Der Warenkorb lässt sich in Webflow gestalten; wir achten darauf, dass Preis und Verfügbarkeit jeder Variante stimmen.

Der Checkout entscheidet über den Abschluss. Die vereinfachte Vorschau zeigt Kontaktdaten, Lieferung, Zahlung und Zusammenfassung. Webflow lässt bestimmte Checkoutbereiche gestalten; die eigentliche Zahlungsabwicklung erfolgt über unterstützte Zahlungsanbieter.

Diese Trennung ist wichtig: Gestaltung und Zahlungsabwicklung sind unterschiedliche Aufgaben. Wir gestalten die verfügbaren Bereiche passend zu Ihrer Marke und richten die Zahlungsanbindung mit dem gewählten Anbieter ein.

Webflow unterstützt direkt die Zahlungsanbieter Stripe und PayPal. Die Demo zeigt nur diese beiden direkten Anbieter. Zusätzliche digitale Zahlungsmethoden können über Stripe möglich sein, hängen aber von Region und Anbieter ab und sind entsprechend gekennzeichnet.

Wir erfinden keine weiteren direkten Zahlungsanbieter. Welche Zahlungsarten für Ihre Kunden tatsächlich verfügbar sind, prüfen wir für Land, Währung und Anbieter. Die Auswahl wird dokumentiert und vor der Veröffentlichung getestet.

Versand wird in Zonen organisiert. Die interaktive Auswahl zeigt Schweiz, Deutschland, Europa, Abholung und digitale Zustellung, wenn das Produkt passend eingerichtet ist. Versandart und Beispielpreis ändern sich je nach Auswahl.

Versand, Steuern und internationale Lieferung müssen individuell geprüft werden. Eine Versandzone ist mehr als ein Preis: Lieferzeiten und rechtliche Angaben gehören dazu. Wir richten die Zonen anhand Ihrer tatsächlichen Liefergebiete ein.

Dieser Abschnitt ist bewusst deutlich: Webflow Localize unterstützt derzeit keine Ecommerce Produkte, Kategorien und Shopseiten. Die Vergleichsansicht zeigt den Unterschied: Eine normale Inhaltsseite kann lokalisiert werden, ein Shopprodukt bleibt von dieser Funktion ausgeschlossen.

Wir versprechen keine mehrsprachige Shoplösung, ohne vorher eine andere technische Lösung zu prüfen. Wenn Mehrsprachigkeit für Ihren Shop zentral ist, besprechen wir offen, ob Webflow das richtige System ist oder ob eine Alternative besser passt.

Die Aktivierung von Ecommerce ist ein entscheidender Schritt. Die interaktive Checkliste führt durch Ecommerce aktivieren, Produkte strukturieren, Kategorien planen, Zahlungsanbieter verbinden, Versand einrichten, Steuern prüfen, Checkout testen und Veröffentlichung.

Wichtig: Nach der Aktivierung können Ecommerce Sammlungen und reservierte Adressen nicht einfach wieder entfernt werden. Wir empfehlen deshalb eine Testumgebung und eine sorgfältige Planung, bevor die Aktivierung im echten Projekt erfolgt.

Vom entdeckten Produkt bis zur Bestätigung: Die Kaufstrecke führt durch Produktauswahl, Variante, Warenkorb, Rabatt, Versand und eine Checkout Vorschau. Diese Interpretation zeigt eine gestaltungsbetonte Produktseite mit individuell inszeniertem Warenkorb, wie sie für Webflow typisch ist.

Die Demo bestellt nichts, speichert nichts und verbindet sich mit keinem Zahlungsanbieter. Der Rabattcode DEMO10 gilt nur in dieser Vorschau. Sie können die Demo jederzeit vollständig zurücksetzen und von vorne beginnen.