Pular para o conteúdo principal
Todos os sistemas operacionaisNovidadesv1
Entrar

Finalizar compra

Crie um checkout seguro e modular que adapta métodos de pagamento, dados do cliente, atendimento e sua marca em uma única experiência.

Nesta página

O DEUNA Checkout oferece aos comerciantes uma experiência de cliente configurável sem vincular a vitrine a cada capacidade de pagamento ou comércio. Configure a experiência uma vez e depois use o modelo de integração que corresponde ao seu aplicativo.

Experiência de checkoutConfigure uma vez. Visualize cada alteração ao vivo.
Espaço do lojistaConfigurar checkoutSincronizado
Métodos de pagamento
••••Cartão
Apple Pay
GGoogle Pay
PPayPal
Tema da marca
Prévia ao vivo
Checkout seguro
Pedido#D-2048$250.00
Métodos de pagamento
Número do cartão•••• •••• •••• 4242
Validade12 / 29
CVV•••
Total$250.00

O que o Check-out inclui#

Componha os recursos que sua jornada de compra precisa. Cada módulo pode ser habilitado e estilizado de forma independente.

Informações do clienteColete e gerencie os detalhes do cliente necessários para o pedido.EndereçosPermita que os clientes selecionem, adicionem e atualizem endereços de cobrança ou entrega.CumprimentoApresente entrega, coleta e outras opções de envio no contexto.CuponsAplique promoções e mostre seu efeito no total do pedido imediatamente.DicasAdicione uma etapa de gratificação opcional quando for relevante para a compra.PagamentoOfereça métodos de pagamento configurados por meio de uma interface consistente e segura.

Como a experiência se encaixa#

Fluxo de checkoutDo contexto do pedido ao pagamento confirmado.Explore cada fase e os sistemas envolvidos sem perder a visão da jornada completa.
Aplicativo do lojistaBackend do lojistaPreparar contexto do pedidoProdutos, cliente, valor e dados de entrega
Backend do lojistaDEUNAPOST /merchants/ordersSolicitação autenticada entre servidores
DEUNACheckoutRetornar pedido tokenizadoContexto seguro para a sessão do cliente
Aplicativo do lojistaCheckoutdeunaCheckout.show()Abrir o checkout configurado
As rotas são mostradas em contexto; consulte a referência da API para solicitações e autorização completas.

Personalize a experiência#

Mantenha a jornada de compra consistente com o seu produto, expondo apenas os módulos que o cliente precisa.

Adicionar módulos de checkoutEscolha os recursos de negócios mostrados durante a finalização da compra e configure seu comportamento.Aplique sua marcaDefina logotipos, cores, estilos visuais e apresentação de formas de pagamento.Validação de controleDefina como a interface valida os campos e comunica as correções necessárias.Personalize com CSSAplique alterações visuais detalhadas quando os controles de tema padrão não forem suficientes.

Escolha seu modelo de integração#

Use a opção que corresponda à quantidade de controle de interface e aplicativo que sua equipe deseja possuir.

Modelos de integração

Escolha o modelo de responsabilidade ideal para sua equipe.

Compare velocidade de implementação, controle da interface e flexibilidade antes de começar.

Comparar todos os formatos
01Hospedado pela DEUNALance uma experiência completa hospedada pela DEUNA com implementação mínima na loja.Lançamento mais rápido02SDKIncorpore recursos da DEUNA em aplicativos web ou móveis mantendo o controle da experiência ao redor.Web e mobile03PluginInstale uma extensão mantida para uma plataforma de comércio compatível com menos engenharia personalizada.Plataformas de comércio04API diretaControle a interface e coordene operações de checkout ou pagamento pelo aplicativo e backend.Controle máximo
Não sabe qual modelo escolher? Compare a experiência do cliente e os limites de responsabilidade no guia de integração.

Recursos para desenvolvedores#

Referência da APIExplore endpoints para lojistas, autorização, campos de solicitação e objetos de resposta.Fluxo e status de pagamentoImplemente estados de pagamento, ações do cliente, novas tentativas e resultados terminais corretamente.

SDKs

Escolha a plataforma para sua aplicação.

Web SDKJavaScript e TypeScript para qualquer stack web.JavaScript · CDNReact NativeUma integração para aplicativos iOS e Android.TypeScript · iOS + AndroidiOSSDK Swift para aplicativos iOS nativos.Swift · SPMAndroidSDK Kotlin para aplicativos Android nativos.Kotlin · Gradle