Cada lenguaje de plantilla funciona
El botón es HTML simple con atributos guionados, que cada lenguaje de Eleventy emite textualmente. Nada para escapar, nada para configurar.
Scriptorium · III
Añade un botón de compra a tu sitio Eleventy
Eleventy emite cualquier HTML que le entregues, en cualquier lenguaje de plantilla. El botón es HTML. Esta guía es corta porque no hay nada para trabajar alrededor.
Añade la etiqueta de script, una vez
Añade la etiqueta de script al encabezado de tu diseño base, generalmente un archivo bajo _includes/, en cualquier lenguaje de plantilla que hable.
<!-- _includes/layout.njk -->
<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 cualquier plantilla: Nunjucks, Liquid, WebC, o contenido Markdown. Eleventy pasa HTML en línea en Markdown por defecto.
<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
Tu tubería sigue siendo tuya
El script se carga desde nuestra CDN en el tiempo de visualización. Tu compilación, tu empaquetador, y tus copias de paso nunca saben que existe.
Listo cuando tu página lo está
Gratis cubre 150 transacciones al mes. Sin tarjeta para registrarse.