A forma como o cliente interage com o pagamento — onde acontece, se sai do site, quanto controlas o visual — define a experiência da tua loja.

Disponível hoje na FaciPay

Popup / overlay (web)

Estilo PayPal: uma janela sobreposta à tua página. O cliente fica no contexto do teu site e o pagamento corre numa janela isolada. É o que a FaciPay JS SDK faz hoje.

Checkout hospedado em WebView (mobile)

Nas SDKs Android e iOS, o checkout é apresentado num WebView nativo (modal/bottom-sheet).
Por agora, só o popup/overlay (web) e o WebView hospedado (mobile) estão disponíveis. Checkout hospedado por redirect, iframe embebido e elementos custom ainda não existem — estão listados abaixo apenas como referência para planeamento futuro.

Referência para planeamento — Stripe

PadrãoO que éEsforçoControlo visualSai do site?
Checkout hospedado (redirect)Página de pagamento hospedada; redirect e voltaBaixoBaixoSim
Embedded Checkout (iframe)A página de checkout embebida na tua páginaBaixo–médioMédioNão
Payment Element / ElementsComponentes de UI para um checkout customAltoTotalNão
Payment LinksURL partilhável, sem códigoNenhumBaixoSim
Express Checkout ElementBotões de carteira 1-clique (Apple/Google Pay, Link)BaixoBaixoNão

Referência para planeamento — PayPal

PadrãoO que éSai do site?
Smart Payment Buttons (popup)Aprovação numa janela popup PayPalNão (popup)
Smart Payment Buttons (redirect)Aprovação por redirect (fallback mobile)Sim
Hosted/Advanced Card FieldsCampos de cartão embebidos e personalizáveisNão
Pay Later / messagingMensagens de “pagar depois”/prestaçõesNão
Checkout from cart/product (Express)Botão de checkout direto no produto/carrinhoNão (popup)

Como mapeiam ao fluxo FaciPay

O fluxo de backend da FaciPay (criar ordem → referenceNumber → confirmar por webhook) é independente da forma de UX. Qualquer padrão reutiliza o mesmo createPaymentOrder e o mesmo webhook; só muda onde o cliente introduz o pagamento:
  • Popup/overlay (atual): generateButton() + .render() abrem a janela de checkout.
  • Redirect/hospedado (futuro): redirecionar para o checkout (www1.facipay.co.ao/checkout) e voltar pelos returnUrl/cancelUrl.
  • Embebido (futuro): a mesma página de checkout dentro de um iframe.
  • Link de pagamento (futuro): gerar a ordem e partilhar o URL do checkout, sem SDK.