Zéro JavaScript ajouté à tes îles
Ce n'est pas un composant de framework, donc il n'a pas besoin de client:load et n'apparaît jamais dans tes statistiques de paquet. La balise de script fait son travail dans le navigateur, après ton HTML.
Scriptorium · I
Ajoute un bouton d'achat à ton site Astro
Tu n'as pas besoin d'un paquet d'intégration, d'une directive client, ou d'une île. Le bouton est du HTML brut qui s'expédie avec ta construction statique, ce qui est la chose la plus en forme Astro qu'un widget de paiement peut être.
Ajoute la balise de script, une fois
Mets la balise de script dans la tête de ta mise en page de base, src/layouts/Layout.astro dans la plupart des projets. Chaque page qui utilise la mise en page peut rendre des boutons à partir de là.
---
// 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>Nomme le produit dans ton tableau de bord
Ouvre ton projet, bascule vers l'onglet Produits, et ajoute le produit : une référence que tu choisis, un nom, un prix, une devise. À partir d'ici, le tableau de bord écrit les deux blocs sur cette page avec ton ID de projet réel. Ce que tu vois ci-dessous est la forme.
Place le bouton là où tu vends
Colle le bouton dans le corps de n'importe quelle page ou composant .astro. Astro le passe au HTML construit intouché.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Publie. Le bouton s'affiche avec la page, et le sélecteur de paiement charge la première fois qu'un acheteur clique. Chaque produit supplémentaire est le même bloc avec une référence et une étiquette différentes.
Attention à ceux-ci
MDX et collections de contenu
Les pages rendues à travers la mise en page ont déjà le script. Pour vendre à l'intérieur du contenu MDX, colle le même HTML de bouton directement dans le fichier.
Statique, SSR, hybride : tout bon
Le bouton ne tient pas compte de la façon dont le HTML a été produit. Si la page atteint un navigateur, elle vend.
Prêt quand ta page l'est
Gratuit couvre 150 transactions par mois. Pas de carte pour s'inscrire.