Scriptorium · IX

Aggiungi un pulsante di acquisto al tuo sito Notion

Notion non eseguirà il codice personalizzato da solo. Quindi il pulsante ha bisogno di un host che lo aggiunge. Strumenti come Super e Simple.ink pubblicano le tue pagine Notion e ti permettono di far cadere il codice. Con uno di loro, il pulsante funziona allo stesso modo di ovunque.

Aggiungi il tag script, una volta

Aggiungi il tag script una volta nell'impostazione del codice del sito del tuo host. In Super è Impostazioni, quindi Codice. In Simple.ink è il pannello del codice personalizzato nella barra laterale.

<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
  crossorigin="anonymous"
  defer></script>

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

Dove vuoi il pulsante, aggiungi un blocco di codice Notion. In Super, metti super-embed: sulla prima riga, quindi il pulsante sotto. In Simple.ink, avvolgi il pulsante tra due righe #EMBED. L'host trasforma quel blocco nel pulsante dal vivo.

<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 semplice Notion non lo farà

Un sito pubblicato direttamente da Notion non può eseguire il codice personalizzato. Un host come Super o Simple.ink è quello che aggiunge quella capacità.

Il pulsante va in un blocco di codice

Non incolli il pulsante nella pagina come testo semplice. Lo metti in un blocco di codice Notion con il marcatore del tuo host. Questo è super-embed: per Super, o #EMBED per Simple.ink. L'host lo renderizza da lì.

Gratuito per provare

Simple.ink ha un livello gratuito su cui puoi lanciare. Puoi configurare il pulsante e prendere una vendita di test senza pagare nessuno. Super offre una prova per fare lo stesso.

Pronto quando lo è la tua pagina

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