Null JavaScript zu deinen Inseln hinzugefügt
Das ist keine Framework-Komponente, daher braucht es kein client:load und taucht nie in deinen Bundle-Statistiken auf. Das Script-Tag macht seine Arbeit im Browser, nach deinem HTML.
Scriptorium · I
Füge einen Kaufbutton zu deiner Astro-Website hinzu
Du brauchst kein Integrations-Paket, kein Client-Direktive, oder keine Insel. Der Button ist einfaches HTML, das mit deinem statischen Build geliefert wird, das ist das Astro-geformteste, das ein Zahlungs-Widget sein kann.
Füge das Script-Tag einmal ein
Lege das Script-Tag in den Kopf deines Basis-Layouts, src/layouts/Layout.astro in den meisten Projekten. Jede Seite, die das Layout nutzt, kann Buttons von da an darstellen.
---
// 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>Benenne das Produkt in deinem Dashboard
Öffne dein Projekt, wechsele zur Registerkarte Produkte, und füge das Produkt hinzu: eine Referenz, die du wählst, einen Namen, einen Preis, eine Währung. Von hier schreibt das Dashboard beide Blöcke auf dieser Seite mit deiner echten Projekt-ID. Was du unten siehst ist die Form.
Stelle den Button dort hin, wo du verkaufst
Füge den Button in den Body jeder .astro-Seite oder Komponente ein. Astro lässt ihn zum gebauten HTML durchgehen, unverändert.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Veröffentliche. Der Button wird mit der Seite dargestellt, und die Zahlungs-Auswahl wird das erste Mal geladen, wenn ein Käufer ihn anklickt. Jedes zusätzliche Produkt ist der gleiche Block mit einer anderen Referenz und einem anderen Label.
Passe auf diese auf
MDX und Content-Sammlungen
Seiten, die durch das Layout dargestellt werden, haben bereits das Script. Um aus MDX-Content zu verkaufen, füge das gleiche Button-HTML direkt in die Datei ein.
Statisch, SSR, Hybrid: alles in Ordnung
Der Button kümmert sich nicht, wie das HTML produziert wurde. Wenn die Seite einen Browser erreicht, verkauft sie.
Bereit, wenn deine Seite bereit ist
Kostenlos deckt 150 Transaktionen pro Monat. Keine Karte zum Anmelden.