Scriptorium · VII

Aggiungi un pulsante di acquisto al tuo sito Framer

Progetta la pagina in Framer e vendi con il pulsante. Un incolla nelle impostazioni del sito e un componente Incorpora sulla tela, e il design rimane esattamente il tuo.

Aggiungi il tag script, una volta

Nelle impostazioni del sito, apri il codice personalizzato e incolla il tag script nella sezione che si carica nella testa. Pubblica affinché abbia effetto.

<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

Rilascia un componente Incorpora sulla pagina, scegli HTML e incolla il pulsante. Disegna il frame all'incirca delle dimensioni del pulsante prima di pubblicare.

<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 vuole un sito pagato

Framer esegue il codice personalizzato e gli incorporamenti su piani di sito pagati. Su un sito gratuito la pagina pubblicata non mostrerà il pulsante.

Gli incorporamenti si dimensionano alla cornice, non al contenuto

Una cornice lasciata a zero altezza nasconde completamente il pulsante. Dai all'Incorporate una dimensione esplicita e il layout rimane fermo mentre la pagina si carica.

Nell'elenco verificato

L'incorporate HTML di Framer è una delle superfici che l'elenco docs conferma come funzionante.

Pronto quando lo è la tua pagina

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