Scriptorium · IV

Lägg till en köpknapp på din Jekyll-webbplats

Jekyll-webbplatser tar betalningar med två inklistrade block, och det inkluderar aktien GitHub Pages. Det finns ingen plugins, ingen ädelstenar och inget Actions-arbetsflöde att ställa in.

Lägg till skripttaggen, en gång

Lägg till skripttaggen till huvudet i din standardlayout (_layouts/default.html) eller ditt temas huvudinklud (_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>

Namnge produkten i din instrumentpanel

Öppna ditt projekt, växla till fliken Produkter och lägg till produkten: en referens du väljer, ett namn, ett pris, en valuta. Härifrån skriver instrumentpanelen båda blocken på denna sida med ditt verkliga projekt-ID. Vad du ser nedan är formen.

Placera knappen där du säljer

Klistra knappen in på vilken sida, inlägg eller inkluderad som helst. Kramdown skickar inline HTML i Markdown genom som standard, så mid-post fungerar.

<coin-moebius-buy
  project-id="proj_YOUR_ID_HERE"
  product-id="t-shirt-medium"
  label="Buy a t-shirt">
</coin-moebius-buy>

Publicera. Knappen renderas med sidan, och betalningspickern laddar första gången en köpare klickar på den. Varje ytterligare produkt är samma block med en annan referens och etikett.

Akta för dessa

GitHub-sidor behöver ingenting extra

Vanlig HTML plus vår värdskriptade skript innebär inga plugin-tillåtelsetrobbel. Tryck på grenen du redan publicerar från och knappen är live.

Vätskan lämnar det ensamt

Knappen innehåller inga lockiga parenteser, så vätskan har ingenting att interpolera. Klistra det så är det. Inga råtaggar behövs.

På den verifierade listan

Jekyll är en av plattformarna som dokumentationen listar som bekräftad fungerar.

Redo när din sida är det

Gratis täcker 150 transaktioner per månad. Inget kort för att registrera dig.