Selo PIX - Pagina Checkout - Mercado Pago e PagHiper

Passando para compartilhar essa configuração que deu certo em nossa loja para colocar o selo do PIX na página de Checkout para usuários do Mercado Pago e PagHiper.

PIX-CHECKOUT

Configurar no Código HTML
Descrição: Pix - Checkout
Local publicação: Rodapé
Página publicação: Página de checkout
Tipo: javaScript

Segue o código:

$(function(){

$("#pagamento18 .forma-conteiner").append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com MercadoPago - Pix">')

$("#pagamento6 .forma-conteiner").append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 5px;" alt="Pague com Boleto ou Pix">') });
8 Curtidas

Muito obrigado pelo código.
Sucesso!!!

2 Curtidas

Obrigado por compartilhar o código. Paz e Luz de Jesus em seu caminho. Abraços.

2 Curtidas

Amém. Muito obrigado. Te desejamos muito sucesso. Abraços

1 Curtida

Fiz no meu mas por alguma razão nao funcionou, adicionei o ; no final da primeira linha, mas mesmo assim não apareceu.

Olá Fabio, também tive um pouco de dificuldade, mas consegui resolver.

Em nossa loja a forma padrão de pagamento é o PagSeguro, então usamos ele como “Checkout Transparente”, ou seja, quando não precisa sair do nosso site para efetuar o pagamento.

Já a nossa recebimento via PIX é do MercadoPago, então deixamos nele a opção de “Checkout PRO” ativada, conforme print abaixo:

image

E lá no código, para facilitar, vou colocar o mesmo código do amigo soupapamike, então todos os créditos a ele tá? :slight_smile:

image

E no código tem que deixar assim:

$(function(){
  <!-- Logo PIX - Mercado Pago -->
 $("#pagamento18 .forma-conteiner").append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 20px;" alt="Pague com MercadoPago - Pix">')

  <!-- Logo PIX - Boleto-->
   $("#pagamento6 .forma-conteiner").append('<img src="https://cdn.awsli.com.br/404/404737/arquivos/PIX.png" style="margin: 0 0 0 5px;" alt="Pague com Boleto ou Pix">')

});

Obs.: Se o seu boleto tiver desconto, pode ser que o layout fique quebrada dependendo do tamanho e font que você usa em seu tema. Segue exemplo:

image

Espero que ajude. :wink:

1 Curtida

veja se isso ajuda!

1 Curtida

Parabéns muito bem!!! :slight_smile:

1 Curtida