Coin Moebius
Scriptorium · I

Voeg een aankoopknop toe aan je Astro-site

Je hebt geen integratiepakket, geen client-richtlijn, en geen eiland nodig. De knop is gewone HTML die met je statische build wordt verzonden, wat het meest Astro-vormige ding is dat een betalingswidget kan zijn.

Voeg de scripttag eenmaal toe

Zet de scripttag in de kop van je basislay-out, src/layouts/Layout.astro in de meeste projecten. Elke pagina die de lay-out gebruikt, kan daarna knoppen weergeven.

---
// 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>

Noem het product in je dashboard

Open je project, schakel naar het tabblad Producten, en voeg het product toe: een referentie die je kiest, een naam, een prijs, een valuta. Van hier schrijft het dashboard beide blokken op deze pagina met je echte projectID. Wat je hieronder ziet is de vorm.

Plaats de knop waar je verkoopt

Plak de knop in de hoofdtekst van elke .astro pagina of component. Astro geeft het door aan de gebouwde HTML ongewijzigd.

<coin-moebius-buy
  project-id="proj_YOUR_ID_HERE"
  product-id="t-shirt-medium"
  label="Buy a t-shirt">
</coin-moebius-buy>

Publiceer. De knop geeft met de pagina, en de betalingskiezer laadt de eerste keer dat een koper klikt erop. Elk aanvullend product is hetzelfde blok met een ander verwijzing en label.

Let op deze

Nul JavaScript aan je eilanden toegevoegd

Dit is geen framework-component, dus het heeft geen client:load nodig en verschijnt nooit in je bundel stats. De scripttag doet zijn werk in de browser, na je HTML.

MDX en content-collecties

Pagina's weergegeven via de lay-out hebben al het script. Om vanuit MDX-inhoud te verkopen, plak je dezelfde knop HTML rechtstreeks in het bestand.

Statisch, SSR, hybride: allemaal prima

De knop geeft niet om hoe de HTML is geproduceerd. Als de pagina een browser bereikt, verkoopt het.

Gereed als je pagina klaar is

Gratis dekt 150 transacties per maand. Geen kaart om je aan te melden.

Gratis startenDe aankoopknop, kenmerk voor kenmerk