Scriptorium · V

Aggiungi un pulsante di acquisto al tuo sito Webflow

Mantieni Webflow per quello che Webflow è: il design. Il pulsante porta il pagamento e eredita il suo posto nel tuo layout come qualsiasi altro elemento.

Aggiungi il tag script, una volta

Nelle impostazioni del sito, apri il codice personalizzato e incolla il tag script nel campo del codice della testa. Salva e pubblica; ora si carica per l'intero sito.

<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

Sulla pagina dove vendi, rilascia un elemento Incorpora e incolla il pulsante all'interno. Posizionalo e dimensionalo sulla tela come qualsiasi altra cosa.

<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

Il codice personalizzato è gating piano

Webflow esegue il codice personalizzato solo su siti con un piano di sito pagato. Sul dominio di staging gratuito il codice della testa rimane inattivo, quindi giudica il risultato sul sito pagato pubblicato.

La tela mostra un segnaposto

Il Designer renderizza gli incorporamenti come un blocco grigio. Il vero pulsante appare sulla pagina pubblicata, quindi stile lo spazio intorno ad esso, quindi pubblica e guarda.

Nessun piano Ecommerce richiesto

Il pulsante è il suo checkout. Un piano CMS semplice o statico lo porta; Webflow Ecommerce può stare completamente fuori dal conto.

Pronto quando lo è la tua pagina

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