Complemento Adyen

Introdução

O Complemento Adyen é um complemento premium, você pode comprá-lo em uma de nossas assinaturas. Obrigado!

O Complemento de Pagamentos Adyen do iform4u permite integrar o iform4u com os Pagamentos Adyen. Com este complemento, você pode criar formulários de pagamento utilizando o novo SDK Dropin.js para criar um formulário de pagamento que coleta com segurança as informações do cartão do seu cliente sem que você precise manipular dados sensíveis do cartão.

Instalar o Complemento Adyen

O processo de instalação do Complemento Adyen é muito simples, igual a qualquer outro complemento. Para instalar o Complemento Adyen, vá ao menu de Complementos e configure-o.

Criar um Formulário de Pagamento

Os formulários são criados através do Construtor de Formulários. Você apenas precisa arrastar e soltar os campos que seu formulário necessita e adicionar um Campo de Trecho HTML com o seguinte conteúdo:

{{ADYEN}}

Em seguida, na interface do Complemento Adyen, você pode selecionar os campos que irão coletar as informações necessárias para pagar no Adyen. Por exemplo, preço, quantidade, etc.

Obtenha suas Chaves de API da sua Conta Adyen

Agora que você tem seu formulário, vamos integrá-lo com sua conta Adyen. Para isso, você deve obter as seguintes informações da sua Conta Adyen:

1. Chave API
2. Chave de Origem
3. Contexto de Carregamento
4. Conta de Comerciante
5. Prefixo de URL ao Vivo (Necessário para passar para produção e receber pagamentos ao vivo)

Aqui estão os passos que você deve seguir para obter as informações necessárias.

• Adyen - Comece com Adyen
• Adyen - Como obter as chaves de API

Nota: Considere que você pode criar uma Conta de Teste para testar seus formulários e pagamentos, e então pode alterar suas Chaves e Ambiente para passar para produção e receber pagamentos ao Vivo.

Configurar Formulários de Pagamento com sua Conta Adyen

Para criar uma configuração Adyen, você deve realizar os seguintes passos:

1. Vá para o Gerenciador de Complementos e clique em Adyen.
2. Clique no botão Configurar um Formulário de Pagamento.

3. Um formulário para configurar o processo de pagamento aparecerá:

   • Formulário: Obrigatório. É o formulário que você integrará com sua conta Adyen.
   • Status: Permite desativar a configuração do Adyen.
   • Ao Vivo: Ative esta opção quando estiver pronto para passar para "Produção".
   • Chave API: Obrigatório. Credencial da API.
   • Chave de Origem: Obrigatório. Credencial da API.
   • Contexto de Carregamento: Obrigatório. Insira seu contexto de carregamento de Teste ou Ao Vivo.
   • Prefixo de URL ao Vivo: Obrigatório apenas quando você deseja passar seu formulário para Produção.
   • Conta de Comerciante: Obrigatório. Seu ID de Conta de Comerciante Adyen.
   • Condição de Opt-In: Ative uma lógica condicional para aceitar pagamentos apenas quando uma condição for atendida.
   • Itens: Cada item representa um produto ou serviço que será detalhado no site do Adyen. É composto por:
     • Descrição: Descreve seu produto ou serviço.
     • Preço: É o campo do formulário usado para coletar o preço do produto.
     • Quantidade: É o campo do formulário para coletar o número de produtos. O número de produtos é multiplicado pelo preço de cada produto para obter o sub-total da transação. Se você não selecionar nenhum campo, a quantidade utilizada será 1.
   • Configurações do Campo de Cartão de Crédito: É um grupo de campos que permitem personalizar como seus clientes veem o campo de Cartão de Crédito e compartilham suas informações. Você pode definir:
     • Rótulo: Texto para identificar seu cartão de crédito.
     • Locale: O idioma do seu campo de Cartão de Crédito. Por padrão, en_US. Opções Disponíveis
     • Moeda: Para alterar a moeda da transação.
     • Elemento Dom: Para alterar o ID da div HTML.
     • Ocultar Rótulo: Ative para ocultar o rótulo do Cartão de Crédito.
     • Obrigatório: Ative para aceitar apenas pagamentos. Submissões sem pagamentos não serão aceitas.
     • Armazenar Detalhes: Ative para armazenar informações do Cliente para uso em uma transação futura.
     • Nome do Titular: Ative para exibir o nome do titular do cartão.
     • Estilos: Este campo permite que você personalize a aparência do Campo de Cartão de Crédito usando propriedades CSS em formato JSON. Clique aqui para obter mais detalhes.
     • Placeholders: Este campo permite que você especifique os valores de amostra que deseja que apareçam nos campos de entrada de detalhes do cartão em formato JSON. Clique aqui para obter mais detalhes.

4. Clique em Criar.