Ogni linguaggio di template funziona
Il pulsante è HTML semplice con attributi trattinati, che ogni linguaggio Eleventy emette verbatim. Nulla da scappare, nulla da configurare.
Scriptorium · III
Aggiungi un pulsante di acquisto al tuo sito Eleventy
Eleventy emette qualunque HTML tu gli dia, in qualsiasi linguaggio di template. Il pulsante è HTML. Questa guida è breve perché non c'è nulla da aggirare.
Aggiungi il tag script, una volta
Aggiungi il tag script alla testa del tuo layout di base, solitamente un file sotto _includes/, in qualunque linguaggio di template parli.
<!-- _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>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 modello: Nunjucks, Liquid, WebC o contenuto Markdown. Eleventy passa il HTML in linea in Markdown per impostazione predefinita.
<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
La tua pipeline rimane tua
Lo script viene caricato dalla nostra CDN al momento della visualizzazione. La tua build, il tuo bundler e le tue copie di passthrough non sapranno mai che esiste.
Pronto quando lo è la tua pagina
Gratuito copre 150 transazioni al mese. Nessuna carta per iscriversi.