Goldmark eet standaard ruwe HTML
Hugo verwijdert inline HTML uit Markdown tenzij je markup.goldmark.renderer.unsafe = true in je site-config instelt. Knoppen in sjablonen en gedeeltelijken hebben helemaal geen instelling nodig.
Scriptorium · II
Voeg een aankoopknop toe aan je Hugo-site
Je voegt één lijn toe aan je basissjabloon en één blok waar je verkoopt. Je build vertraagt niet, omdat er niets aan je build verandert.
Voeg de scripttag eenmaal toe
Voeg de scripttag toe aan de kop van je basissjabloon: layouts/_default/baseof.html in de meeste thema's, of de kopgedeeltelijke als je thema er één houdt.
<!-- 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>Noem het product in je dashboard
Open je project, schakel naar het tabblad Producten, en voeg het product toe: een referentie die je kiest, een naam, een prijs, een valuta. Van hier schrijft het dashboard beide blokken op deze pagina met je echte projectID. Wat je hieronder ziet is de vorm.
Plaats de knop waar je verkoopt
Plak de knop in elk sjabloon of gedeeltelijk. Om het in Markdown-inhoud te plaatsen, moet je eerst inline HTML toestaan (zie de marginale opmerkingen).
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Publiceer. De knop geeft met de pagina, en de betalingskiezer laadt de eerste keer dat een koper klikt erop. Elk aanvullend product is hetzelfde blok met een ander verwijzing en label.
Let op deze
Maak het een gedeeltelijk
Verkoop je van veel pagina's? Verpak de knop in een gedeeltelijk of shortcode die de productverwijzing en het label als parameters neemt. Één definitie, de hele catalogus.
Op de geverifieerde lijst
Hugo is een van de platforms die de docs opnoemt als bevestigd werkend. Deze exacte instelling wordt getest.
Gereed als je pagina klaar is
Gratis dekt 150 transacties per maand. Geen kaart om je aan te melden.