Scriptorium · XII

Añade un botón de compra a un sitio HTML simple

No hay framework aquí y nada que instalar. El botón de compra es HTML, así que una página HTML simple es el lugar más simple donde puede vivir. Añades una línea al encabezado y un bloque donde vendes.

Añade la etiqueta de script, una vez

Pon la etiqueta de script dentro del encabezado de tu página. Si tu sitio es más de una página, añádelo al encabezado de cada página que vende, o a la inclusión de encabezado compartida si usas una.

<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
  crossorigin="anonymous"
  defer></script>

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 dondequiera que quieras que aparezca. El navegador lo renderiza en su lugar, y el selector de pago se carga la primera vez que un comprador hace clic.

<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

Sin paso de compilación, sin problema

No necesitas npm, un empaquetador, o un framework. Guarda el archivo, súbelo, y el botón funciona la próxima vez que carga la página.

Reutilízalo en varias páginas

¿Vendes desde varias páginas? Pon la etiqueta de script en un encabezado compartido y copia el bloque del botón dondequiera que lo necesites. Cada producto es el mismo bloque con una referencia y etiqueta diferente.

Funciona en cualquier anfitrión

GitHub Pages, un depósito de almacenamiento de objetos, un anfitrión compartido barato, una carpeta en tu propio servidor: si sirve un archivo HTML, puede vender. Nada se ejecuta de tu lado.

Listo cuando tu página lo está

Gratis cubre 150 transacciones al mes. Sin tarjeta para registrarse.