Ir para o conteúdo
memberarea memberarea.io

Incorporar o Checkout em qualquer página

Partilhe links de checkout já preenchidos e códigos QR, ou acrescente botões de compra e um carrinho a qualquer site externo com um só script.

Neste artigo

Não precisa de uma página no seu espaço de trabalho para vender um produto. Um link de checkout funciona num e-mail, num chat ou numa publicação nas redes sociais, e algumas linhas de código colocam botões de compra e um carrinho em qualquer site que já tenha. Ambos levam os seus compradores ao mesmo checkout.

Abrir os links de checkout

Se os Pagamentos estiverem desativados no seu espaço de trabalho, ative-os primeiro em Configurações > Funcionalidades.

Cada produto tem o seu próprio link de checkout. Abra o produto em Pagamentos > Catálogo > Produtos e mude para o separador Checkout e URLs para copiar o Link de pagamento ou o Link do modo de teste. Os links diretos de checkout aceitam ?affiliate=CODE e ?qty=N.

Para mais do que um produto, use Pagamentos > Catálogo > Links de checkout. Cria o link e vê uma pré-visualização do checkout exatamente como os seus compradores o vão ver.

  1. Em Produtos e pacotes, clique em Adicionar produto ou pacote. Defina a Quantidade, se o produto deixar os compradores escolher uma, e, se o produto tiver vários preços, o Preço.
  2. Ative Oferecer como extra para um produto único que o comprador pode acrescentar no checkout em vez de o comprar por predefinição.
  3. Em Preencher dados do comprador, introduza um e-mail e um nome se criar o link para uma pessoa. Isto só preenche os campos, o comprador pode alterá-los. Ative Preencher endereço para preencher também o endereço de faturação.
  4. Escolha um Cupom para o aplicar automaticamente quando o checkout abre.
  5. Em Mais opções, defina o Idioma do checkout ou ative Link de teste para abrir o checkout no modo de teste do Stripe.

Em O seu link pode então Copiar link, Abrir ou Baixar código QR. Cada visita cria de imediato uma encomenda em aberto. Se ninguém pagar, fica pendente em Pedidos durante 24 horas e depois é marcada como expirada, por isso um link muito partilhado mostra muitas encomendas pendentes ou expiradas. Pode continuar a enviar o mesmo link a quantas pessoas quiser.

O criador de links de pagamento com um produto adicionado, o link pronto e o seu código QR.
O criador de links de pagamento com um produto adicionado, o link pronto e o seu código QR.

Com o programa de parceiros ativo, a secção Parceiro atribui as vendas do link a um parceiro e a uma Campanha opcional. O programa de parceiros só está disponível no plano Business.

Algumas combinações não podem partilhar um link. Todos os produtos precisam da mesma moeda, e só cabe uma subscrição ou um plano de prestações numa encomenda. Um plano de prestações, ou uma subscrição com período de teste, não pode ser combinado com outros produtos. Os cartões-presente e os bilhetes de eventos não são oferecidos no criador.

Nota

Se o criador avisar que os compradores ainda não podem pagar, ligue o Stripe ou ative outro método de pagamento em Pagamentos > Configurações > Métodos de pagamento.

Incorporar widgets no seu site

Vá a Pagamentos > Configurações > Widgets. Um só script dá-lhe duas coisas: uma loja com carrinho, com blocos de produtos e um carrinho partilhado, e uma sobreposição de checkout que abre o checkout completo numa lightbox, para que os visitantes fiquem na sua página.

  1. Adicione o script: cole o carregador uma vez por página, de preferência dentro do head do seu site.
  2. Coloque os seus snippets onde os produtos ou os botões devem aparecer.
  3. Publique e teste: a encomenda aparece de imediato em Pagamentos.
O separador Configuração das definições de widgets com os três passos para incorporar o checkout num site.
O separador Configuração das definições de widgets com os três passos para incorporar o checkout num site.

O separador Widgets oferece quatro blocos: o Cartão de produto, o Widget adicionar ao carrinho, o Ícone do carrinho e o Botão de compra. Escolha um produto no Configurador de snippets e todos os exemplos de código da página são atualizados. Um botão de compra tem este aspeto:

<script src="https://your-domain/embed.js" async></script>
<button data-memberarea-checkout="PRODUCT-ID">Buy now</button>

Copie o snippet da página em vez de o escrever, porque já contém o seu domínio e o ID do produto.

Só os produtos publicados com um preço ativo podem ser incorporados. O preço, as imagens e o stock vêm do seu catálogo, por isso nunca precisa de voltar a mexer num snippet. A sobreposição de checkout não carrega nada até um visitante clicar, e os visitantes pagam no seu próprio checkout com a sua marca, nunca numa página do Stripe.

Dica

A sobreposição segue as suas configurações em Pagamentos > Configurações > Checkout e não pode ser estilizada a partir da página anfitriã. Os widgets do carrinho podem ser personalizados com variáveis CSS listadas em Referência para desenvolvedores.

Opções para programadores

O separador Referência para desenvolvedores lista os pontos de montagem, os eventos de janela que os widgets enviam e os atributos opcionais de um botão de compra. data-coupon, data-email e data-price predefinem um cupão, o e-mail do comprador e um preço específico. data-affiliate atribui a venda a um parceiro e, tal como a secção Parceiro, exige o plano Business. Se o seu site definir uma Content Security Policy, permita scripts e frames do domínio indicado no separador Configuração.

Os widgets funcionam com qualquer criador de sites, de HTML estático a WordPress, Webflow e Framer. Se usar WordPress, veja também Vender os seus cursos a partir do WordPress.

Artigos relacionados

Last updated on October 20, 2026

Este artigo foi útil?

Artigos relacionados