O código personalizado é um gate de plano
Webflow só executa código personalizado em sites com um plano de site pago. No domínio de preparação gratuita, o código de cabeçalho permanece inativo, portanto, julgue o resultado no site pago publicado.
Scriptorium · V
Adicione um botão de compra ao seu site Webflow
Mantenha o Webflow para o que o Webflow é: o design. O botão traz o pagamento e herda seu lugar em seu layout como qualquer outro elemento.
Adicione a tag de script, uma vez
Nas configurações do site, abra código personalizado e cole a tag de script no campo de código do cabeçalho. Salve e publique; agora carrega para o site inteiro.
<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
Na página onde você vender, coloque um elemento Incorporado e cole o botão dentro. Posicione e dimensione-o na tela como qualquer outra coisa.
<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
A tela mostra um espaço reservado
O Designer renderiza incorporados como um bloco cinza. O botão real aparece na página publicada, portanto, estilize o espaço ao seu redor e depois publique e procure.
Nenhum plano de comércio eletrônico necessário
O botão é seu próprio checkout. Um plano CMS simples ou estático o carrega; Webflow Ecommerce pode ficar completamente fora da conta.
Pronto quando sua página estiver
Grátis cobre 150 transações por mês. Sem cartão para se inscrever.