Kein Build-Schritt, kein Problem
Du brauchst nicht npm, einen Bundler, oder einen Rahmen. Speichere die Datei, lade sie hoch, und der Button funktioniert das nächste Mal, wenn die Seite lädt.
Scriptorium · XII
Füge einen Kaufbutton zu einer einfachen HTML-Seite hinzu
Es gibt keinen Rahmen hier und nichts zum Installieren. Der Kaufbutton ist HTML, daher ist eine einfache HTML-Seite der einfachste Platz, den er leben kann. Du fügst eine Zeile zur Kopf und einen Block hinzu, wo du verkaufst.
Füge das Script-Tag einmal ein
Füge das Script-Tag in den Kopf deiner Seite rein. Wenn deine Seite mehr als eine Seite ist, füge es zum Kopf jeder Seite hinzu, die verkauft, oder zur gemeinsamen Header-Datei, falls du eine nutzt.
<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
Klebe den Button in den Body rein, überall, wo er erscheinen soll. Der Browser rendert ihn an Ort und Stelle, und die Zahlungs-Auswahl wird das erste Mal geladen, wenn ein Käufer klickt.
<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
Nutze es über Seiten hinweg
Verkaufst du von mehreren Seiten? Lege das Script-Tag in einen gemeinsamen Header und kopiere den Button-Block überall, wo du ihn brauchst. Jedes Produkt ist der gleiche Block mit einer anderen Referenz und einem anderen Label.
Funktioniert auf jedem Host
GitHub Pages, einen Objekt-Speicher-Bucket, einen billigen gemeinsamen Host, einen Ordner auf deinem eigenen Server: wenn es eine HTML-Datei bedient, kann es verkaufen. Nichts läuft auf deiner Seite.
Bereit, wenn deine Seite bereit ist
Kostenlos deckt 150 Transaktionen pro Monat. Keine Karte zum Anmelden.