Añades una línea a tu plantilla base y un bloque donde vendes. Tu compilación no se ralentiza, porque nada sobre tu compilación cambia.
Añade la etiqueta de script al encabezado de tu plantilla base: layouts/_default/baseof.html en la mayoría de temas, o la inclusión de encabezado si tu tema mantiene una.
<!-- layouts/_default/baseof.html -->
<head>
<meta charset="utf-8" />
<title>{{ .Title }}</title>
<script src="https://sdk.coinmoebius.com/latest/sdk.global.js"
crossorigin="anonymous"
defer></script>
</head>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.
Pega el botón en cualquier plantilla o parcial. Para ponerlo dentro del contenido Markdown, primero permite HTML en línea (ver las notas al margen).
<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.
Hugo elimina HTML en línea del Markdown a menos que configures markup.goldmark.renderer.unsafe = true en tu configuración de sitio. Los botones en plantillas y parciales no necesitan ninguna configuración en absoluto.
Vendiendo desde muchas páginas? Envuelve el botón en un parcial o shortcode que tome la referencia del producto y la etiqueta como parámetros. Una definición, todo el catálogo.
Hugo es una de las plataformas que la documentación lista como confirmada funcionando. Esta configuración exacta se prueba.
Gratis cubre 150 transacciones al mes. Sin tarjeta para registrarse.