Noll JavaScript lagt till dina öar
Detta är inte en ramkomponent, så den behöver ingen client:load och visas aldrig i dina bundlestatistik. Skripttaggen gör sitt arbete i webbläsaren, efter din HTML.
Scriptorium · I
Lägg till en köpknapp på din Astro-webbplats
Du behöver inte ett integrationspaket, ett klientdirektiv eller en ö. Knappen är vanlig HTML som levereras med din statiska bygge, vilket är det mest Astro-formade något en betalningswidget kan vara.
Lägg till skripttaggen, en gång
Sätt skripttaggen i huvudet på din baslayout, src/layouts/Layout.astro i de flesta projekt. Varje sida som använder layouten kan sedan rendera knappar.
---
// 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>Namnge produkten i din instrumentpanel
Öppna ditt projekt, växla till fliken Produkter och lägg till produkten: en referens du väljer, ett namn, ett pris, en valuta. Härifrån skriver instrumentpanelen båda blocken på denna sida med ditt verkliga projekt-ID. Vad du ser nedan är formen.
Placera knappen där du säljer
Klistra knappen in i brödtexten på vilken .astro-sida eller -komponent som helst. Astro skickar den genom till den byggda HTML-koden orörd.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Publicera. Knappen renderas med sidan, och betalningspickern laddar första gången en köpare klickar på den. Varje ytterligare produkt är samma block med en annan referens och etikett.
Akta för dessa
MDX och innehållssamlingar
Sidor renderade genom layouten har redan skriptet. För att sälja inifrån MDX-innehåll, klistra samma knapp-HTML rakt in i filen.
Statisk, SSR, hybrid: alla fina
Knappen bryr sig inte om hur HTML skapades. Om sidan når en webbläsare säljer den.
Redo när din sida är det
Gratis täcker 150 transaktioner per månad. Inget kort för att registrera dig.