Custom Code ist Plan-gated
Webflow führt nur Custom Code auf Websites mit einem bezahlten Website-Plan aus. Auf der kostenlosen Staging-Domain bleibt der Kopf-Code untätig, daher beurteiln das Ergebnis auf der veröffentlichten bezahlten Website.
Scriptorium · V
Füge einen Kaufbutton zu deiner Webflow-Website hinzu
Halte Webflow für das, wofür Webflow ist: das Design. Der Button bringt die Zahlung, und er erbt seinen Platz in deinem Layout wie jedes andere Element.
Füge das Script-Tag einmal ein
Öffne in Site Settings Custom Code und füge das Script-Tag in das Head-Code-Feld ein. Speichern und veröffentlichen; es wird jetzt für die ganze Website geladen.
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>Benenne das Produkt in deinem Dashboard
Öffne dein Projekt, wechsele zur Registerkarte Produkte, und füge das Produkt hinzu: eine Referenz, die du wählst, einen Namen, einen Preis, eine Währung. Von hier schreibt das Dashboard beide Blöcke auf dieser Seite mit deiner echten Projekt-ID. Was du unten siehst ist die Form.
Stelle den Button dort hin, wo du verkaufst
Auf der Seite, wo du verkaufst, lasse ein Embed-Element fallen und füge den Button darin ein. Positioniere und größe es auf der Canvas wie alles andere.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Veröffentliche. Der Button wird mit der Seite dargestellt, und die Zahlungs-Auswahl wird das erste Mal geladen, wenn ein Käufer ihn anklickt. Jedes zusätzliche Produkt ist der gleiche Block mit einer anderen Referenz und einem anderen Label.
Passe auf diese auf
Die Canvas zeigt einen Platzhalter
Der Designer rendert Embeds als grauen Block. Der echte Button taucht auf der veröffentlichten Seite auf, daher stil den Raum darum, dann veröffentliche und schaue.
Kein Ecommerce-Plan erforderlich
Der Button ist sein eigenes Checkout. Ein einfacher CMS- oder statischer Website-Plan trägt ihn; Webflow Ecommerce kann ganz aus der Rechnung bleiben.
Bereit, wenn deine Seite bereit ist
Kostenlos deckt 150 Transaktionen pro Monat. Keine Karte zum Anmelden.