Quack_Cielo

Integração de pagamento Cielo para Magento 1.x

Esta extensão utiliza a biblioteca Tritoq/Payment, e distribui os arquivos da biblioteca, devido a incompatibilidade do Magento 1.x com o uso de namespaces. Agradecimentos ao Artur, que disponibilizou a biblioteca.

Veja também outras integrações

• Pagamento Itaú Shopline
• Pagamento Banco do Brasil
• Pagamento Bradesco
• Frete Jamef Transportes
• Frete TNT Brasil

Compatibilidade

Magento 1.7, 1.8 e 1.9.x

Requisitos

• Credenciamento junto ao serviço Cielo E-commerce (deve ser mencionada a escolha por leitura do cartão na própria loja).
• Baixar o certificado SSL do Webservice Cielo. Basta acessar a página, clicar sobre o cadeado, e exportar o certificado para o formato .crt.

Benefícios

• Receber pagamentos de forma automática, possibilitando análise de crédito ou captura imediata.
• Livre de intermediários, ou gateways de pagamentos.
• Extensão completamente gratuita, sem propagandas, ou versões pagas.

Introdução

Neste módulo foram adotados os padrões de integração de cartões de crédito do Magento, visando maior controle e transparência das transações. Ou seja as operações do Magento para Faturar (Invoice), Reembolsar (Refund), etc, estão todas integradas as operações da Cielo.

• Para capturar uma transação basta faturar o pedido.
• Para cancelar uma transação basta cancelar a fatura do pedido.
• Para devolver ao cliente parte ou todo o valor pago, basta reembolsar o pedido.
• O Magento disponibiliza estas e outras opções de acordo com a situação do pedido: rejeitar, aceitar, autorizar, etc.
• Importante: As operações precisam ser marcadas como "online". O Magento permite operações online e offline.

Segurança

Os detalhes de cada transação ficam mais protegidos em painéis separados, onde é possível gerenciar o acesso.

A tela do pedido exibe as informações básicas da transação:

Os detalhes da transação ficam registrados na aba Transações:

Ao clicar sobre a transação é possível ver os detalhes:

Também é possível realizar uma venda pelo backend, mas somente para os casos onde não é requerida autenticação junto ao banco emissor do cartão.

Modalidade Crédito

Processa pagamentos via cartão de crédito. Os cartões aceitos na modalidade de crédito são American Express, Visa, MasterCard, Discover, JCB, Diners Club, Aura, Elo.

Ações disponíveis para pagamento:

• Pedido
  • Registra a transação sem sensibilizar o cartão do cliente.
• Apenas Autorizar
  • Autoriza o desconto no cartão do cliente. Nesta situação o cliente já pode ver o lançamento futuro no extrato. Mas o lojista ainda tem 5 dias para aceitar ou recusar a transação.
• Capturar e Autorizar
  • Autoriza o desconto no cartão do cliente, e captura o valor.

É possível escolher a forma de autorização (com ou sem autenticação).

Opções de parcelamento:

• Crédito à vista
• Parcelado loja
• Parcelado administradora

É possível configurar o número de parcelas, e valor mínimo da parcela.

Modalidade Débito

Processa pagamentos via cartão de débito. Os cartões aceitos na modalidade de crédito são Visa e MasterCard.

Ao escolher a modalidade débito, o cliente é redirecionado ao ambiente do banco emissor do cartão, para autenticação. A autenticação é obrigatória, e pode ser feita via token, sms, ou qualquer outra forma disponibilizada pelo banco emissor do cartão.

Dicas

Como exibir imagens das bandeiras dos cartões na finalização do pedido?

Por padrão as opções de seleção do cartão são as mesmas do Magento.

Mas você pode ajustar a exibição facilmente, apenas acessando o Backend. Seguindo os passos abaixo, as bandeiras dos cartões devem aparecer dessa forma:

• Liberar a variável web/secure/base_media_url em Sistema > Permissões > Variáveis.

• Criar um bloco estático em CMS > Blocos Estáticos e inserir o script abaixo.

    <style type="text/css">
        select[name="payment[cc_type]"] {
            border: none;
            outline: none;
            overflow: visible;
        }
        select[name="payment[cc_type]"] > option {
            background-position: 2px 2px !important;
            background-repeat: no-repeat !important;
            background-size: 58px auto !important;
            display: inline;
            float: left;
            font-size: 0;
            height: 41px;
            margin: 0 5px 5px 0;
            width: 62px;
        }
    </style>
    <script type="text/javascript">
        //<![CDATA[
        payment.addAfterInitFunction('ccFlagStyle', function() {
            $$('select[name="payment[cc_type]"]').each(function(e) {
                e.size = 2;
                if (e.down().value == '') {
                    e.down().remove();
                }
            });
            
            $$('select[name="payment[cc_type]"] > option').each(function(e) {
                var flagName = e.value;
                if (flagName) {
                    e.style.backgroundImage = 'url({{config path="web/secure/base_media_url"}}wysiwyg/' + flagName + '.png)';
                }
            });
        });
        //]]>
    </script>

• Ainda na tela do bloco, clicar em Insert Image... e fazer upload das imagens a seguir, com os respectivos nomes:

  • AE.png, MC.png, VI.png, AU.png, JCB.png, DICL.png, DI.png, EL.png

  

• Criar um Widget para o bloco acima, em CMS > Widgets. E adicionar opção de atualizar o layout da Página Finalizar Pedido, como ilustrado a seguir: