Scriptorium · II

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

Du lägger till en rad i din basmall och ett block där du säljer. Ditt bygge saktar inte ner, eftersom ingenting om ditt bygge förändras.

Lägg till skripttaggen, en gång

Lägg till skripttaggen till huvudet på din basmall: layouts/_default/baseof.html i de flesta teman, eller huvuddelen om ditt tema håller en.

<!-- 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>

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 i vilken mall eller delvis som helst. För att sätta den inuti Markdown-innehåll, tillåt först inline HTML (se marginalnoteringarna).

<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

Goldmark äter raw HTML som standard

Hugo stripper inline HTML från Markdown om du inte ställer markup.goldmark.renderer.unsafe = true i din webbplatskonfiguration. Knappar i mallar och partiella behöver ingen inställning alls.

Gör det till en del

Säljer från många sidor? Slå in knappen i en delvis eller shortcode som tar produktreferensen och etiketten som parametrar. En definition, hela katalogen.

På den verifierade listan

Hugo är en av plattformarna som dokumentationen listar som bekräftad fungerar. Denna exakta installation testas.

Redo när din sida är det

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