Einfaches Notion wird es nicht tun
Eine Website, die direkt von Notion veröffentlicht wird, kann keinen Custom-Code laufen lassen. Ein Host wie Super oder Simple.ink ist das, das diese Fähigkeit hinzufügt.
Scriptorium · IX
Füge einen Kaufbutton zu deiner Notion-Website hinzu
Notion wird keinen Custom-Code auf eigene Faust laufen lassen. Also braucht der Button einen Host, der ihn hinzufügt. Tools wie Super und Simple.ink veröffentlichen deine Notion-Seiten und lassen dich Code reinziehen. Mit einem davon funktioniert der Button gleich wie überall sonst.
Füge das Script-Tag einmal ein
Füge das Script-Tag einmal in die Website-weite Code-Einstellung deines Hosts ein. In Super ist es Einstellungen, dann Code. In Simple.ink ist es das Custom-Code-Panel in der Seitenleiste.
<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
Wo du den Button möchtest, füge einen Notion-Code-Block hinzu. In Super legst du super-embed: in die erste Zeile, dann den Button darunter. In Simple.ink wickelst du den Button zwischen zwei #EMBED-Zeilen. Der Host macht diesen Block zum echten Button.
<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
Der Button geht in einen Code-Block
Du fügst den Button nicht wie einfachen Text in die Seite ein. Du legst ihn in einen Notion-Code-Block mit dem Marker deines Hosts. Das ist super-embed: für Super, oder #EMBED für Simple.ink. Der Host rendert ihn von dort.
Kostenlos zum Versuchen
Simple.ink hat eine kostenlose Stufe, die du starten kannst. Du kannst den Button verdrahten und einen Test-Verkauf nehmen ohne jemandem zu zahlen. Super bietet eine Probeversion, um das gleiche zu tun.
Bereit, wenn deine Seite bereit ist
Kostenlos deckt 150 Transaktionen pro Monat. Keine Karte zum Anmelden.