Scriptorium · VI

Adicione um botão de compra ao seu site Carrd

Uma página Carrd mais este botão é uma loja completa de um produto: a página que você já paga quase nada para, e um checkout que leva cartões, criptografia ou correio.

Adicione a tag de script, uma vez

Nas configurações do site, abra a seção Código e cole a tag de script no campo de cabeça. Carrd a carrega em sua página, que é todo o 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

Adicione um elemento Incorporado onde o botão deve ficar, defina-o como Código e cole o botão dentro. Publicar.

<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

Os incorporados querem Carrd Pro

Código personalizado e elementos Incorporados são um recurso Pro, Pro Standard e acima. Em um site Carrd gratuito, o incorporado fica vazio.

O limite de caracteres não é um problema

Carrd limita o quanto código um incorporado contém. O botão tem algumas centenas de caracteres, bem abaixo do limite. Mantenha a tag de script nas configurações do site para não repeti-la por incorporado.

Na lista verificada

O elemento Incorporado do Carrd é uma das superfícies que a documentação lista como confirmada funcionando. Esta exata configuração é testada.

Pronto quando sua página estiver

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