Pagamento Mercado Pago Transparente Boleto e Cartão Opencart

Pagamento Mercado Pago Transparente Boleto e Cartão para o Opencart 3 e 2.3.0.2, feito de forma moderna, inovadora com vários recursos exclusivos e um formulário de Cartão de Crédito com foco em melhor usabilidade e conversão.

Git Cartão modo Computador e Tablet


Gif Cartão modo Celular

O que faz

• Pagamento Mercado Pago Transparente com suporte a Boleto e Cartão de Crédito
• Visual da tela do Cartão de Crédito usando um Cartão para facilitar na usabilidade e com campos estruturados para melhorar usabilidade
• Boleto com configurações a parte
• Campos com máscaras no Cartão: Número do Cartão, Vencimento, CVC e CPF
• Exibição das Parcelas no Cartão com a quantidade da parcela, valor da parcela e total
• Cartão puxa o campo extra CPF, se não tiver pode preencher na tela do Cartão
• Boleto suporta campo extra CPF ou CNPJ
• Dois campos extras para CPF/CNPJ, o módulo identifica se é CPF ou CNPJ pelos dígitos, prioridade para o primeiro campo extra
• Cartão de Crédito com configurações a parte
• Imagem das bandeiras suportadas pelo Mercado Pago
• No celular cartão sem o visual do Cartão para melhorar a usabilidade e compatibilidade devido a tela menor
• No celular aparece o nome das bandeiras suportadas pelo cleave.js ao lado do texto Número  do Cartão conforme o cliente digita o número
• Nos outros aparelhos sem ser celular, as bandeiras suportadas aparecem no visual do Cartão
• Pode ativar ou desativar a forma de pagamento desejada
• Modo teste com aviso na listagem do Pagamento
• Modo de teste especial por E-mail do cliente, caso queira testar apenas com um cliente
• CSS extra pelo Painel
• Pode informar o título do pagamento, botão confirmar, ordem, região geográfica e outras configurações
• Histórico do Pedido do Cartão com diversos dados como: Os 8 primeiros número, Bandeira usada, Parcelas, Valor total pago, dados do titular como Nome e CFP, entre outros dados.
• Histórico do Boleto com o Link para o Boleto
• Modal de Sucesso para o Boleto com o link do Boleto
• Tela do sucesso com o Link para o Boleto
• Log próprio, normalmente fica em system/storage/logs  ou o local que fica o storage da sua loja
• Notificação, altera o Status do Pedido conforme as mudanças no Pagamento notificadas pelo Mercado Pago
• Log na Notificação a parte para verificar se chegou a notificação até o módulo e mais detalhes
• Notificação com verificação de Status, verificamos se o Status já foi usado no Pedido, evitando assim Status duplicados devido a notificações repitidas
• Webhook por Cron Job auxiliar, consulta diretamente no Mercado Pago o Status de cada Pedido de até 5 dias antes (uso opcional)
• Painel Codemarket

Módulo com visual de cartãozinho para melhorar a usabilidade e maior conversão, tudo dentro da sua loja, veja a tela do Cartão:

Lançamento
30/10/2019
Ultima versão 1.3 21/08/2020

Atualizações
Versão 1.4 - 28/08/2020

• Atualizado os JavaScripts
• Usando CDN para todos os JS, inclusive o do Cartão
• Adicionado as melhorias das class no visual do Cartão para Opencart 2.3.0.2 também, permitindo mais personalização para o modo Mobile principalmente
• Melhorado o Parcelamento para funcionar normalmente mesmo quando o Cartão é colado, antes só estava pegando bem ao digitar o número do Cartão
• Melhoria no geral do JS do Cartão, principalmente ligado a parte da máscara dos números

Versão 1.3 - 21/08/2020

• Suporte ao Opencart 3.0.3.6, funcionando em todos os Opencart 3 atuais e 2.3.0.2
• Melhoria na verificação do Status do Pagamento por Cron Job
• Adicionado mais class no visual do Cartão para o Opencart 3, permitindo mais personalização para o modo Mobile principalmente
• Método do Pagamento, retirado o (int), devido não vir mais como um número inteiro e sim uma string (text), mudança importante

Versão 1.2 - 29/01/2020

• Adicionado imagem das bandeiras de cartões suportados pelo Mercado Pago
• Perquenos ajustes no CSS
• Removido o Card (visual do Cartão) para os celulares, pois alguns celulares e navegadores tem problemas com ele sem aviso de erro e outros pegam normalmente
• Adicionado para celular apenas os formulários com as máscaras, melhorando a usabilidade, pois ocupa menos espaço também
• Dependendo da bandeira usada vai ser exibido o nome dela para celulares, já no outros aparelhos já é exibido no visual do Cartão
• Removido o Jquery Mask, usado no lugar o cleave.js
• Adicionado alguns logs de js na View (console.log)
• Pequenas melhorias em geral

Atualização recomendada, principalmente para quem tem muitos clientes usando o Celular, já que o Card tem problemas com a máscara para certos celulares.
Testamos em um S7 normal que não pegou, um outro S7 pegou normal e um GPD XD pegou também, alertamos os criadores do js do Card para no futuro resolverem isso, mas preferimos no celular mudar para formulário e usar o cleave.js para as máscaras, funcionando normalmente.

Versão 1.1 - 26/12/2019

• Adicionado CSS extra pelo Painel
• Adicionado modo de teste por E-mail, só ativando para o E-mail de teste isoladamente 
• Adicionado aviso se estiver no modo de teste
• Adicionado mensagem de erro geral e mensagem personalizada caso seja erro de CPF/CNPJ
• Adicionado mais um campo extra para CPF/CNPJ, a melhoria identifica se é um CPF ou CNPJ, prioridade para o primeiro campo extra  
• Cartão funciona apenas CPF, caso tenha 11 dígitos vai ser adicionado no campo CPF do Cartão  
• Boleto funciona com CPF ou CNPJ
• Adicionado Webhook por Cron Job como auxiliar, caso tenha problema na notificação do Mercado Pago  
• Adicionado Webhook no Boleto a parte, pois se o Cartão estiver desativado não vai pegar Webhook no Boleto  
• Adicionado mais logs no Webhook  
• Adicionado mais documentação no código

Compatibilidade
Opencart 3 até 3.0.3.8
Opencart 2.3.0.2
Painel Codemarket
Cadastro Ativo Mercado Pago
PHP 7.0 para o Opencart 2.3.0.2
PHP 7.2 ou mais atual para o Opencart 3
Checkout padrão do Opencart ou um baseado nele como o nosso Checkout Pro ou Lite
Campo extra CPF, principalmente para o Boleto