Elke sjabloontaal werkt
De knop is gewone HTML met gestrepte eigenschappen, die elke Eleventy-taal verbatim uitgeeft. Niets om te ontsnappen, niets om in te stellen.
Scriptorium · III
Voeg een aankoopknop toe aan je Eleventy-site
Eleventy geeft wat HTML je je geeft, in elke sjabloontaal. De knop is HTML. Deze gids is kort omdat er niets is om heen te werken.
Voeg de scripttag eenmaal toe
Voeg de scripttag toe aan de kop van je basislay-out, meestal een bestand onder _includes/, in welke sjabloontaal het spreekt.
<!-- _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>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: Nunjucks, Liquid, WebC, of Markdown-inhoud. Eleventy geeft inline HTML in Markdown standaard door.
<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
Je pijpleiding blijft van jou
Het script laadt van onze CDN op weergavemoment. Je build, je bundler, en je passthrough-kopieën weten er nooit van.
Gereed als je pagina klaar is
Gratis dekt 150 transacties per maand. Geen kaart om je aan te melden.