Jede Template-Sprache funktioniert
Der Button ist einfaches HTML mit gestrichenen Attributen, die jede Eleventy-Sprache wort-gleich ausgibt. Nichts zum Escape, nichts zum Konfigurieren.
Scriptorium · III
Füge einen Kaufbutton zu deiner Eleventy-Website hinzu
Eleventy gibt aus, welches HTML du ihm übergibst, in jeder Template-Sprache. Der Button ist HTML. Diese Anleitung ist kurz, da es nichts zu umgehen gibt.
Füge das Script-Tag einmal ein
Füge das Script-Tag zum Kopf deines Basis-Layouts hinzu, normalerweise eine Datei unter _includes/, in welcher Template-Sprache es spricht.
<!-- _includes/layout.njk -->
<head>
<meta charset="utf-8" />
<title>{{ title }}</title>
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>
</head>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
Füge den Button in jede Vorlage ein: Nunjucks, Liquid, WebC, oder Markdown-Content. Eleventy lässt Inline-HTML in Markdown standardmäßig durch.
<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
Deine Pipeline bleibt deine
Das Script wird zu unserer CDN bei Ansicht-Zeit geladen. Dein Build, dein Bundler, und deine Passthrough-Kopien wissen nie, dass es existiert.
Bereit, wenn deine Seite bereit ist
Kostenlos deckt 150 Transaktionen pro Monat. Keine Karte zum Anmelden.