Toda linguagem de template funciona
O botão é HTML simples com atributos tracejados, que toda linguagem Eleventy emite literalmente. Nada para escapar, nada para configurar.
Scriptorium · III
Adicione um botão de compra ao seu site Eleventy
Eleventy emite qualquer HTML que você mana, em qualquer linguagem de template. O botão é HTML. Este guia é curto porque não há nada para contornar.
Adicione a tag de script, uma vez
Adicione a tag de script ao cabeçalho de seu layout base, geralmente um arquivo em _includes/, em qualquer linguagem de template que ele fale.
<!-- _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>Nomeie o produto em seu painel
Abra seu projeto, mude para a aba Produtos e adicione o produto: uma referência que você escolhe, um nome, um preço, uma moeda. A partir daqui, o painel escreve ambos os blocos nesta página com seu ID de projeto real. O que você vê abaixo é a forma.
Coloque o botão onde você vender
Cole o botão em qualquer template: Nunjucks, Liquid, WebC ou conteúdo Markdown. Eleventy passa HTML inline em Markdown através por padrão.
<coin-moebius-buy
project-id="proj_YOUR_ID_HERE"
product-id="t-shirt-medium"
label="Buy a t-shirt">
</coin-moebius-buy>Publicar. O botão renderiza com a página e o seletor de pagamento carrega a primeira vez que um comprador o clica. Cada produto adicional é o mesmo bloco com uma referência e rótulo diferentes.
Tenha cuidado com estes
Seu pipeline continua sendo seu
O script carrega de nosso CDN no tempo de visualização. Sua compilação, seu bundler e suas cópias passthrough nunca sabem que existe.
Pronto quando sua página estiver
Grátis cobre 150 transações por mês. Sem cartão para se inscrever.