Complemento Adyen

  1. Introdução
  2. Instale o complemento Adyen
  3. Crie um formulário de pagamento
  4. Obtenha suas chaves de API da sua conta Adyen
  5. Configure formulários de pagamento com sua conta Adyen

Introdução

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

O complemento iform4u Adyen Payments permite integrar o iform4u ao Adyen Payments. Com este complemento, você pode criar formulários de pagamento usando 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 a necessidade de lidar com dados confidenciais do cartão.

Instale 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 Add-Ons e configure-o.

Crie um formulário de pagamento

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

{{ ADYEN }}

Em seguida, na interface do complemento Adyen , você pode selecionar os campos que coletarão 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 à sua conta Adyen . Para isso você deve obter as seguintes informações da sua conta Adyen :

  1. Chave de API
  2. Chave de Origem
  3. Carregando Contexto
  4. Conta do comerciante
  5. Prefixo de URL ativo (obrigatório para passar em uma produção e receber pagamentos em tempo real)

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

Observação: Leve em consideração que você pode criar uma Conta Teste para testar seus formulários e pagamentos, depois poderá alterar suas Chaves e Ambiente para passar para produção e receber pagamentos Live.

Configure formulários de pagamento com sua conta Adyen

Para criar uma configuração Adyen , você deve realizar as seguintes etapas

  1. Vá para o Gerenciador de complementos e clique em Adyen.
  2. Clique no Configure um formulário de pagamento botão.

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

    • Forma: Obrigatório. É o formulário que você integrará à sua conta Adyen .
    • Status: Permite desabilitar a configuração Adyen .
    • Ao vivo: Habilite esta opção quando estiver pronto para passar em uma "Produção".
    • Chave de API: Obrigatório. Credencial de API.
    • Chave de origem: Obrigatório. Credencial de API.
    • Carregando Contexto: Obrigatório. Insira seu contexto de teste ou carregamento ao vivo.
    • Prefixo de URL ativo: obrigatório apenas quando você deseja passar seu formulário para produção.
    • Conta do comerciante: Obrigatório. Seu ID de conta de comerciante Adyen .
    • Condição de aceitação: habilita uma lógica condicional para aceitar pagamentos somente quando uma condição for atendida.
    • Unid: Cada item representa um produto ou serviço que será detalhado no site Adyen . É composto por:
      • Descrição: descreve seu produto ou serviço.
      • Preço: É o campo do formulário utilizado para coletar o preço do produto.
      • Quantidade: É o campo do formulário para coletar a quantidade de produtos. A quantidade de produtos é multiplicada pelo preço de cada produto, para obter o subtotal da transação. Se você não selecionar nenhum campo, o valor usado será 1.
    • Configurações de campo de cartão de crédito: é um grupo de campos que permite personalizar a forma como seus clientes veem o campo Cartão de crédito e compartilham suas informações. Você pode definir:
      • Rótulo: Texto para identificar seu cartão de crédito.
      • Localidade: o idioma do campo do seu 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 do div HTML.
      • Ocultar rótulo: Ative para ocultar o rótulo CC.
      • Obrigatório: Ative para aceitar apenas pagamentos. Inscrições sem pagamentos não serão aceitas.
      • Detalhe da loja: permite armazenar informações do cliente para usá-las em uma transação futura.
      • Nome do Titular: Ative para exibir o nome do titular do cartão.
      • Estilos: este campo permite personalizar a aparência do campo de cartão de crédito usando propriedades CSS no formato JSON. Clique aqui para obter mais detalhes.
      • Espaços reservados: este campo permite especificar os valores de amostra que você deseja que apareçam nos campos de entrada de detalhes do cartão no formato JSON. Clique aqui para obter mais detalhes.

  4. Clique em Criar.