Goldmark isst raw HTML standardmäßig
Hugo entfernt Inline-HTML aus Markdown, es sei denn, du stellst markup.goldmark.renderer.unsafe = true in deinem Site-Config ein. Buttons in Vorlagen und Partials brauchen überhaupt keine Einstellung.
Scriptorium · II
Füge einen Kaufbutton zu deiner Hugo-Website hinzu
Du füge eine Zeile zu deiner Basis-Vorlage und einen Block dort hin, wo du verkaufst. Dein Build wird nicht verlangsamt, da sich nichts an deinem Build ändert.
Füge das Script-Tag einmal ein
Füge das Script-Tag zum Kopf deiner Basis-Vorlage hinzu: layouts/_default/baseof.html in den meisten Themen, oder das Kopf-Partial, wenn dein Theme eine hält.
<!-- layouts/_default/baseof.html -->
<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 oder Partial ein. Um es in Markdown-Content einzufügen, lasse zuerst Inline-HTML zu (siehe die Rand-Notizen).
<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
Mache es zu einem Partial
Verkaufen von vielen Seiten? Umhülle den Button in einem Partial oder Shortcode, die die Produktreferenz und das Label als Parameter nehmen. Eine Definition, der ganze Katalog.
Auf der überprüften Liste
Hugo ist eine der Plattformen, die die Docs als bestätigt funktionierend auflistet. Dieses exakte Setup ist getestet.
Bereit, wenn deine Seite bereit ist
Kostenlos deckt 150 Transaktionen pro Monat. Keine Karte zum Anmelden.