Código personalizado quer um site pago
Framer executa código personalizado e incorporados em planos de site pago. Em um site gratuito, a página publicada não mostrará o botão.
Scriptorium · VII
Adicione um botão de compra ao seu site Framer
Projete a página em Framer e venda com o botão. Uma cola nas configurações do site e um componente Incorporado na tela, e o design continua exatamente seu.
Adicione a tag de script, uma vez
Nas configurações do site, abra Código Personalizado e cole a tag de script na seção que carrega no cabeçalho. Publique para que tenha efeito.
<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
Coloque um componente Incorporado na página, escolha HTML e cole o botão. Desenhe o quadro aproximadamente do tamanho do botão antes de 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 dimensionam para o quadro, não para o conteúdo
Um quadro deixado na altura zero oculta o botão completamente. Dê ao Incorporado um tamanho explícito e o layout segura enquanto a página carrega.
Na lista verificada
O incorporado HTML do Framer é uma das superfícies que a documentação lista como confirmada funcionando.
Pronto quando sua página estiver
Grátis cobre 150 transações por mês. Sem cartão para se inscrever.