Scriptorium · XI

Adicione um botão de compra ao seu site Ghost

Ghost lida com associações por conta própria. Produtos únicos não são seu trabalho. O botão preenche essa lacuna. Cole o script através da injeção de código. Solte o botão em um cartão HTML. Agora você pode vender de qualquer postagem ou página.

Adicione a tag de script, uma vez

No admin do Ghost, abra Configurações e depois Injeção de Código. Cole a tag de script no campo Cabeçalho do Site. Carrega em todas as páginas do site.

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

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

No editor, adicione um cartão HTML onde o botão pertence. Cole o botão nele. Depois de publicar, a página pode vender.

<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

Use um cartão HTML

O botão vai em um cartão HTML, não em um bloco de texto normal. Ghost passa o cartão como escrito. O botão e seus atributos permanecem intactos.

Fica ao lado das associações

As associações Ghost continuam como estão. O botão lida com vendas únicas ao lado delas, com seu próprio checkout e seu próprio registro. Os dois não colidem.

Auto-hospedado ou Ghost(Pro)

A injeção de código funciona no Ghost auto-hospedado e em Ghost(Pro). Não há plugin para instalar de nenhuma maneira.

Pronto quando sua página estiver

Grátis cobre 150 transações por mês. Sem cartão para se inscrever.