Um ein Produkt zu verkaufen, brauchen Sie keine Seite in Ihrem Workspace. Ein Checkout-Link funktioniert in einer E-Mail, einem Chat oder einem Social-Media-Beitrag, und ein paar Zeilen Code bringen Kauf-Buttons und einen Warenkorb auf jede Website, die Sie bereits betreiben. Beide führen Ihre Käufer in denselben Checkout.
Sind Zahlungen in Ihrem Workspace ausgeschaltet, schalten Sie sie zuerst unter Einstellungen > Funktionen ein.
Der direkte Link eines Produkts
Jedes Produkt hat seinen eigenen Checkout-Link. Öffnen Sie das Produkt unter
Zahlungen > Katalog > Produkte und wechseln Sie zum Tab Checkout & URLs,
um den Checkout-Link oder den Link für den Testmodus zu kopieren. Direkte
Checkout-Links akzeptieren ?affiliate=CODE und ?qty=N.
Einen Checkout-Link erstellen
Für alles, was über ein Produkt hinausgeht, nutzen Sie Zahlungen > Katalog > Checkout-Links. Sie bauen den Link und sehen eine Vorschau des Checkouts genau so, wie Ihre Käufer ihn sehen werden.
- Klicken Sie unter Produkte und Bundles auf Produkt oder Bundle hinzufügen. Legen Sie die Menge fest, wenn Käufer bei dem Produkt eine wählen können, und den Preis, wenn das Produkt mehrere Preise hat.
- Schalten Sie Als Extra anbieten für ein Einmalprodukt ein, das der Käufer im Checkout hinzufügen kann, statt es standardmäßig zu kaufen.
- Geben Sie unter Käuferdaten vorausfüllen eine E-Mail-Adresse und einen Namen ein, wenn Sie den Link für eine bestimmte Person erstellen. Das füllt nur die Felder aus, der Käufer kann sie ändern. Schalten Sie Adresse vorausfüllen ein, um auch die Rechnungsadresse auszufüllen.
- Wählen Sie einen Gutschein, der beim Öffnen des Checkouts automatisch angewendet wird.
- Legen Sie unter Weitere Optionen die Sprache des Checkouts fest oder schalten Sie Testlink ein, um den Checkout im Stripe-Testmodus zu öffnen.
Unter Ihr Link können Sie dann Link kopieren, ihn Öffnen oder QR-Code herunterladen. Jeder Aufruf legt sofort eine offene Bestellung an. Bezahlt niemand, bleibt sie 24 Stunden lang offen in Bestellungen und wird dann als abgelaufen markiert. Ein breit geteilter Link zeigt deshalb viele offene oder abgelaufene Bestellungen. Sie können denselben Link trotzdem an beliebig viele Personen senden.
Ist das Partnerprogramm eingeschaltet, schreibt der Bereich Partner Verkäufe über den Link einem Partner und optional einer Kampagne gut. Das Partnerprogramm ist nur im Business-Tarif verfügbar.
Manche Kombinationen passen nicht in einen Link. Alle Produkte brauchen dieselbe Währung, und in eine Bestellung passt nur ein Abonnement oder ein Ratenplan. Ein Ratenplan oder ein Abonnement mit Testphase lässt sich nicht mit anderen Produkten kombinieren. Geschenkgutscheine und Event-Tickets werden im Builder nicht angeboten.
Warnt der Builder, dass Käufer noch nicht bezahlen können, verbinden Sie Stripe oder schalten Sie eine andere Zahlungsmethode unter Zahlungen > Einstellungen > Zahlungsmethoden ein.
Widgets in Ihre Website einbetten
Gehen Sie zu Zahlungen > Einstellungen > Widgets. Ein Skript liefert Ihnen zwei Dinge: einen Warenkorb-Shop mit Produktblöcken und einem gemeinsamen Warenkorb sowie ein Checkout-Overlay, das den vollständigen Checkout in einer Lightbox öffnet. So bleiben Besucher auf Ihrer Seite.
- Skript einbinden: Fügen Sie den Loader einmal pro Seite ein, am besten im
headIhrer Website. - Snippets platzieren: Setzen Sie sie dort ein, wo die Produkte oder Buttons erscheinen sollen.
- Veröffentlichen und testen: Die Bestellung erscheint sofort unter Zahlungen.
Der Tab Widgets bietet vier Bausteine: die Produktkarte, das In-den-Warenkorb-Widget, das Warenkorb-Symbol und den Kauf-Button. Wählen Sie im Snippet-Konfigurator ein Produkt, dann passen sich alle Codebeispiele auf der Seite an. Ein Kauf-Button sieht so aus:
<script src="https://your-domain/embed.js" async></script> <button data-memberarea-checkout="PRODUCT-ID">Buy now</button>
Kopieren Sie das Snippet von der Seite, statt es abzutippen. Es enthält bereits Ihre Domain und die Produkt-ID.
Nur veröffentlichte Produkte mit einem aktiven Preis lassen sich einbetten. Preis, Bilder und Bestand kommen aus Ihrem Katalog, ein Snippet müssen Sie also nie wieder anfassen. Das Checkout-Overlay lädt nichts, bis ein Besucher klickt, und Besucher bezahlen in Ihrem eigenen Checkout mit Ihrem Branding, nie auf einer Stripe-Seite.
Das Overlay folgt Ihren Einstellungen unter Zahlungen > Einstellungen > Checkout und lässt sich von der einbettenden Seite aus nicht umgestalten. Die Warenkorb-Widgets können Sie mit CSS-Variablen gestalten, die unter Entwickler-Referenz aufgeführt sind.
Optionen für Entwickler
Der Tab Entwickler-Referenz listet die Einhängepunkte, die Window-Events der Widgets
und die optionalen Attribute für einen Kauf-Button. data-coupon, data-email und
data-price legen einen Gutschein, die E-Mail-Adresse des Käufers und einen bestimmten
Preis vorab fest.
data-affiliate schreibt den Verkauf einem Partner gut und braucht wie der Bereich
Partner den Business-Tarif. Setzt Ihre Website eine Content Security Policy,
erlauben Sie Skripte und Frames von der Domain, die im Tab Einrichten steht.
Die Widgets funktionieren mit jedem Website-Baukasten, von statischem HTML bis zu WordPress, Webflow und Framer. Nutzen Sie WordPress, lesen Sie auch Kurse von WordPress aus verkaufen.