Cero JavaScript añadido a tus islas
Esto no es un componente de framework, así que no necesita client:load y nunca aparece en tus estadísticas de paquete. La etiqueta de script hace su trabajo en el navegador, después de tu HTML.
Scriptorium · I
Añade un botón de compra a tu sitio Astro
No necesitas un paquete de integración, una directiva de cliente, o una isla. El botón es HTML simple que se envía con tu compilación estática, que es la cosa más Astro que un widget de pago puede ser.
Añade la etiqueta de script, una vez
Pon la etiqueta de script en el encabezado de tu diseño base, src/layouts/Layout.astro en la mayoría de proyectos. Cada página que usa el diseño puede renderizar botones de ahí en adelante.
---
// 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>Nombra el producto en tu panel de control
Abre tu proyecto, cambia a la pestaña Productos, y añade el producto: una referencia que elijas, un nombre, un precio, una moneda. Desde aquí el panel de control escribe ambos bloques en esta página con tu ID de proyecto real. Lo que ves a continuación es la forma.
Coloca el botón donde vendes
Pega el botón en el cuerpo de cualquier página o componente .astro. Astro lo pasa sin cambios al HTML compilado.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Publica. El botón se renderiza con la página, y el selector de pago carga la primera vez que un comprador lo hace clic. Cada producto adicional es el mismo bloque con una referencia y etiqueta diferente.
Ten cuidado con estos
MDX y colecciones de contenido
Las páginas renderizadas a través del diseño ya tienen el script. Para vender desde dentro del contenido MDX, pega el mismo HTML de botón directamente en el archivo.
Estático, SSR, híbrido: todos bien
El botón no importa cómo se produjo el HTML. Si la página llega a un navegador, vende.
Listo cuando tu página lo está
Gratis cubre 150 transacciones al mes. Sin tarjeta para registrarse.