Sie können beispielsweise einen Online-Shop mit Produkten oder Werbeseiten für den Verkauf von Online-Kursen einrichten, wobei für jedes Produkt ein eigener Warenkorb zur Verfügung steht. Dank der flexiblen Einstellungsmöglichkeiten des Warenkorbs lassen sich auf der Website auch die ausgefallensten Verkaufsszenarien realisieren.

Um dem Projekt einen Warenkorb hinzuzufügen, rufen Sie die Blockbibliothek auf und klicken Sie auf die Kategorie „Shop“. Wählen Sie aus der Liste den Block ST100 „Warenkorb mit Bestellformular“ aus.

Um zu prüfen, ob der Warenkorb auf der Website korrekt angezeigt wird, rufen Sie die Vorschau auf und klicken Sie auf das Warenkorb-Symbol.

In der Vorschau wird das Testprodukt standardmäßig bereits im Warenkorb angezeigt. Dieses Produkt existiert in Ihrem Projekt nicht, es dient lediglich dazu, in der Vorschau angezeigt zu werden.

Um zu testen, ob das Zahlungssystem oder der Lieferservice funktioniert, müssen Sie die Seite mit dem Warenkorb veröffentlichen. Fügen Sie auf der veröffentlichten Seite ein Produkt in den Warenkorb hinzu, füllen Sie alle Felder aus und schließen Sie eine Bestellung ab.

Ein Warenkorb kann sowohl auf einer einzelnen Projektseite als auch imgesamten Projekt hinzugefügt werden.

Den Warenkorb im gesamten Projekt platzieren. Bei mehrseitigen Websites sollten Sie den Warenkorb in der Kopf- oder Fußzeile platzieren, damit er für die Kunden stets sichtbar ist.

Den Warenkorb auf einer bestimmten Seite einbinden. Wenn Sie nicht mit einem Produktkatalog arbeiten und einzelne Artikel verkaufen oder wenn Sie auf verschiedenen Seiten unterschiedliche Warenkorb-Einstellungen benötigen, können Sie auf jeder Seite einen Warenkorb-Block hinzufügen.

Einfügen des Warenkorbs in die Kopf- und Fußzeile des Online-Shops. In Tilda können Sie die Kopf- und Fußzeile separat nur auf produktbezogenen Seiten des Online-Shops einfügen. Dazu müssen die Produktkarten als Seiten geöffnet werden. Eine ausführliche Anleitung zur Arbeit mit Karten finden Sie unter diesem Link.

Der Warenkorb wird erst dann auf der Seite angezeigt, wenn der Käufer mindestens ein Produkt in den Warenkorb gelegt hat. Wenn keine Produkte hinzugefügt wurden, wird das Warenkorb-Symbol nicht angezeigt.

Wenn ein Käufer einen Artikel in den Warenkorb legt, erscheint auf dem Bildschirm ein Popup-Fenster mit dem Bestellformular.

Wenn Sie die Option deaktivieren, den Warenkorb nach der Auswahl eines Artikels anzuzeigen, wird der Artikel dem Warenkorb hinzugefügt, ohne dass das Bestellformular ausgefüllt werden muss. Der Käufer kann das Formular später ausfüllen, wenn er zum Warenkorb wechselt.

Klicken Sie auf ein Stichwort, um direkt zur Beschreibung der gewünschten Einstellung im Leitfaden zu springen.

Wenn ein Website-Besucher auf einer Seite einen Artikel in den Warenkorb legt und anschließend eine andere Seite öffnet oder die Website schließt, bleibt der Artikel 30 Tage lang im Warenkorb. Sie können diesen Zeitraum in den Block-Einstellungen ändern. Ist der Wert auf 0 gesetzt, wird der Artikel aus dem Warenkorb gelöscht, sobald das Warenkorb-Popup geschlossen wird.

Standardmäßig sind im Warenkorb keine Zahlungsoptionen vorhanden; Sie müssen diese separat über die Website-Einstellungen einrichten. Sie können ein oder mehrere Zahlungssysteme einrichten. Gehen Sie zu „Website-Einstellungen“ → „Zahlungssysteme“ und wählen Sie die gewünschten Optionen aus der Liste aus.Ausführliche Informationen zur Verwendung von Zahlungssystemen finden Sie hier.

Damit Käufer bei Wiederholungskäufen auf Ihrer Website ihre Kontaktdaten nicht erneut eingeben müssen, aktivieren Sie die Option zum Speichern der Kontaktdaten.

Öffnen Sie dazu den Block ST100 → Inhalt → Eingabefelder und fügen Sie ein neues Kontrollkästchen hinzu: „Kontaktdaten für den nächsten Kauf speichern“.

Die Daten im Warenkorb werden im Browser des Käufers gespeichert, sodass sie nicht in die Datenschutzerklärung auf Ihrer Website aufgenommen werden müssen. Wenn der Käufer die Daten löschen möchte, muss er lediglich den Cache seines Browsers leeren.

Alle übertragenen Daten werden verschlüsselt und sind vor dem Zugriff durch Dritte geschützt.

Wenn Sie möchten, dass Bestellungen erst ab einem bestimmten Betrag, beispielsweise 10 $, aufgegeben werden können, können Sie den Mindestbestellwert festlegen.

Wählt ein Käufer ein Produkt aus, dessen Wert unter diesem Betrag liegt, wird es zwar in den Warenkorb gelegt, die Schaltfläche „Zur Kasse“ ist jedoch deaktiviert, und dem Käufer wird im Warenkorb ein entsprechender Hinweis angezeigt.

Käufer nutzen das Bestellformular, um ihre Daten auf Ihrer Website einzugeben. Um es zu konfigurieren, klicken Sie im ST100-Block auf „Inhalt“. Anschließend:

– Fügen Sie Felder hinzu, die die Käufer ausfüllen sollen, und konfigurieren Sie diese; weisen Sie ihnen Bezeichnungen zu;
– Legen Sie fest, welche Felder Pflichtfelder sind;
– Verbinden Sie Datenerfassungsdienste, um die Leads aus dem Formular zu erhalten.

In den Blockeinstellungen können Sie das Design für den Warenkorb und die Felder auswählen.

Standardmäßig werden die Formulardaten 30 Tage lang im Bereich „Leads“ gespeichert. Sie können diesen Zeitraum unter „Website-Einstellungen“ → „Formulare“ → „Allgemeine Formulareinstellungen“ auf bis zu 90 Tage ändern.

Sie können Leads per E-Mail oder in Google Sheets empfangen oder an integrierte Dienste wie MailChimp, GetResponse und UniSender weiterleiten. Die Verbindung zu diesen Diensten können Sie im Bereich „Website-Einstellungen → Formulare“ herstellen:

Weitere Informationen finden Sie im Leitfaden zu Datenerfassungsdiensten.

Sie können die Lieferung im Warenkorb mithilfe der verbundenen Lieferdienste und des integrierten Felds „Liefervarianten“ festlegen. In dieser Anleitung wird beschrieben, wie Sie Lieferdienste zum Projekt hinzufügen und diese mit dem Warenkorb verknüpfen.

Im Folgenden wird die Option „Liefervarianten“ ohne verbundene Lieferdienste beschrieben .

Um die Versandvarianten bei der Bestellung anzuzeigen, klicken Sie im ST100-Warenkorbblock auf „Inhalt“. Fügen Sie den Feldtyp „Versandvarianten“ hinzu und listen Sie im Feld „Varianten“ die Versandoptionen auf, wobei jede Option in einer separaten Zeile stehen muss.

Wenn der Versand nicht kostenlos ist, setzen Sie das Zeichen „=“ und geben Sie den Versandpreis ohne Währungsangabe an:

Wenn auf der Website keine Online-Zahlungsmöglichkeiten angeboten werden und der Warenkorb lediglich zur Erfassung von Leads dient, können Sie die Erfolgssseite direkt darin konfigurieren. Klicken Sie im ST100-Block auf „Inhalt“, wechseln Sie zur Registerkarte „Mehr“ und geben Sie im Feld „URL der Erfolgssseite“ den Link zu der gewünschten Seite ein.

Wenn Sie das Zahlungssystem mit dem Projekt verknüpft haben, müssen Sie die Erfolgseite in den Einstellungen des Zahlungssystems konfigurieren. Gehen Sie dazu zu „Website-Einstellungen“ → „Zahlungssysteme“, wählen Sie den Dienst aus der Liste aus und geben Sie in dessen Einstellungen die URL der Erfolgseite an.