Zero JavaScript aggiunto alle tue isole
Questo non è un componente del framework, quindi non ha bisogno di client:load e non appare mai nelle tue statistiche di bundle. Il tag script fa il suo lavoro nel browser, dopo il tuo HTML.
Scriptorium · I
Aggiungi un pulsante di acquisto al tuo sito Astro
Non hai bisogno di un pacchetto di integrazione, una direttiva client o un'isola. Il pulsante è HTML semplice che viene spedito con la tua build statica, che è la cosa più Astro a cui un widget di pagamento possa assomigliare.
Aggiungi il tag script, una volta
Metti il tag script nella testa del tuo layout di base, src/layouts/Layout.astro nella maggior parte dei progetti. Ogni pagina che utilizza il layout può renderizzare i pulsanti da allora in poi.
---
// src/layouts/Layout.astro
---
<html lang="en">
<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 nel corpo di qualsiasi pagina o componente .astro. Astro lo passa attraverso all'HTML costruito intatto.
<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
MDX e collezioni di contenuto
Le pagine renderizzate attraverso il layout hanno già lo script. Per vendere all'interno del contenuto MDX, incolla lo stesso pulsante HTML direttamente nel file.
Statico, SSR, ibrido: tutto bene
Il pulsante non importa come è stato prodotto l'HTML. Se la pagina raggiunge un browser, vende.
Pronto quando lo è la tua pagina
Gratuito copre 150 transazioni al mese. Nessuna carta per iscriversi.