Scriptorium · IV

Aggiungi un pulsante di acquisto al tuo sito Jekyll

I siti Jekyll prendono pagamenti con due blocchi incollati, e questo include stock GitHub Pages. Non ci sono plugin, nessuna gemma e nessun workflow Actions da configurare.

Aggiungi il tag script, una volta

Aggiungi il tag script alla testa nel tuo layout predefinito (_layouts/default.html) o l'include della testa del tuo tema (_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>

Nomina il prodotto nel tuo dashboard

Apri il tuo progetto, passa alla scheda Prodotti e aggiungi il prodotto: un riferimento che scegli, un nome, un prezzo, una valuta. Da qui il dashboard scrive entrambi i blocchi in questa pagina con il tuo ID progetto reale. Quello che vedi sotto è la forma.

Piazza il pulsante dove vendi

Incolla il pulsante in qualsiasi pagina, post o include. Kramdown passa il HTML in linea in Markdown per impostazione predefinita, quindi mid-post funziona.

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

Pubblica. Il pulsante si renderizza con la pagina, e il selettore di pagamento carica la prima volta che un acquirente lo clicca. Ogni prodotto aggiuntivo è lo stesso blocco con un riferimento e un'etichetta diversi.

Stai attento a questi

GitHub Pages non ha bisogno di nulla di più

HTML semplice più il nostro script ospitato significa nessun guaio con l'allow-list plugin. Spingi al branch che già pubblichi e il pulsante è attivo.

Liquid lo lascia tranquillo

Il pulsante non contiene parentesi graffe, quindi Liquid non ha nulla da interpolate. Incollalo così com'è. Non sono necessari tag grezzi.

Nell'elenco verificato

Jekyll è una delle piattaforme che l'elenco docs conferma come funzionante.

Pronto quando lo è la tua pagina

Gratuito copre 150 transazioni al mese. Nessuna carta per iscriversi.