So richten Sie einen Warenkorb ein
Konfigurieren eines Warenkorbs für einen Online-Shop
Sehen Sie sich dieses Tutorial zum Einrichten eines Warenkorbs an.
Wie fügt man einen Warenkorb in einen Online-Shop ein?
Wie Sie einen Warenkorb in einem Online-Shop verwenden können
Spezifische Tipps für die Arbeit mit einem Warenkorb
Persistenz des Warenkorbs, Mindestbestellwert und andere Parameter
Über den Warenkorb kann ein Käufer Zahlungs- und Lieferoptionen auswählen, seine Kontaktdaten und weitere Angaben eingeben.
In Tilda können Sie den Warenkorb für den Verkauf einer Auswahl von Artikeln aus dem Katalog sowie für den Verkauf einzelner Produkte oder Dienstleistungen verwenden.
In Tilda können Sie den Warenkorb für den Verkauf einer Auswahl von Artikeln aus dem Katalog sowie für den Verkauf einzelner Produkte oder Dienstleistungen verwenden.
Sie können beispielsweise einen Online-Shop mit Produkten oder Werbeseiten für den Verkauf von Online-Kursen mit individuellen Warenkörben für jedes Produkt erstellen. Dank flexibler Einstellungen des Warenkorbs können Sie auch die ungewöhnlichsten Verkaufsszenarien auf der Website realisieren.
Einen Warenkorb hinzufügen
Um einen Warenkorb zum Projekt hinzuzufügen, gehen Sie zur Blockbibliothek und klicken Sie auf die Kategorie „Shop“. Wählen Sie den Block ST100 „Warenkorb mit Bestellformular“ aus der Liste aus.
So testen Sie, ob der Warenkorb funktioniert
Um zu testen, ob der Warenkorb auf der Website korrekt angezeigt wird, gehen Sie zur Vorschau und klicken Sie auf das Warenkorb-Symbol.
In der Vorschau wird das Testprodukt standardmäßig bereits im Warenkorb angezeigt. Dieses Produkt existiert nicht in Ihrem Projekt, es wird nur zur Anzeige in der Vorschau verwendet.
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 zum Warenkorb hinzu, füllen Sie alle Felder aus und geben Sie eine Bestellung auf.
Wenn Sie nur ein Zahlungssystem oder einen Produktlieferdienst mit dem Warenkorb verbunden haben, wird der Integrationstitel nicht im Warenkorb angezeigt.
Die Integrationstitel werden angezeigt, wenn mehr als ein Dienst mit dem Warenkorb verbunden ist.
Die Integrationstitel werden angezeigt, wenn mehr als ein Dienst mit dem Warenkorb verbunden ist.
Anwendungsszenarien für den Warenkorb
Ein Warenkorb kann sowohl zu einer separaten Projektseite als auch zum gesamten Projekt hinzugefügt werden.
Platzieren des Warenkorbs im gesamten Projekt. Bei mehrseitigen Websites platzieren Sie den Warenkorb in der Kopf- oder Fußzeile, damit er für Kunden immer sichtbar ist.
Platzieren des Warenkorbs im gesamten Projekt. Bei mehrseitigen Websites platzieren Sie den Warenkorb in der Kopf- oder Fußzeile, damit er für Kunden immer sichtbar ist.
Einstellungen für Kopf- und Fußzeilen. Ausführliche Informationen finden Sie im Handbuch.
Platzieren des Warenkorbs auf einer bestimmten Seite. 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 jedem Warenkorb einen Warenkorb-Block hinzufügen.
Damit sich die Einstellungen der Warenkörbe bei Verwendung dieser Option nicht überschneiden, müssen Sie bei der Einrichtung des Warenkorbs die Option „Produkt nicht im Warenkorb speichern“ auswählen.
Gehen Sie dazu zu „Einstellungen“, öffnen Sie die Registerkarte „Weitere Einstellungen“ und aktivieren Sie das Kontrollkästchen „Produkt nicht im Warenkorb speichern“. Beim Schließen des Warenkorbs wird das Produkt gelöscht. Wenn der Käufer zu einer anderen Seite wechselt, werden die vorherigen Warenkorb-Einstellungen nicht im Warenkorb auf der anderen Seite beibehalten.
Platzieren Sie den Warenkorb in der Kopf- und Fußzeile des Online-Shops. In Tilda können Sie die Kopf- und Fußzeile separat nur zu produktbezogenen Seiten im Online-Shop hinzufügen. Dazu müssen Produktkarten als Seiten geöffnet werden. Eine detaillierte Anleitung zur Arbeit mit Karten finden Sie unter diesem Link.
Wie der Warenkorb auf der Seite funktioniert
Der Warenkorb wird erst dann auf der Seite angezeigt, wenn der Käufer mindestens ein Produkt hinzugefügt hat. Wenn keine Produkte hinzugefügt wurden, wird das Warenkorb-Symbol nicht angezeigt.
Wenn ein Warenkorb zur Kopfzeile, Fußzeile oder Seite der Website hinzugefügt wird, wird sein Symbol immer in der Vorschau angezeigt. Wenn Sie auf das Symbol klicken, wird Ihnen ein Beispielprodukt angezeigt. So funktioniert der Warenkorb.
Keine Sorge, weder das Symbol noch das Produkt werden in der veröffentlichten Version der Website angezeigt.
Keine Sorge, weder das Symbol noch das Produkt werden in der veröffentlichten Version der Website angezeigt.
Der Warenkorb wird angezeigt, sobald Sie auf die Schaltfläche „Kaufen“ klicken.
Wenn ein Käufer einen Artikel in den Warenkorb legt, erscheint ein Popup-Fenster mit dem Bestellformular auf dem Bildschirm.
Wenn Sie die Option zum Anzeigen des Warenkorbs nach der Auswahl eines Artikels deaktivieren, wird der Artikel zum Warenkorb hinzugefügt, ohne dass das Bestellformular ausgefüllt wird. Der Käufer kann das Formular später ausfüllen, wenn er zum Warenkorb geht.
Wenn Sie die Option zum Anzeigen des Warenkorbs nach der Auswahl eines Artikels deaktivieren, wird der Artikel zum Warenkorb hinzugefügt, ohne dass das Bestellformular ausgefüllt wird. Der Käufer kann das Formular später ausfüllen, wenn er zum Warenkorb geht.
In den Warenkorb-Einstellungen können Sie auch das Standardverhalten zum Löschen von Produkten aus dem Warenkorb beim Schließen konfigurieren. Weitere Informationen dazu, warum Sie dies benötigen und wie Sie es konfigurieren können, finden Sie in der folgenden Anleitung.
Konfigurieren, wie der Warenkorb geöffnet werden soll
Allgemeine Einstellungen des Warenkorbs und der Bezahlung
Klicken Sie auf ein Tag, um direkt zur Beschreibung der gewünschten Einstellung im Leitfaden zu gelangen.
Persistenz des Warenkorbs
Wenn ein Website-Besucher einen Artikel auf einer Seite in den Warenkorb legt, dann eine andere Seite öffnet oder die Website schließt, bleibt der Artikel 30 Tage lang im Warenkorb. Sie können diese Zeitspanne in den Blockeinstellungen ändern. Wenn sie auf 0 gesetzt ist, wird das Produkt aus dem Warenkorb gelöscht, sobald das Warenkorb-Popup geschlossen wird.
Konfigurieren, wie lange ein Artikel im Warenkorb gespeichert werden soll
Zahlungssysteme mit dem Warenkorb verbinden
Standardmäßig gibt es keine Zahlungsoptionen im Warenkorb. Sie müssen diese separat über die Website-Einstellungen verbinden. Sie können ein oder mehrere Zahlungssysteme verbinden. Gehen Sie zu „Website-Einstellungen“ → „Zahlungssysteme“ und wählen Sie aus der Liste die gewünschten Optionen aus. Detaillierte Informationen zur Verwendung von Zahlungssystemen finden Sie hier.
Die Seite zur Konfiguration des Zahlungssystems und der Währung
Speichern von Kontaktdaten
Damit Käufer bei wiederholten Einkäufen auf Ihrer Website ihre Kontaktdaten nicht erneut eingeben müssen, aktivieren Sie die Option zum Speichern von Kontaktinformationen.
Öffnen Sie dazu den Block ST100 → Inhalt → Eingabefelder und fügen Sie ein neues Kontrollkästchen hinzu: Kontaktdaten für den nächsten Einkauf speichern.
Öffnen Sie dazu den Block ST100 → Inhalt → Eingabefelder und fügen Sie ein neues Kontrollkästchen hinzu: Kontaktdaten für den nächsten Einkauf speichern.
Aktivieren der Option zum Speichern der Kontaktdaten des Käufers
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 vor dem Zugriff durch Dritte geschützt.
Alle übertragenen Daten werden verschlüsselt und vor dem Zugriff durch Dritte geschützt.
Mindestbestellwert
Wenn Sie möchten, dass Bestellungen erst ab einem bestimmten Betrag, z. B. 10 $, aufgegeben werden können, können Sie den Mindestbestellwert festlegen.
Wenn ein Käufer ein Produkt mit einem geringeren Wert auswählt, wird es zwar in den Warenkorb gelegt, aber die Schaltfläche „Zur Kasse“ bleibt deaktiviert, und der Käufer sieht einen entsprechenden Hinweis im Warenkorb.
Wenn ein Käufer ein Produkt mit einem geringeren Wert auswählt, wird es zwar in den Warenkorb gelegt, aber die Schaltfläche „Zur Kasse“ bleibt deaktiviert, und der Käufer sieht einen entsprechenden Hinweis im Warenkorb.
Die Bestellformulare
Käufer verwenden das Bestellformular, um ihre Daten auf Ihrer Website einzugeben. Um es zu konfigurieren, klicken Sie auf „Inhalt” im ST100-Block. Dann:
— Fügen Sie Felder hinzu, die Käufer ausfüllen müssen, und weisen Sie ihnen Titel zu;
— Wählen Sie aus, welche Felder erforderlich sind;
— Verbinden Sie Datenerfassungsdienste, um die Leads aus dem Formular zu erhalten.
Sie können den Stil für den Warenkorb und die Felder in den Blockeinstellungen auswählen.
— Fügen Sie Felder hinzu, die Käufer ausfüllen müssen, und weisen Sie ihnen Titel zu;
— Wählen Sie aus, welche Felder erforderlich sind;
— Verbinden Sie Datenerfassungsdienste, um die Leads aus dem Formular zu erhalten.
Sie können den Stil für den Warenkorb und die Felder in den Blockeinstellungen auswählen.
Ein Bestellformular für einen Online-Shop
Datenerfassungsdienste
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 Google Sheets empfangen oder an integrierte Dienste wie MailChimp, GetResponse und UniSender senden. Diese können Sie unter „Website-Einstellungen“ → „Formulare“ verbinden.
Weitere Informationen finden Sie im Leitfaden zu Datenerfassungsdiensten.
Sie können Leads per E-Mail oder Google Sheets empfangen oder an integrierte Dienste wie MailChimp, GetResponse und UniSender senden. Diese können Sie unter „Website-Einstellungen“ → „Formulare“ verbinden.
Weitere Informationen finden Sie im Leitfaden zu Datenerfassungsdiensten.
Ein Beispiel für die Verknüpfung von Datenerfassungsdiensten im Warenkorb
Liefervarianten
Sie können die Lieferung im Warenkorb über die verbundenen Lieferdienste und das integrierte Feld „Liefervarianten“ einstellen. In dieser Anleitung wird beschrieben, wie Sie Lieferdienste zum Projekt hinzufügen und mit dem Warenkorb verbinden können.
Im Folgenden wird die Option „Feld Liefervarianten“ ohne verbundene Lieferdienste beschrieben.
Um die Liefervarianten bei der Bestellung anzuzeigen, klicken Sie auf den Inhalt im Block „ST100 Warenkorb“. Fügen Sie den Feldtyp „Liefervarianten“ hinzu und listen Sie im Feld „Varianten“ die Lieferoptionen auf, wobei jede Option in einer separaten Zeile steht.
Wenn die Lieferung nicht kostenlos ist, setzen Sie das Zeichen „=“ und geben Sie den Lieferpreis ohne Währung an:
Im Folgenden wird die Option „Feld Liefervarianten“ ohne verbundene Lieferdienste beschrieben.
Um die Liefervarianten bei der Bestellung anzuzeigen, klicken Sie auf den Inhalt im Block „ST100 Warenkorb“. Fügen Sie den Feldtyp „Liefervarianten“ hinzu und listen Sie im Feld „Varianten“ die Lieferoptionen auf, wobei jede Option in einer separaten Zeile steht.
Wenn die Lieferung nicht kostenlos ist, setzen Sie das Zeichen „=“ und geben Sie den Lieferpreis ohne Währung an:
Kostenlose Abholung vor Ort
Kurierlieferung 20 $ = 20
Kurierlieferung 20 $ = 20
Erfolgsseite für den Warenkorb
Wenn auf der Website keine Online-Zahlungen angeboten werden und der Warenkorb nur zum Erfassen von Leads verwendet wird, können Sie die Erfolgseite direkt darin konfigurieren. Klicken Sie im ST100-Block auf „Inhalt“ und gehen Sie zur Registerkarte „Mehr“. Geben Sie dann im Feld „URL der Erfolgseite“ den Link zu der gewünschten Seite an.
Konfigurieren der Erfolgsseite über den ST100-Warenkorb
Wenn Sie das Zahlungssystem mit dem Projekt verbunden haben, müssen Sie die Erfolgsseite 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 die URL der Erfolgsseite in den Einstellungen an.
Wie man auf einer Website Zahlungen für Waren oder Dienstleistungen akzeptiert.
Anleitung zum Einstellen von Waren auf die Seite des Online-Shops.
Anleitung zur Erstellung eines mehrseitigen Online-Shops.
Szenario für den Verkauf von Waren ohne Auswahl zusätzlicher Parameter.
Wie kann man es einrichten, dass der Käufer einen Parameter auswählen kann: Farbe, Größe, Zeit oder einen anderen Parameter.
Wie übertrage ich Daten für die Online-Kasse Cloudpayments, Robokassa, YKassa?
Einstellung des Verkaufs einzelner Waren
Mit Tilda sind beliebte Zahlungssysteme integriert. Sie können eines oder mehrere davon anschließen.
Вы можете предложить варианты доставки и задать для них разные цены.
Wie man zusätzliche Optionen hinzufügt, die der Käufer vor der Bestellung auswählen kann
Wie kann man es einrichten, dass der Käufer auf der Website nur die Ware bestellt und später bezahlt?
