Aggiungi una riga al tuo modello di base e un blocco dove vendi. La tua build non rallenta, perché nulla della tua build cambia.
Aggiungi il tag script alla testa del tuo modello di base: layouts/_default/baseof.html nella maggior parte dei temi, o il parziale head se il tuo tema ne mantiene uno.
<!-- 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>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.
Incolla il pulsante in qualsiasi modello o parziale. Per metterlo all'interno del contenuto Markdown, consenti prima il HTML in linea (vedi le note marginali).
<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.
Hugo rimuove il HTML in linea da Markdown a meno che tu non impostassi markup.goldmark.renderer.unsafe = true nella configurazione del sito. I pulsanti nei modelli e nei parziali non hanno bisogno di alcuna impostazione.
Vendi da molte pagine? Avvolgi il pulsante in un parziale o shortcode che accetta il riferimento e l'etichetta del prodotto come parametri. Una definizione, l'intero catalogo.
Hugo è una delle piattaforme che l'elenco docs conferma come funzionante. Questa configurazione esatta è testata.
Gratuito copre 150 transazioni al mese. Nessuna carta per iscriversi.