Scriptorium · IV

Voeg een aankoopknop toe aan je Jekyll-site

Jekyll-sites nemen betalingen met twee geplakte blokken, en dat omvat voorraadige GitHub-pagina's. Er zijn geen plugins, geen gems, en geen Actions-workflow in te stellen.

Voeg de scripttag eenmaal toe

Voeg de scripttag toe aan de kop in je standaardlay-out (_layouts/default.html) of het hoofd van je thema (_includes/head.html).

<!-- _layouts/default.html -->
<head>
  <meta charset="utf-8" />
  <title>{{ page.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 een willekeurige pagina, bericht, of opname. Kramdown geeft inline HTML in Markdown standaard door, dus mid-post werkt.

<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

GitHub-pagina's hebben niets extra nodig

Gewone HTML plus ons gehoste script betekent geen plugin-allow-list-probleem. Push naar de branch die je al publiceert en de knop is live.

Liquid laat het alleen

De knop bevat geen krullende accolades, dus Liquid heeft niets om te interpoleren. Plak het ​​as-is. Geen ruwe tags nodig.

Op de geverifieerde lijst

Jekyll is een van de platforms die de docs opnoemt als bevestigd werkend.

Gereed als je pagina klaar is

Gratis dekt 150 transacties per maand. Geen kaart om je aan te melden.